{"version":3,"sources":["webpack:///./src/components/module/EImage.vue?2424","webpack:///src/components/module/EImage.vue","webpack:///./src/components/module/EImage.vue?4936","webpack:///./src/components/module/EImage.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","isBg","isLazy","key","uid","style","directives","name","rawName","value","expression","arg","_t","imgSrc","attrs","alt","objectFit","_e","staticRenderFns","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAIM,MAAQN,EAAIO,OAAQH,EAAG,MAAM,CAACI,IAAIR,EAAIS,IAAIC,MAAOV,EAAgB,cAAG,CAACI,EAAG,MAAM,CAACO,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,0BAA0BC,MAAOd,EAAU,OAAEe,WAAW,SAASC,IAAI,qBAAqBN,MAAOV,EAAW,SAAG,CAACA,EAAIiB,GAAG,UAAU,KAAMjB,EAAQ,KAAEI,EAAG,MAAM,CAACI,IAAIR,EAAIS,IAAIC,MAAOV,EAAgB,cAAG,CAACI,EAAG,MAAM,CAACM,MAAOV,EAAW,SAAG,CAACA,EAAIiB,GAAG,UAAU,KAAMjB,EAAU,OAAEI,EAAG,MAAM,CAACM,MAAOV,EAAmB,iBAAG,CAAiB,KAAfA,EAAIkB,OAAed,EAAG,MAAM,CAACO,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOd,EAAU,OAAEe,WAAW,WAAWP,IAAIR,EAAIS,IAAIC,MAAOV,EAAY,SAAEmB,MAAM,CAAC,IAAMnB,EAAIoB,IAAI,kBAAkBpB,EAAIqB,aAAarB,EAAIsB,OAAOlB,EAAG,MAAM,CAACM,MAAOV,EAAmB,iBAAG,CAAiB,KAAfA,EAAIkB,OAAed,EAAG,MAAM,CAACI,IAAIR,EAAIS,IAAIC,MAAOV,EAAY,SAAEmB,MAAM,CAAC,IAAMnB,EAAIkB,OAAO,IAAMlB,EAAIoB,IAAI,kBAAkBpB,EAAIqB,aAAarB,EAAIsB,QACv4BC,EAAkB,G,uGCuBtB,GACE,MAAF,CACI,OAAJ,CACM,KAAN,QACM,SAAN,GAEI,KAAJ,CACM,KAAN,QACM,SAAN,GAEI,SAAJ,CACM,KAAN,QAEI,SAAJ,CACM,KAAN,SAEI,IAAJ,CACM,KAAN,QAEI,WAAJ,CACM,KAAN,QAEI,SAAJ,CACM,KAAN,QAEI,MAAJ,CACM,KAAN,iBAEI,OAAJ,CACM,KAAN,iBAEI,aAAJ,CACM,KAAN,OACM,QAAN,GAEI,aAAJ,CACM,KAAN,OACM,QAAN,GAEI,UAAJ,CACM,KAAN,gBACM,QAAN,GAEI,UAAJ,CACM,KAAN,OACM,QAAN,SAEI,SAAJ,CACM,KAAN,QACM,SAAN,GAEI,gBAAJ,CACM,KAAN,QACM,SAAN,GAEI,KAAJ,CACM,KAAN,MACM,QAAN,WACQ,MAAR,MAIE,KA9DF,WA+DI,MAAJ,CACM,IAAN,GACM,MAAN,GACM,OAAN,GACM,IAAN,GACM,aAAN,GACM,SAAN,GACM,gBAAN,GACM,aAAN,GACM,QAAN,KAGE,QA3EF,WA4EI,KAAJ,mBAEE,QA9EF,WA8EI,IAAJ,OACI,KAAJ,sBAEA,YACQ,EAAR,WAEA,mBACQ,EAAR,uBAEM,EAAN,yBAEA,QACQ,EAAR,iCACQ,EAAR,yBAEQ,EAAR,uCACQ,EAAR,0BAEM,UAIJ,UApGF,WAoGI,IAAJ,OACI,KAAJ,sBACA,YACQ,EAAR,WAEA,mBACQ,EAAR,uBAEM,EAAN,yBACA,QACQ,EAAR,iCACQ,EAAR,yBAEQ,EAAR,uCACQ,EAAR,0BAGM,UAGJ,QAAF,CACI,gBADJ,SACA,GAAM,IAAN,OACA,KACA,KACA,KACA,OACM,GAAN,sBACQ,IAAR,YACQ,EAAR,qBACQ,EAAR,kBACU,EAAV,kBACU,EAAV,mBACU,IAAV,gBACU,EAAV,cAAY,EAAZ,eAAY,EAAZ,iBAIA,sBACQ,KAAR,0BACU,IAAV,YACU,EAAV,kBACU,EAAV,kBAEY,GADA,EAAZ,MAAc,MAAd,kBAAc,OAAd,qBACA,0BAGc,IAFA,IAAd,aACA,cACA,oBACgB,IAAhB,aACA,cACgB,EAAhB,QACgB,EAAhB,QAEc,EAAd,EACc,EAAd,EACc,IAAd,gBACc,EAAd,cAAgB,EAAhB,eAAgB,EAAhB,sBAMI,OAzCJ,SAyCA,KACM,IAAN,KACA,KACA,MACQ,EAAR,EACQ,EAAR,EACQ,EAAR,GAEM,MAAN,KACQ,EAAR,IACQ,EAAR,EACQ,EAAR,EAEM,OAAN,GAEI,SAxDJ,SAwDA,GACM,IAAN,KACM,GAAN,eACQ,IAAR,IACA,eACA,2BACA,QACA,+DACY,EAAZ,8CACY,EAAZ,aAEY,EAAZ,QAIQ,EAAR,EAGM,OAAN,GAEI,OA5EJ,WA4EM,IAAN,OACM,KAAN,kHAAQ,QAAR,uBACQ,EAAR,eAGI,SAjFJ,WAiFM,IAAN,OACM,KAAN,4BAEA,iEACQ,KAAR,0CACA,0BACY,EAAZ,mBAKI,mBA5FJ,WA6FM,IAAN,GACQ,MAAR,GACQ,OAAR,GACQ,UAAR,GACQ,SAAR,UAgBM,GAbN,WACA,6BACU,EAAV,iBAEU,EAAV,iCAGA,kCACU,EAAV,wCAEU,EAAV,sDAGA,eACQ,GAAR,0BACU,EAAV,wCACU,EAAV,8CACA,CACU,IAAV,wBACU,EAAV,uEACU,EAAV,mBAEQ,EAAR,wBACA,sBACQ,EAAR,qGACQ,EAAR,yGAEA,YACA,+BACY,EAAZ,mBACY,EAAZ,wBAEY,EAAZ,mCACY,EAAZ,wCAGU,EAAV,eACU,EAAV,mBAKM,OADA,EAAN,mBACA,GAEI,YAhJJ,WAiJM,IAAN,GACQ,MAAR,GACQ,OAAR,GACQ,UAAR,GACQ,UAAR,eACQ,WAAR,uCAiBM,GAdN,WACA,6BACU,EAAV,iBAEU,EAAV,iCAGA,kCACU,EAAV,wCAEU,EAAV,sDAIA,cACQ,GAAR,0BACU,EAAV,wCACU,EAAV,8CACA,CACU,IAAV,wBACU,EAAV,4EAEA,qBACQ,EAAR,qGAEA,YACA,8BACY,EAAZ,mBAEY,EAAZ,mCAGU,EAAV,eAKM,OADA,EAAN,mBACA,GAEI,gBAhMJ,WAiMM,IAAN,KAIM,OAHN,+CACQ,EAAR,2EAEA,GAEI,WAvMJ,WAwMM,IAAN,GACQ,MAAR,GACQ,OAAR,GACQ,UAAR,GACQ,gBAAR,+BACQ,eAAR,QACQ,mBAAR,SACQ,iBAAR,aA8BM,KA3BN,uFACA,sBAGU,EAAV,4BAFU,EAAV,iCAIQ,EAAR,oBAGA,6BACQ,EAAR,2EAIA,WACA,6BACU,EAAV,iBAEU,EAAV,qDAGA,kCACU,EAAV,4DAEU,EAAV,0EAGA,cACQ,GAAR,0BACU,EAAV,wCACU,EAAV,8CACA,CACU,IAAV,wBACU,EAAV,4EAEA,qBACQ,EAAR,qGAEA,YACA,8BACY,EAAZ,mBAEY,EAAZ,mCAGU,EAAV,eAKM,OAFA,EAAN,mBAEA,IAGE,SAAF,GAGE,MAAF,CACI,IADJ,SACA,GACM,KAAN,MACA,sBACQ,KAAR,mBAEM,KAAN,wBAEA,eACQ,KAAR,WAEA,WACQ,KAAR,oCACQ,KAAR,4BAEQ,KAAR,0CACQ,KAAR,8BAGI,SAnBJ,WAoBA,WACQ,KAAR,oCACQ,KAAR,4BAEQ,KAAR,0CACQ,KAAR,8BAGI,MA5BJ,WA6BA,WACQ,KAAR,oCACQ,KAAR,4BAEQ,KAAR,0CACQ,KAAR,8BAGI,WAAJ,CACM,QADN,WAEA,eACU,KAAV,WAEA,UACU,KAAV,2BAEU,KAAV,0CACU,KAAV,8BAGM,MAAN,KC3c+V,I,YCO3VC,EAAY,eACd,EACAzB,EACAwB,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/chunk-2d0afa7e.f420689c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.isBg && _vm.isLazy)?_c('div',{key:_vm.uid,style:(_vm.paddingStyle)},[_c('div',{directives:[{name:\"lazy\",rawName:\"v-lazy:background-image\",value:(_vm.imgSrc),expression:\"imgSrc\",arg:\"background-image\"}],style:(_vm.bgStyle)},[_vm._t(\"inner\")],2)]):(_vm.isBg)?_c('div',{key:_vm.uid,style:(_vm.paddingStyle)},[_c('div',{style:(_vm.bgStyle)},[_vm._t(\"inner\")],2)]):(_vm.isLazy)?_c('div',{style:(_vm.imgWrapperStyle)},[(_vm.imgSrc !== '')?_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.imgSrc),expression:\"imgSrc\"}],key:_vm.uid,style:(_vm.imgStyle),attrs:{\"alt\":_vm.alt,\"data-object-fit\":_vm.objectFit}}):_vm._e()]):_c('div',{style:(_vm.imgWrapperStyle)},[(_vm.imgSrc !== '')?_c('img',{key:_vm.uid,style:(_vm.imgStyle),attrs:{\"src\":_vm.imgSrc,\"alt\":_vm.alt,\"data-object-fit\":_vm.objectFit}}):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div v-if=\"isBg && isLazy\" :key=\"uid\" :style=\"paddingStyle\">\r\n    <div v-lazy:background-image=\"imgSrc\" :style=\"bgStyle\">\r\n      <slot name=\"inner\"></slot>\r\n    </div>\r\n  </div>\r\n  <div v-else-if=\"isBg\" :key=\"uid\" :style=\"paddingStyle\">\r\n    <div :style=\"bgStyle\">\r\n      <slot name=\"inner\"></slot>\r\n    </div>\r\n  </div>\r\n  <div v-else-if=\"isLazy\" :style=\"imgWrapperStyle\">\r\n    <img v-if=\"imgSrc !== ''\" v-lazy=\"imgSrc\" :style=\"imgStyle\"\r\n         :key=\"uid\" :alt=\"alt\" :data-object-fit=\"objectFit\" />\r\n  </div>\r\n  <div v-else :style=\"imgWrapperStyle\">\r\n    <img v-if=\"imgSrc !== ''\" :key=\"uid\" :style=\"imgStyle\" :src=\"imgSrc\" :alt=\"alt\"\r\n         :data-object-fit=\"objectFit\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import objectFitImages from 'object-fit-images'\r\n\r\n  export default {\r\n    props: {\r\n      isLazy: {\r\n        type: Boolean,\r\n        default: false,\r\n      },\r\n      isBg: {\r\n        type: Boolean,\r\n        default: false\r\n      },\r\n      bgOption: {\r\n        type: String\r\n      },\r\n      useThumb: {\r\n        type: Boolean\r\n      },\r\n      img: {\r\n        type: String\r\n      },\r\n      imageRates: {\r\n        type: Object\r\n      },\r\n      category: {\r\n        type: Number\r\n      },\r\n      width: {\r\n        type: [Number, String]\r\n      },\r\n      height: {\r\n        type: [Number, String],\r\n      },\r\n      imgPaddingTb: {\r\n        type: Number,\r\n        default: 0\r\n      },\r\n      imgPaddingLr: {\r\n        type: Number,\r\n        default: 0\r\n      },\r\n      imgRadius: {\r\n        type: [Number, String],\r\n        default: 0\r\n      },\r\n      objectFit: {\r\n        type: String,\r\n        default: 'cover'\r\n      },\r\n      useRatio: {\r\n        type: Boolean,\r\n        default: true\r\n      },\r\n      useNaturalRatio: {\r\n        type: Boolean,\r\n        default: false\r\n      },\r\n      imgs: {\r\n        type: Array,\r\n        default: function() {\r\n          return []\r\n        }\r\n      }\r\n    },\r\n    data() {\r\n      return {\r\n        alt: '',\r\n        ratio: '',\r\n        imgSrc: '',\r\n        uid: '',\r\n        naturalRatio: {},\r\n        imgStyle: {},\r\n        imgWrapperStyle: {},\r\n        paddingStyle: {},\r\n        bgStyle: {}\r\n      }\r\n    },\r\n    created() {\r\n      this.uid = this.uuidv4();\r\n    },\r\n    mounted() {\r\n      this.$nextTick(() => {\r\n\r\n        if (this.useRatio) {\r\n          this.setRatio();\r\n        }\r\n        if (this.useNaturalRatio) {\r\n          this.getNaturalRatio(this.img);\r\n        }\r\n        this.imgSrc = this.setImage(this.img);\r\n        // this.setAlt();\r\n        if (this.isBg) {\r\n          this.paddingStyle = this.getPaddingStyle();\r\n          this.bgStyle = this.getBgStyle();\r\n        } else {\r\n          this.imgWrapperStyle = this.getImgWrapperStyle();\r\n          this.imgStyle = this.getImgStyle();\r\n        }\r\n        objectFitImages()\r\n\r\n      })\r\n    },\r\n    activated() {\r\n      this.$nextTick(() => {\r\n        if (this.useRatio) {\r\n          this.setRatio();\r\n        }\r\n        if (this.useNaturalRatio) {\r\n          this.getNaturalRatio(this.img);\r\n        }\r\n        this.imgSrc = this.setImage(this.img);\r\n        if (this.isBg) {\r\n          this.paddingStyle = this.getPaddingStyle();\r\n          this.bgStyle = this.getBgStyle();\r\n        } else {\r\n          this.imgWrapperStyle = this.getImgWrapperStyle();\r\n          this.imgStyle = this.getImgStyle();\r\n        }\r\n        // this.setAlt();\r\n        objectFitImages()\r\n      })\r\n    },\r\n    methods: {\r\n      getNaturalRatio(img) {\r\n        let width = '';\r\n        let height = '';\r\n        let imgWidths = []\r\n        let _this = this;\r\n        if (this.imgs.length === 0) {\r\n          let image = new Image();\r\n          image.src = this.setImage(img);\r\n          image.onload = function() {\r\n            width = this.naturalWidth;\r\n            height = this.naturalHeight;\r\n            let gcd = _this.getGcd(width, height);\r\n            _this.naturalRatio = {w: `${width / gcd}`, h: `${height / gcd}`}\r\n          }\r\n        }\r\n\r\n        if (this.imgs.length !== 0) {\r\n          this.imgs.forEach(item => {\r\n            let imgTag = new Image();\r\n            imgTag.src = this.setImage(item);\r\n            imgTag.onload = function() {\r\n              imgWidths.push({width: this.naturalWidth, height: this.naturalHeight})\r\n              if (imgWidths.length === _this.imgs.length) {\r\n                let maxWidth = imgWidths[0].width;\r\n                let maxHeight = imgWidths[0].height;\r\n                for(let i = 1; i < imgWidths.length; i++) {\r\n                  let w = imgWidths[i].width;\r\n                  let h = imgWidths[i].height;\r\n                  maxWidth = (w > maxWidth) ? w : maxWidth;\r\n                  maxHeight = (h > maxHeight) ? h : maxHeight;\r\n                }\r\n                width = maxWidth;\r\n                height = maxHeight;\r\n                let gcd = _this.getGcd(width, height);\r\n                _this.naturalRatio = {w: `${width / gcd}`, h: `${height / gcd}`}\r\n              }\r\n            }\r\n          })\r\n        }\r\n      },\r\n      getGcd(a, b) {\r\n        let temp = '';\r\n        let m = '';\r\n        if (b > a) {\r\n          temp = a;\r\n          a = b;\r\n          b = temp\r\n        }\r\n        while (b != 0) {\r\n          m = a % b;\r\n          a = b;\r\n          b = m;\r\n        }\r\n        return a;\r\n      },\r\n      setImage(image) {\r\n        let img = ''\r\n        if (this.useThumb) {\r\n          let imageSrc = image;\r\n          let temp = imageSrc.split('.');\r\n          let path = temp[0].split('//')[1];\r\n          if (path !== undefined) {\r\n            if (path === \"launchpack-storage\" || path.indexOf(\"launchpack-service-\")>-1) {\r\n              temp[temp.length - 2] = `${temp[temp.length - 2]}_thumb`;\r\n              img = temp.join('.');\r\n            } else {\r\n              img = image;\r\n            }\r\n          }\r\n        } else {\r\n          img = image;\r\n        }\r\n\r\n        return img;\r\n      },\r\n      setAlt() {\r\n        this.$axios.get(`https://ig7m3u7il7.execute-api.ap-northeast-2.amazonaws.com/v1/save_img_text?path=${this.img}`, {headers: ''}).then(res=>{\r\n          this.alt = res.data;\r\n        });\r\n      },\r\n      setRatio() {\r\n        this.ratio = this.imageRates.ratio;\r\n\r\n        if (this.imageRates.exception && this.imageRates.exception.length !== 0) {\r\n          this.imageRates.exception.forEach(item => {\r\n            if (item.category === this.category) {\r\n              this.ratio = item.ratio;\r\n            }\r\n          })\r\n        }\r\n      },\r\n      getImgWrapperStyle() {\r\n        let deco = {\r\n          width: '',\r\n          height: '',\r\n          minHeight: '',\r\n          overflow: 'hidden'\r\n        }\r\n\r\n        if (this.width) {\r\n          if (typeof this.width === \"string\") {\r\n            deco.width = this.width;\r\n          } else {\r\n            deco.width = `${this.width}px`;\r\n          }\r\n        } else {\r\n          if (this.$store.getters.device === 'pc') {\r\n            deco.width = `${window.innerWidth}px`;\r\n          } else {\r\n            deco.width = `${this.$store.getters.deviceWidth}px`;\r\n          }\r\n        }\r\n        if (this.useRatio) {\r\n          if(this.ratio === 'fullscreen') {\r\n            deco.width = `${window.innerWidth}px`;\r\n            deco.height = `${window.innerHeight}px`;\r\n          } else {\r\n            let ratio = this.ratio.split(':');\r\n            deco.height = `calc(${deco.width} * ${ratio[1]}/${ratio[0]})`;\r\n            deco.minHeight = deco.height;\r\n          }\r\n          deco.minHeight = deco.height;\r\n        } else if (this.useNaturalRatio) {\r\n          deco.height = `calc(${deco.width} * ${this.naturalRatio.h}/${this.naturalRatio.w})`;\r\n          deco.minHeight = `calc(${deco.width} * ${this.naturalRatio.h}/${this.naturalRatio.w})`;\r\n        } else {\r\n          if (this.height) {\r\n            if (typeof this.height === \"string\") {\r\n              deco.height = this.height;\r\n              deco.minHeight = this.height;\r\n            } else {\r\n              deco.height = `${this.height}px`;\r\n              deco.minHeight = `${this.height}px`;\r\n            }\r\n          } else {\r\n            deco.height = '100px';\r\n            deco.minHeight = '100px';\r\n          }\r\n        }\r\n\r\n        deco.minHeight = deco.height;\r\n        return deco;\r\n      },\r\n      getImgStyle() {\r\n        let deco = {\r\n          width: '',\r\n          height: '',\r\n          minHeight: '',\r\n          objectFit: this.objectFit,\r\n          fontFamily: `object-fit: ${this.objectFit}`\r\n        }\r\n\r\n        if (this.width) {\r\n          if (typeof this.width === \"string\") {\r\n            deco.width = this.width;\r\n          } else {\r\n            deco.width = `${this.width}px`;\r\n          }\r\n        } else {\r\n          if (this.$store.getters.device === 'pc') {\r\n            deco.width = `${window.innerWidth}px`;\r\n          } else {\r\n            deco.width = `${this.$store.getters.deviceWidth}px`;\r\n          }\r\n        }\r\n\r\n        if (this.useRatio) {\r\n          if(this.ratio === 'fullscreen') {\r\n            deco.width = `${window.innerWidth}px`;\r\n            deco.height = `${window.innerHeight}px`;\r\n          } else {\r\n            let ratio = this.ratio.split(':');\r\n            deco.height = `calc(${deco.width} * ${ratio[1]}/${ratio[0]})`;\r\n          }\r\n        } else if (this.useNaturalRatio) {\r\n          deco.height = `calc(${deco.width} * ${this.naturalRatio.h}/${this.naturalRatio.w})`;\r\n        } else {\r\n          if (this.height) {\r\n            if (typeof this.height === \"string\") {\r\n              deco.height = this.height;\r\n            } else {\r\n              deco.height = `${this.height}px`;\r\n            }\r\n          } else {\r\n            deco.height = '100px';\r\n          }\r\n        }\r\n\r\n        deco.minHeight = deco.height;\r\n        return deco;\r\n      },\r\n      getPaddingStyle() {\r\n        let deco = {};\r\n        if(this.imgPaddingTb !== 0 && this.imgPaddingLr !== 0) {\r\n          deco.padding = `${this.imgPaddingTb}px ${this.imgPaddingLr}px`\r\n        }\r\n        return deco;\r\n      },\r\n      getBgStyle() {\r\n        let deco = {\r\n          width: '',\r\n          height: '',\r\n          minHeight: '',\r\n          backgroundImage: `url(${this.imgSrc})`,\r\n          backgroundSize: 'cover',\r\n          backgroundPosition: 'center',\r\n          backgroundRepeat: 'no-repeat'\r\n        }\r\n\r\n        if((!isNaN(this.imgRadius) && this.imgRadius > 0) || (isNaN(this.imgRadius) && this.imgRadius !== '')) {\r\n          if (!isNaN(this.imgRadius)) {\r\n            deco.borderRadius = this.imgRadius +'px';\r\n          } else {\r\n            deco.borderRadius = this.imgRadius;\r\n          }\r\n          deco.overflow = 'hidden';\r\n        }\r\n\r\n        if (!this.isLazy && this.bgOption) {\r\n          deco.backgroundImage = `${this.bgOption}, url(${this.imgSrc})`\r\n        }\r\n\r\n\r\n        if (this.width) {\r\n          if (typeof this.width === \"string\") {\r\n            deco.width = this.width;\r\n          } else {\r\n            deco.width = `${this.width - this.imgPaddingLr*2}px`;\r\n          }\r\n        } else {\r\n          if (this.$store.getters.device === 'pc') {\r\n            deco.width = `${window.innerWidth - this.imgPaddingLr*2}px`;\r\n          } else {\r\n            deco.width = `${this.$store.getters.deviceWidth - this.imgPaddingLr*2}px`;\r\n          }\r\n        }\r\n        if (this.useRatio) {\r\n          if(this.ratio === 'fullscreen') {\r\n            deco.width = `${window.innerWidth}px`;\r\n            deco.height = `${window.innerHeight}px`;\r\n          } else {\r\n            let ratio = this.ratio.split(':');\r\n            deco.height = `calc(${deco.width} * ${ratio[1]}/${ratio[0]})`;\r\n          }\r\n        } else if (this.useNaturalRatio) {\r\n          deco.height = `calc(${deco.width} * ${this.naturalRatio.h}/${this.naturalRatio.w})`\r\n        } else {\r\n          if (this.height) {\r\n            if (typeof this.height === \"string\") {\r\n              deco.height = this.height;\r\n            } else {\r\n              deco.height = `${this.height}px`;\r\n            }\r\n          } else {\r\n            deco.height = '100px';\r\n          }\r\n        }\r\n        deco.minHeight = deco.height;\r\n\r\n        return deco;\r\n      }\r\n    },\r\n    computed: {\r\n\r\n    },\r\n    watch: {\r\n      img(n) {\r\n        this.img = n;\r\n        if (this.useNaturalRatio) {\r\n          this.getNaturalRatio(n);\r\n        }\r\n        this.imgSrc = this.setImage(n);\r\n        // this.setAlt();\r\n        if (this.useRatio) {\r\n          this.setRatio();\r\n        }\r\n        if (this.isBg) {\r\n          this.paddingStyle = this.getPaddingStyle();\r\n          this.bgStyle = this.getBgStyle();\r\n        } else {\r\n          this.imgWrapperStyle = this.getImgWrapperStyle();\r\n          this.imgStyle = this.getImgStyle();\r\n        }\r\n      },\r\n      useRatio() {\r\n        if (this.isBg) {\r\n          this.paddingStyle = this.getPaddingStyle();\r\n          this.bgStyle = this.getBgStyle();\r\n        } else {\r\n          this.imgWrapperStyle = this.getImgWrapperStyle();\r\n          this.imgStyle = this.getImgStyle();\r\n        }\r\n      },\r\n      width() {\r\n        if (this.isBg) {\r\n          this.paddingStyle = this.getPaddingStyle();\r\n          this.bgStyle = this.getBgStyle();\r\n        } else {\r\n          this.imgWrapperStyle = this.getImgWrapperStyle();\r\n          this.imgStyle = this.getImgStyle();\r\n        }\r\n      },\r\n      imageRates: {\r\n        handler() {\r\n          if (this.useRatio) {\r\n            this.setRatio();\r\n          }\r\n          if (this.isBg) {\r\n            this.bgStyle = this.getBgStyle();\r\n          } else {\r\n            this.imgWrapperStyle = this.getImgWrapperStyle();\r\n            this.imgStyle = this.getImgStyle();\r\n          }\r\n        },\r\n        deep: true\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style>\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!./EImage.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!./EImage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EImage.vue?vue&type=template&id=08d53bc7&\"\nimport script from \"./EImage.vue?vue&type=script&lang=js&\"\nexport * from \"./EImage.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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}