vue-intergrall-plugins 0.0.227 → 0.0.228

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.
@@ -54,10 +54,22 @@ function _slicedToArray(arr, i) {
54
54
  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
55
55
  }
56
56
 
57
+ function _toConsumableArray(arr) {
58
+ return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
59
+ }
60
+
61
+ function _arrayWithoutHoles(arr) {
62
+ if (Array.isArray(arr)) return _arrayLikeToArray(arr);
63
+ }
64
+
57
65
  function _arrayWithHoles(arr) {
58
66
  if (Array.isArray(arr)) return arr;
59
67
  }
60
68
 
69
+ function _iterableToArray(iter) {
70
+ if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
71
+ }
72
+
61
73
  function _iterableToArrayLimit(arr, i) {
62
74
  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
63
75
 
@@ -105,6 +117,10 @@ function _arrayLikeToArray(arr, len) {
105
117
  return arr2;
106
118
  }
107
119
 
120
+ function _nonIterableSpread() {
121
+ throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
122
+ }
123
+
108
124
  function _nonIterableRest() {
109
125
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
110
126
  }var top = 'top';
@@ -3497,8 +3513,7 @@ var __vue_component__$w = /*#__PURE__*/normalizeComponent({
3497
3513
  staticRenderFns: __vue_staticRenderFns__$o
3498
3514
  }, __vue_inject_styles__$o, __vue_script__$o, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, undefined, createInjectorSSR, undefined);
3499
3515
 
3500
- var MultipleFilePreview = __vue_component__$w;//
3501
- var script$n = {
3516
+ var MultipleFilePreview = __vue_component__$w;var script$n = {
3502
3517
  components: {
3503
3518
  SingleFilePreview: SingleFilePreview,
3504
3519
  MultipleFilePreview: MultipleFilePreview
@@ -3651,11 +3666,14 @@ var script$n = {
3651
3666
  },
3652
3667
  fileUpload: function fileUpload(event, type, externalCall) {
3653
3668
  try {
3669
+ var _this$file;
3670
+
3654
3671
  this.fileSize = 0;
3655
3672
  if (this.fileFormatError) this.file = [];
3656
3673
  this.openFiles = false;
3657
3674
  var filesAux = !externalCall ? event.target.files ? event.target.files : event.dataTransfer.files : event;
3658
- this.file = filesAux.length ? filesAux : this.file;
3675
+ var isStackable = this.fileSettings.stackFiles && this.fileSettings.multiple;
3676
+ this.file = filesAux.length ? isStackable ? (_this$file = this.file).concat.apply(_this$file, _toConsumableArray(filesAux)) : filesAux : this.file;
3659
3677
  if (!this.file.length) return;
3660
3678
 
3661
3679
  if (this.file.length > this.fileSettings.max) {
@@ -3861,7 +3879,7 @@ var __vue_render__$n = function __vue_render__() {
3861
3879
  name: "tippy",
3862
3880
  rawName: "v-tippy"
3863
3881
  }],
3864
- staticClass: "files-counter-2",
3882
+ class: "" + (_vm.fileSettings.filePreviewStyle == 2 ? 'files-counter-2' : 'files-counter'),
3865
3883
  attrs: {
3866
3884
  "content": _vm.dictionary.msg_abrir_anexos
3867
3885
  },
@@ -3871,11 +3889,11 @@ var __vue_render__$n = function __vue_render__() {
3871
3889
  return _vm.toggleFilePreview.apply(null, arguments);
3872
3890
  }
3873
3891
  }
3874
- }, [_vm._v("\n Anexos "), _c('fa-icon', {
3892
+ }, [_vm.fileSettings.filePreviewStyle == 1 ? [_vm._v("\n " + _vm._s(_vm.fileSize) + "\n ")] : [_vm._v("\n Anexos "), _c('fa-icon', {
3875
3893
  attrs: {
3876
3894
  "icon": ['fas', 'eye']
3877
3895
  }
3878
- })], 1) : _vm._e()]), _vm._ssrNode(" "), _c('transition', {
3896
+ })]], 2) : _vm._e()]), _vm._ssrNode(" "), _c('transition', {
3879
3897
  attrs: {
3880
3898
  "name": "show"
3881
3899
  }
@@ -4006,7 +4024,7 @@ var __vue_staticRenderFns__$n = [];
4006
4024
 
4007
4025
  var __vue_inject_styles__$n = function __vue_inject_styles__(inject) {
4008
4026
  if (!inject) return;
4009
- inject("data-v-27fa7bad_0", {
4027
+ inject("data-v-5a1fae02_0", {
4010
4028
  source: ".fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.files-counter{position:absolute;top:unset;transform:translate(17.5px,-15px);background-color:#888;z-index:1;font-size:.5rem;width:15px;height:15px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.9;transition:all .3s;color:#fff;font-weight:900}.files-counter:hover{opacity:1}.files-counter-2{transform:translate(-15px,28px);opacity:.9;position:absolute;display:flex;justify-content:center;align-items:center;color:#888;font-size:.8rem}.files-counter-2 svg{margin-left:5px}.files-counter-2:hover{opacity:1;text-decoration:underline}",
4011
4029
  map: undefined,
4012
4030
  media: undefined
@@ -4018,7 +4036,7 @@ var __vue_inject_styles__$n = function __vue_inject_styles__(inject) {
4018
4036
  var __vue_scope_id__$n = undefined;
4019
4037
  /* module identifier */
4020
4038
 
4021
- var __vue_module_identifier__$n = "data-v-27fa7bad";
4039
+ var __vue_module_identifier__$n = "data-v-5a1fae02";
4022
4040
  /* functional template */
4023
4041
 
4024
4042
  var __vue_is_functional_template__$n = false;
@@ -8413,7 +8431,9 @@ var script$j = {
8413
8431
  multiple: false,
8414
8432
  systemButton: false,
8415
8433
  max: 3,
8416
- handleFilePreview: false
8434
+ handleFilePreview: false,
8435
+ filePreviewStyle: 1,
8436
+ stackFiles: false
8417
8437
  };
8418
8438
  },
8419
8439
  required: false
@@ -8955,7 +8975,7 @@ var __vue_staticRenderFns__$j = [];
8955
8975
 
8956
8976
  var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
8957
8977
  if (!inject) return;
8958
- inject("data-v-b53ec8ee_0", {
8978
+ inject("data-v-53fe87de_0", {
8959
8979
  source: ".toasted svg{margin-right:10px}.d-none{display:none}ul{list-style-type:none}.text-footer-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;position:relative}.text-footer-container .text-footer{min-height:48px;box-shadow:0 3px 7px -2px rgba(0,0,0,.45);position:relative;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;padding:5px 2px 5px 5px;border-radius:5px}.text-footer-container .text-footer.full{width:100%}.text-footer-container .text-footer.almostFull{width:95%}.text-footer-container .text-footer.medium{width:75%}.text-footer-container.bigger .text-footer{height:80px}.text-footer-container.bigger .text-footer>textarea{font-size:.875rem;height:75px;max-height:75px;min-height:75px}.text-footer-container textarea{margin:0 5px;border:unset;flex:1;resize:none;min-height:30px;max-height:60px;font-size:.875rem;font-family:inherit;background:inherit}.text-footer-container textarea:focus{outline:unset}.text-footer-container textarea::placeholder{font-size:.75rem}.text-footer-container .text-footer-audio{flex:1;display:flex;justify-content:center;align-items:center}.text-footer-container audio{flex:1;outline:unset;width:auto;height:38px}.text-footer-container .delete-audio{display:flex;justify-content:center;align-items:center;color:#e74c3c;transition:background .3s;border-radius:50%;font-size:1rem;padding:10px;cursor:pointer;margin:0 5px;width:31px;height:31px}.text-footer-container .delete-audio:hover{background-color:rgba(208,0,0,.2)}.text-footer-container .max-characters{font-size:.575rem;z-index:1;color:#444;position:relative;top:30px;left:-30px}.text-footer-container .max-characters.no-width{width:0}.text-footer-container .text-footer-actions{display:flex}.text-footer-container .text-footer-actions.outside-buttons{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:-42px;right:2px;background-color:#ddd;box-shadow:inset 0 -10px 5px -11px rgba(0,0,0,.5)}.text-footer-container .text-footer-actions .text-footer-actions--btn{display:flex;justify-content:center;align-items:center;color:#777;border-radius:50%;transition:background .3s;padding:10px;font-size:1rem;width:36px;height:36px;cursor:pointer;margin-right:2.5px}.text-footer-container .text-footer-actions .text-footer-actions--btn:last-child{margin-right:unset}.text-footer-container .text-footer-actions .text-footer-actions--btn:hover{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.files-activated{background-color:rgba(0,0,0,.1)}.text-footer-container .text-footer-actions .text-footer-actions--btn.audio-activated{background-color:rgba(208,0,0,.7);color:#fff}.text-footer-container .text-footer-actions .text-footer-actions--btn.left-button{position:absolute;left:0}.text-footer-container .text-footer-hsm-container{margin:12px 0 7px 0}.text-footer-container .text-footer-hsm-container.full{width:100%}.text-footer-container .text-footer-hsm-container.almostFull{width:95%}.text-footer-container .text-footer-hsm-container.medium{width:75%}.text-footer-container .text-footer-hsm-container .text-footer-v-select{border-radius:5px;margin-bottom:5px}.text-footer-container .text-footer-hsm-container .text-footer-select-03{display:flex;align-items:center;flex:1;width:100%}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer-v-select{flex:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03{transition-duration:.3s;user-select:none;cursor:pointer;box-shadow:inset 0 -3px rgba(0,0,0,.2);opacity:.9;border-radius:2.5px;display:flex;justify-content:center;align-items:center;margin-left:5px;margin-bottom:5px;background-color:#f7fe72;width:32px;height:32px}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:hover{opacity:1}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03:active{opacity:1;box-shadow:inset 0 -1px rgba(0,0,0,.2);-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.text-footer-container .text-footer-hsm-container .text-footer-select-03 .text-footer--btn-select-03 svg{font-size:1rem}.text-footer-container .text-footer-files-container{position:absolute;right:0;top:-55px;padding:5px;background-color:rgba(0,0,0,.4);border-radius:5px;display:flex;align-items:center;justify-content:space-between;z-index:1}.text-footer-container .text-footer-files-container.horizontal{right:-55px;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn{transition-duration:.3s;transition-property:opacity;opacity:.8;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:10px;padding:3px;width:40px;height:40px;font-size:1rem;color:#fff}.text-footer-container .text-footer-files-container .files-btn:hover{opacity:1}.text-footer-container .text-footer-files-container .files-btn svg{color:#fff}.text-footer-container .text-footer-files-container .files-btn.images{background-color:#9575cd;margin-right:5px}.text-footer-container .text-footer-files-container .files-btn.images.margin-bottom{margin-right:unset;margin-bottom:5px}.text-footer-container .text-footer-files-container .files-btn.docs{background-color:#7986cb}.text-footer-container .text-footer-files-container .files-btn.system{background-color:#49a349;margin-left:5px}.text-footer-container .text-footer-files-container .files-btn.both{font-size:.95rem;background-color:#5555ec;flex-direction:column}.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(1){transform:translateX(5px)}.text-footer-container .text-footer-files-container .files-btn.both svg:nth-child(2){transform:translateX(-5px)}.text-footer-container .text-footer-preview-container{width:100%;cursor:default;position:absolute;left:0;background-color:#f1f1f1;border:2px solid #ccc;border-bottom:unset;border-top-left-radius:2.5px;border-top-right-radius:2.5px}.text-footer-container .text-footer-preview-container.isDoc{top:-50px;width:100%;height:45px}.text-footer-container .text-footer-preview-container.isImg,.text-footer-container .text-footer-preview-container.isMultiple{top:-205px;width:100%;height:200px}.text-footer-container .text-footer-preview-container.isImg .text-footer-image-preview{height:170px}.text-footer-container .text-footer-preview-container.isError{top:-80px;width:100%;height:75px}.text-footer-container .text-footer-alt{margin-top:-12px;width:100%;padding:0 10px}.text-footer-container .text-footer-alt .text-footer-out-session{margin-top:12px}.text-footer-container .text-footer-alt .text-footer-sem-24h{font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#dd7f0c;margin-top:5px;position:absolute;right:0}.text-footer-container .text-footer-alt .sem-templates{margin-top:10px;font-size:.8rem;text-align:right;font-weight:600;letter-spacing:-.5px;color:#921e12}.text-footer-container .text-footer-alt .text-footer-templates{position:relative;width:100%}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection{width:100%;display:flex;align-items:center}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection h4{margin-right:5px}.text-footer-container .text-footer-alt .text-footer-templates .text-footer-group-selection .sm__select{flex:1}.vs__dropdown-menu{font-size:.85rem!important}.emoji-mart-anchor,.emoji-mart-emoji span{cursor:pointer!important}.emoji-mart{z-index:2!important}.emoji-mart-scroll{overflow-x:hidden}",
8960
8980
  map: undefined,
8961
8981
  media: undefined
@@ -8967,7 +8987,7 @@ var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
8967
8987
  var __vue_scope_id__$j = undefined;
8968
8988
  /* module identifier */
8969
8989
 
8970
- var __vue_module_identifier__$j = "data-v-b53ec8ee";
8990
+ var __vue_module_identifier__$j = "data-v-53fe87de";
8971
8991
  /* functional template */
8972
8992
 
8973
8993
  var __vue_is_functional_template__$j = false;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vue-intergrall-plugins",
3
- "version": "0.0.227",
3
+ "version": "0.0.228",
4
4
  "description": "",
5
5
  "main": "dist/vue-intergrall-plugins.ssr.js",
6
6
  "browser": "dist/vue-intergrall-plugins.esm.js",
@@ -7,8 +7,13 @@
7
7
  </transition> -->
8
8
  <fa-icon :icon="['fas', 'paperclip']" :title="dictionary.title_selecionar_anexo" />
9
9
  <transition name="fade">
10
- <span v-if="fileSize > 0" @click.stop="toggleFilePreview" v-tippy :content="dictionary.msg_abrir_anexos" class="files-counter-2">
11
- Anexos <fa-icon :icon="['fas', 'eye']" />
10
+ <span v-if="fileSize > 0" @click.stop="toggleFilePreview" v-tippy :content="dictionary.msg_abrir_anexos" :class="`${fileSettings.filePreviewStyle == 2 ? 'files-counter-2' : 'files-counter'}`">
11
+ <template v-if="fileSettings.filePreviewStyle == 1">
12
+ {{ fileSize }}
13
+ </template>
14
+ <template v-else>
15
+ Anexos <fa-icon :icon="['fas', 'eye']" />
16
+ </template>
12
17
  </span>
13
18
  </transition>
14
19
  <transition name="show">
@@ -255,14 +260,13 @@ export default {
255
260
  if(this.fileFormatError) this.file = []
256
261
  this.openFiles = false
257
262
  const filesAux = !externalCall ? event.target.files ? event.target.files : event.dataTransfer.files : event
258
- this.file = filesAux.length ? filesAux : this.file
259
-
263
+ const isStackable = this.fileSettings.stackFiles && this.fileSettings.multiple
264
+ this.file = filesAux.length ? isStackable ? this.file.concat(...filesAux) : filesAux : this.file
260
265
  if(!this.file.length) return
261
266
  if(this.file.length > this.fileSettings.max) {
262
267
  this.file = []
263
268
  return this.$toasted.global.defaultInfo({ msg: `Limite de ${this.fileSettings.max} arquivos` })
264
269
  }
265
-
266
270
  this.hasAnyFile = true
267
271
  this.fileSize = this.file.length
268
272
  if(!this.fileSettings.multiple) {
@@ -147,7 +147,7 @@ export default {
147
147
  },
148
148
  fileSettings: {
149
149
  type: Object,
150
- default: () => { return { docsExtensions: "", imagesExtensions: "", multiple: false, systemButton: false, max: 3, handleFilePreview: false } },
150
+ default: () => { return { docsExtensions: "", imagesExtensions: "", multiple: false, systemButton: false, max: 3, handleFilePreview: false, filePreviewStyle: 1, stackFiles: false } },
151
151
  required: false
152
152
  },
153
153
  textId: {