{"version":3,"sources":["webpack:///./src/components/module/InputImgUploaderArray.vue?bb43","webpack:///src/components/module/InputImgUploaderArray.vue","webpack:///./src/components/module/InputImgUploaderArray.vue?b75a","webpack:///./src/components/module/InputImgUploaderArray.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","file","idx","key","fileKeys","attrs","files","on","addImg","delImg","staticRenderFns","name","props","isRequire","type","Boolean","default","label","String","desc","value","Array","limit","Number","isImgDeletable","mixins","components","InputImgUploader","created","length","indexOf","initKeys","data","methods","push","uuidv4","isArray","pop","shift","concat","slice","$emit","remove","index","computed","watch","n","component"],"mappings":"ggBAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,aAAaN,EAAIO,GAAIP,EAAS,OAAE,SAASQ,EAAKC,GAAK,OAAOL,EAAG,qBAAqB,CAACM,IAAI,QAAQV,EAAIW,SAASF,GAAKG,MAAM,CAAC,UAAW,EAAM,MAAQJ,EAAK,MAAQR,EAAIa,MAAM,MAAQJ,GAAKK,GAAG,CAAC,eAAed,EAAIe,OAAO,OAASf,EAAIgB,aAAY,MACxWC,EAAkB,G,8ECetB,GACEC,KAAM,wBACNC,MAAO,CACLC,UAAW,CACTC,KAAMC,QACNC,SAAS,GAEXC,MAAO,CACLH,KAAMI,OACNF,QAAS,IAEXG,KAAM,CACJL,KAAMI,OACNF,QAAS,IAEXI,MAAO,CACLN,KAAM,CAACI,OAAQG,QAEjBC,MAAO,CACLR,KAAMS,OACNP,QAAS,GAEXQ,eAAgB,CACdV,KAAMC,QACNC,SAAS,IAGbS,OAAQ,CACV,QAEEC,WAAY,CACVC,iBAAJ,cAEEC,QAjCF,WAkCA,sBACMlC,KAAKY,MAAQ,CAAC,IAEVZ,KAAK0B,MAAMS,OAASnC,KAAK4B,QACK,IAA5B5B,KAAKY,MAAMwB,QAAQ,IACrBpC,KAAKY,MAAQ,CAAC,IAAxB,mCAKQZ,KAAKY,MAAQZ,KAAK0B,MAGtB1B,KAAKqC,YAEPC,KAjDF,WAkDI,MAAO,CACL1B,MAAO,GACPF,SAAU,KAGd6B,QAAS,CACPF,SADJ,WAEMrC,KAAKU,SAAW,GAChB,IAAN,yBACQV,KAAKU,SAAS8B,KAAKxC,KAAKyC,WAG5B3B,OAPJ,SAOA,GACUd,KAAKY,MAAMuB,QAAUnC,KAAK4B,QAExBD,MAAMe,QAAQhB,IACU,IAAtB1B,KAAKY,MAAMuB,OACbnC,KAAKY,MAAM+B,MAEX3C,KAAKY,MAAMgC,QAEb5C,KAAKY,MAAQZ,KAAKY,MAAMiC,OAAOnB,GAC/B1B,KAAKY,MAAQ,CAAC,IAAxB,mCACcZ,KAAKY,MAAMuB,OAASnC,KAAK4B,QAC3B5B,KAAKY,MAAMgC,QACX5C,KAAKY,MAAQZ,KAAKY,MAAMkC,MAAM,EAAG9C,KAAK4B,UAMlD,sBACA,iBAEA,mBAEA,mBACA,mDACA,+BACA,mBACA,4CAGQ5B,KAAKqC,WACLrC,KAAK+C,MAAM,eAAgB/C,KAAKY,SAGpCG,OA1CJ,SA0CA,GACMf,KAAKY,MAAMoC,OAAOC,GACxB,sBACQjD,KAAKY,MAAM4B,KAAK,IACxB,sBACwC,IAA5BxC,KAAKY,MAAMwB,QAAQ,MACrBpC,KAAKY,MAAQ,CAAC,IAAxB,oCAGMZ,KAAKqC,WACLrC,KAAK+C,MAAM,eAAgB/C,KAAKY,SAGpCsC,SAAU,GAGVC,MAAO,CACLzB,MADJ,SACA,GACA,aACQ1B,KAAKY,MAAQ,CAAC,IAEVwC,EAAEjB,OAASnC,KAAK4B,QACK,IAAnBwB,EAAEhB,QAAQ,IACZpC,KAAKY,MAAQ,CAAC,IAA1B,0BAKUZ,KAAKY,MAAQwC,KC7IuV,I,YCO1WC,EAAY,eACd,EACAvD,EACAkB,GACA,EACA,KACA,WACA,MAIa,aAAAqC,E","file":"js/chunk-19676704.e6fcf026.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"flex wrap\"},_vm._l((_vm.files),function(file,idx){return _c('input-img-uploader',{key:'file-'+_vm.fileKeys[idx],attrs:{\"useLabel\":false,\"value\":file,\"files\":_vm.files,\"index\":idx},on:{\"update:value\":_vm.addImg,\"delImg\":_vm.delImg}})}),1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"flex wrap\">\r\n      <input-img-uploader v-for=\"(file, idx) in files\"\r\n        :key=\"'file-'+fileKeys[idx]\" :useLabel=\"false\"\r\n        :value=\"file\" :files=\"files\" :index=\"idx\"\r\n        @update:value=\"addImg\" @delImg=\"delImg\"></input-img-uploader>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport ImageUploaderMixin from \"../../mixins/ImageUploaderMixin\";\r\nimport InputImgUploader from \"./InputImgUploader\";\r\n\r\nexport default {\r\n  name: \"InputImgUploaderArray\",\r\n  props: {\r\n    isRequire: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    label: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    desc: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    value: {\r\n      type: [String, Array]\r\n    },\r\n    limit: {\r\n      type: Number,\r\n      default: 5\r\n    },\r\n    isImgDeletable: {\r\n      type: Boolean,\r\n      default: true\r\n    }\r\n  },\r\n  mixins: [\r\n    ImageUploaderMixin\r\n  ],\r\n  components: {\r\n    InputImgUploader\r\n  },\r\n  created() {\r\n    if(this.value.length===0) {\r\n      this.files = [''];\r\n    } else {\r\n      if (this.value.length < this.limit) {\r\n        if (this.files.indexOf('') === -1) {\r\n          this.files = ['', ...this.value];\r\n        } else {\r\n          this.files = this.value;\r\n        }\r\n      } else {\r\n        this.files = this.value;\r\n      }\r\n    }\r\n    this.initKeys();\r\n  },\r\n  data() {\r\n    return {\r\n      files: [],\r\n      fileKeys: []\r\n    }\r\n  },\r\n  methods: {\r\n    initKeys() {\r\n      this.fileKeys = [];\r\n      for(let i=0; i<this.limit; i++) {\r\n        this.fileKeys.push(this.uuidv4());\r\n      }\r\n    },\r\n    addImg(value) {\r\n      if (this.files.length <= this.limit) {\r\n        // multiple images\r\n        if (Array.isArray(value)) {\r\n          if (this.files.length === 1) {\r\n            this.files.pop();\r\n          } else {\r\n            this.files.shift();\r\n          }\r\n          this.files = this.files.concat(value);\r\n          this.files = ['', ...this.files];\r\n          if (this.files.length > this.limit) {\r\n            this.files.shift();\r\n            this.files = this.files.slice(0, this.limit);\r\n          }\r\n\r\n        }\r\n        // single image\r\n        else {\r\n          if (this.files.length === 1) {\r\n            this.files.pop();\r\n          } else {\r\n            this.files.shift();\r\n          }\r\n          this.files.push(value)\r\n          this.files = ['', ...this.files]\r\n          if (this.files.length > this.limit) {\r\n            this.files.shift();\r\n            this.files = this.files.slice(0, this.limit);\r\n          }\r\n        }\r\n        this.initKeys();\r\n        this.$emit('update:value', this.files);\r\n      }\r\n    },\r\n    delImg(index) {\r\n      this.files.remove(index);\r\n      if(this.files.length === 0) {\r\n        this.files.push(\"\");\r\n      } else if (this.files.length > 0) {\r\n        if (this.files.indexOf('') === -1) {\r\n          this.files = ['', ...this.files];\r\n        }\r\n      }\r\n      this.initKeys();\r\n      this.$emit('update:value', this.files);\r\n    }\r\n  },\r\n  computed: {\r\n\r\n  },\r\n  watch: {\r\n    value(n) {\r\n      if(n.length===0) {\r\n        this.files = [''];\r\n      } else {\r\n        if (n.length < this.limit) {\r\n          if (n.indexOf('') === -1) {\r\n            this.files = ['', ...n];\r\n          } else {\r\n            this.files = n;\r\n          }\r\n        } else {\r\n          this.files = n;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputImgUploaderArray.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputImgUploaderArray.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputImgUploaderArray.vue?vue&type=template&id=b5cae732&scoped=true&\"\nimport script from \"./InputImgUploaderArray.vue?vue&type=script&lang=js&\"\nexport * from \"./InputImgUploaderArray.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"b5cae732\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}