{"remainingRequest":"F:\\workspace\\webstorm\\SafetyScreen-ui\\node_modules\\babel-loader\\lib\\index.js!F:\\workspace\\webstorm\\SafetyScreen-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!F:\\workspace\\webstorm\\SafetyScreen-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!F:\\workspace\\webstorm\\SafetyScreen-ui\\src\\components\\ImagePreview\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui\\src\\components\\ImagePreview\\index.vue","mtime":1740032704184},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui\\babel.config.js","mtime":1740032703932},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1740032832373},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1740032833520},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1740032832373},{"path":"F:\\workspace\\webstorm\\SafetyScreen-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1740032833997}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKT2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsICJfX2VzTW9kdWxlIiwgewogIHZhbHVlOiB0cnVlCn0pOwpleHBvcnRzLmRlZmF1bHQgPSB2b2lkIDA7CnJlcXVpcmUoImNvcmUtanMvbW9kdWxlcy9lcy5hcnJheS5wdXNoLmpzIik7CnJlcXVpcmUoImNvcmUtanMvbW9kdWxlcy9lcy5pdGVyYXRvci5jb25zdHJ1Y3Rvci5qcyIpOwpyZXF1aXJlKCJjb3JlLWpzL21vZHVsZXMvZXMuaXRlcmF0b3IuZm9yLWVhY2guanMiKTsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLm51bWJlci5jb25zdHJ1Y3Rvci5qcyIpOwpyZXF1aXJlKCJjb3JlLWpzL21vZHVsZXMvZXMub2JqZWN0LnRvLXN0cmluZy5qcyIpOwpyZXF1aXJlKCJjb3JlLWpzL21vZHVsZXMvd2ViLmRvbS1jb2xsZWN0aW9ucy5mb3ItZWFjaC5qcyIpOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwp2YXIgX2RlZmF1bHQgPSBleHBvcnRzLmRlZmF1bHQgPSB7CiAgbmFtZTogIkltYWdlUHJldmlldyIsCiAgcHJvcHM6IHsKICAgIHNyYzogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICIiCiAgICB9LAogICAgd2lkdGg6IHsKICAgICAgdHlwZTogW051bWJlciwgU3RyaW5nXSwKICAgICAgZGVmYXVsdDogIiIKICAgIH0sCiAgICBoZWlnaHQ6IHsKICAgICAgdHlwZTogW051bWJlciwgU3RyaW5nXSwKICAgICAgZGVmYXVsdDogIiIKICAgIH0KICB9LAogIGNvbXB1dGVkOiB7CiAgICByZWFsU3JjOiBmdW5jdGlvbiByZWFsU3JjKCkgewogICAgICBpZiAoIXRoaXMuc3JjKSB7CiAgICAgICAgcmV0dXJuOwogICAgICB9CiAgICAgIHZhciByZWFsX3NyYyA9IHRoaXMuc3JjLnNwbGl0KCIsIilbMF07CiAgICAgIHJldHVybiByZWFsX3NyYzsKICAgIH0sCiAgICByZWFsU3JjTGlzdDogZnVuY3Rpb24gcmVhbFNyY0xpc3QoKSB7CiAgICAgIGlmICghdGhpcy5zcmMpIHsKICAgICAgICByZXR1cm47CiAgICAgIH0KICAgICAgdmFyIHJlYWxfc3JjX2xpc3QgPSB0aGlzLnNyYy5zcGxpdCgiLCIpOwogICAgICB2YXIgc3JjTGlzdCA9IFtdOwogICAgICByZWFsX3NyY19saXN0LmZvckVhY2goZnVuY3Rpb24gKGl0ZW0pIHsKICAgICAgICByZXR1cm4gc3JjTGlzdC5wdXNoKGl0ZW0pOwogICAgICB9KTsKICAgICAgcmV0dXJuIHNyY0xpc3Q7CiAgICB9LAogICAgcmVhbFdpZHRoOiBmdW5jdGlvbiByZWFsV2lkdGgoKSB7CiAgICAgIHJldHVybiB0eXBlb2YgdGhpcy53aWR0aCA9PSAic3RyaW5nIiA/IHRoaXMud2lkdGggOiAiIi5jb25jYXQodGhpcy53aWR0aCwgInB4Iik7CiAgICB9LAogICAgcmVhbEhlaWdodDogZnVuY3Rpb24gcmVhbEhlaWdodCgpIHsKICAgICAgcmV0dXJuIHR5cGVvZiB0aGlzLmhlaWdodCA9PSAic3RyaW5nIiA/IHRoaXMuaGVpZ2h0IDogIiIuY29uY2F0KHRoaXMuaGVpZ2h0LCAicHgiKTsKICAgIH0KICB9Cn07"},{"version":3,"names":["name","props","src","type","String","default","width","Number","height","computed","realSrc","real_src","split","realSrcList","real_src_list","srcList","forEach","item","push","realWidth","concat","realHeight"],"sources":["src/components/ImagePreview/index.vue"],"sourcesContent":["<template>\r\n  <el-image\r\n    :src=\"`${realSrc}`\"\r\n    fit=\"cover\"\r\n    :style=\"`width:${realWidth};height:${realHeight};`\"\r\n    :preview-src-list=\"realSrcList\"\r\n  >\r\n    <div slot=\"error\" class=\"image-slot\">\r\n      <i class=\"el-icon-picture-outline\"></i>\r\n    </div>\r\n  </el-image>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"ImagePreview\",\r\n  props: {\r\n    src: {\r\n      type: String,\r\n      default: \"\"\r\n    },\r\n    width: {\r\n      type: [Number, String],\r\n      default: \"\"\r\n    },\r\n    height: {\r\n      type: [Number, String],\r\n      default: \"\"\r\n    }\r\n  },\r\n  computed: {\r\n    realSrc() {\r\n      if (!this.src) {\r\n        return;\r\n      }\r\n      let real_src = this.src.split(\",\")[0];\r\n      return real_src;\r\n    },\r\n    realSrcList() {\r\n      if (!this.src) {\r\n        return;\r\n      }\r\n      let real_src_list = this.src.split(\",\");\r\n      let srcList = [];\r\n      real_src_list.forEach(item => {\r\n        return srcList.push(item);\r\n      });\r\n      return srcList;\r\n    },\r\n    realWidth() {\r\n      return typeof this.width == \"string\" ? this.width : `${this.width}px`;\r\n    },\r\n    realHeight() {\r\n      return typeof this.height == \"string\" ? this.height : `${this.height}px`;\r\n    }\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.el-image {\r\n  border-radius: 5px;\r\n  background-color: #ebeef5;\r\n  box-shadow: 0 0 5px 1px #ccc;\r\n  ::v-deep .el-image__inner {\r\n    transition: all 0.3s;\r\n    cursor: pointer;\r\n    &:hover {\r\n      transform: scale(1.2);\r\n    }\r\n  }\r\n  ::v-deep .image-slot {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 100%;\r\n    height: 100%;\r\n    color: #909399;\r\n    font-size: 30px;\r\n  }\r\n}\r\n</style>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;iCAcA;EACAA,IAAA;EACAC,KAAA;IACAC,GAAA;MACAC,IAAA,EAAAC,MAAA;MACAC,OAAA;IACA;IACAC,KAAA;MACAH,IAAA,GAAAI,MAAA,EAAAH,MAAA;MACAC,OAAA;IACA;IACAG,MAAA;MACAL,IAAA,GAAAI,MAAA,EAAAH,MAAA;MACAC,OAAA;IACA;EACA;EACAI,QAAA;IACAC,OAAA,WAAAA,QAAA;MACA,UAAAR,GAAA;QACA;MACA;MACA,IAAAS,QAAA,QAAAT,GAAA,CAAAU,KAAA;MACA,OAAAD,QAAA;IACA;IACAE,WAAA,WAAAA,YAAA;MACA,UAAAX,GAAA;QACA;MACA;MACA,IAAAY,aAAA,QAAAZ,GAAA,CAAAU,KAAA;MACA,IAAAG,OAAA;MACAD,aAAA,CAAAE,OAAA,WAAAC,IAAA;QACA,OAAAF,OAAA,CAAAG,IAAA,CAAAD,IAAA;MACA;MACA,OAAAF,OAAA;IACA;IACAI,SAAA,WAAAA,UAAA;MACA,mBAAAb,KAAA,oBAAAA,KAAA,MAAAc,MAAA,MAAAd,KAAA;IACA;IACAe,UAAA,WAAAA,WAAA;MACA,mBAAAb,MAAA,oBAAAA,MAAA,MAAAY,MAAA,MAAAZ,MAAA;IACA;EACA;AACA","ignoreList":[]}]}