vue-intergrall-plugins 0.0.222 → 0.0.223

package/dist/vue-intergrall-plugins.ssr.js

@@ -3550,6 +3550,22 @@ var script$n = {
       if (this.fileSettings.multiple) return "isMultiple";
       if (this.isDoc) return "isDoc";
       return "isMsg";
+    },
+    acceptedExtensions: function acceptedExtensions() {
+      var str = "";
+
+      if (this.fileSettings.docsExtensions && this.fileSettings.imagesExtensions) {
+        str = "".concat(this.fileSettings.docsExtensions.split("|").join(',')).concat(this.fileSettings.imagesExtensions.split("|").join(','));
+      } else if (this.fileSettings.docsExtensions) {
+        str = this.fileSettings.docsExtensions.split("|").join(',');
+      } else if (this.fileSettings.imagesExtensions) {
+        str = this.fileSettings.imagesExtensions.split("|").join(',');
+      }
+
+      str = str && str.endsWith(",") ? str.slice(0, -1) : str;
+      if (this.fileSettings.multiple) return str ? str : "image/*,application/*";
+      if (this.isDoc) return str ? str : "application/*";
+      return str ? str : "image/*";
     }
   },
   watch: {
@@ -3914,7 +3930,7 @@ var __vue_render__$n = function __vue_render__() {
     attrs: {
       "icon": ['fas', 'server']
     }
-  })], 1) : _vm._e()], 2) : _vm._e()]), _vm._ssrNode(" <div class=\"files-pointers d-none\">" + (_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "both-" + _vm.textId) + " accept=\"image/*,application/*\" multiple=\"multiple\">" : "<!---->") + " " + (!_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "img-" + _vm.textId) + " accept=\"image/*\">" : "<!---->") + " " + (!_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "doc-" + _vm.textId) + " accept=\"application/*\">" : "<!---->") + "</div> "), _c('transition', {
+  })], 1) : _vm._e()], 2) : _vm._e()]), _vm._ssrNode(" <div class=\"files-pointers d-none\">" + (_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "both-" + _vm.textId) + _vm._ssrAttr("accept", _vm.acceptedExtensions) + " multiple=\"multiple\">" : "<!---->") + " " + (!_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "img-" + _vm.textId) + _vm._ssrAttr("accept", _vm.acceptedExtensions) + ">" : "<!---->") + " " + (!_vm.fileSettings.multiple ? "<input type=\"file\"" + _vm._ssrAttr("id", "doc-" + _vm.textId) + _vm._ssrAttr("accept", _vm.acceptedExtensions) + ">" : "<!---->") + "</div> "), _c('transition', {
     attrs: {
       "name": "fade"
     }
@@ -3973,7 +3989,7 @@ var __vue_staticRenderFns__$n = [];
 
 var __vue_inject_styles__$n = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-71c7f64d_0", {
+  inject("data-v-40b9b88c_0", {
     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}",
     map: undefined,
     media: undefined
@@ -3985,7 +4001,7 @@ var __vue_inject_styles__$n = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$n = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$n = "data-v-71c7f64d";
+var __vue_module_identifier__$n = "data-v-40b9b88c";
 /* functional template */
 
 var __vue_is_functional_template__$n = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-intergrall-plugins",
-  "version": "0.0.222",
+  "version": "0.0.223",
   "description": "",
   "main": "dist/vue-intergrall-plugins.ssr.js",
   "browser": "dist/vue-intergrall-plugins.esm.js",

package/src/lib-components/Chat/BtnFiles.vue

@@ -24,9 +24,9 @@
       </div>
     </transition>
     <div class="files-pointers d-none">
-      <input v-if="fileSettings.multiple" type="file" :id="`both-${textId}`" accept="image/*,application/*" multiple @change="fileUpload($event, 'both')" />
-      <input v-if="!fileSettings.multiple" type="file" :id="`img-${textId}`" accept="image/*" @change="fileUpload($event, 'img')" />
-      <input v-if="!fileSettings.multiple" type="file" :id="`doc-${textId}`" accept="application/*" @change="fileUpload($event, 'doc')" />
+      <input v-if="fileSettings.multiple" type="file" :id="`both-${textId}`" :accept="acceptedExtensions" multiple @change="fileUpload($event, 'both')" />
+      <input v-if="!fileSettings.multiple" type="file" :id="`img-${textId}`" :accept="acceptedExtensions" @change="fileUpload($event, 'img')" />
+      <input v-if="!fileSettings.multiple" type="file" :id="`doc-${textId}`" :accept="acceptedExtensions" @change="fileUpload($event, 'doc')" />
     </div>
     <transition name="fade">
       <div class="text-footer-preview-container" @click.stop v-show="showFilePreview" :class="[previewContainerClass]" v-on-clickaway="away">
@@ -147,7 +147,21 @@ export default {
       if(this.fileSettings.multiple) return "isMultiple"
       if(this.isDoc) return "isDoc"
       return "isMsg"
-    }
+    },
+    acceptedExtensions() {
+      let str = ""
+      if(this.fileSettings.docsExtensions && this.fileSettings.imagesExtensions) {
+        str = `${this.fileSettings.docsExtensions.split("|").join(',')}${this.fileSettings.imagesExtensions.split("|").join(',')}`
+      }else if(this.fileSettings.docsExtensions) {
+        str = this.fileSettings.docsExtensions.split("|").join(',')
+      }else if(this.fileSettings.imagesExtensions) {
+        str = this.fileSettings.imagesExtensions.split("|").join(',')
+      }
+      str = str && str.endsWith(",") ? str.slice(0, -1) : str
+      if(this.fileSettings.multiple) return str ? str : "image/*,application/*"
+      if(this.isDoc) return str ? str : "application/*"
+      return str ? str : "image/*"
+    },
   },
   watch: {
     externalFiles() {