{"remainingRequest":"D:\\workspace\\idea\\ruoyi-api\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js!D:\\workspace\\idea\\ruoyi-api\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\workspace\\idea\\ruoyi-api\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\workspace\\idea\\ruoyi-api\\ruoyi-ui\\src\\components\\ImagePreview\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\workspace\\idea\\ruoyi-api\\ruoyi-ui\\src\\components\\ImagePreview\\index.vue","mtime":1683257484689},{"path":"D:\\workspace\\idea\\ruoyi-api\\ruoyi-ui\\babel.config.js","mtime":1683257214499},{"path":"D:\\workspace\\idea\\ruoyi-api\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1683257226511},{"path":"D:\\workspace\\idea\\ruoyi-api\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1683257224897},{"path":"D:\\workspace\\idea\\ruoyi-api\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1683257226511},{"path":"D:\\workspace\\idea\\ruoyi-api\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1683257451742}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKT2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsICJfX2VzTW9kdWxlIiwgewogIHZhbHVlOiB0cnVlCn0pOwpleHBvcnRzLmRlZmF1bHQgPSB2b2lkIDA7CnJlcXVpcmUoImNvcmUtanMvbW9kdWxlcy9lcy5udW1iZXIuY29uc3RydWN0b3IuanMiKTsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLm9iamVjdC50by1zdHJpbmcuanMiKTsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL3dlYi5kb20tY29sbGVjdGlvbnMuZm9yLWVhY2guanMiKTsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLmFycmF5LnB1c2guanMiKTsKdmFyIF92YWxpZGF0ZSA9IHJlcXVpcmUoIkAvdXRpbHMvdmFsaWRhdGUiKTsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KdmFyIF9kZWZhdWx0ID0gewogIG5hbWU6ICJJbWFnZVByZXZpZXciLAogIHByb3BzOiB7CiAgICBzcmM6IHsKICAgICAgdHlwZTogU3RyaW5nLAogICAgICBkZWZhdWx0OiAiIgogICAgfSwKICAgIHdpZHRoOiB7CiAgICAgIHR5cGU6IFtOdW1iZXIsIFN0cmluZ10sCiAgICAgIGRlZmF1bHQ6ICIiCiAgICB9LAogICAgaGVpZ2h0OiB7CiAgICAgIHR5cGU6IFtOdW1iZXIsIFN0cmluZ10sCiAgICAgIGRlZmF1bHQ6ICIiCiAgICB9CiAgfSwKICBjb21wdXRlZDogewogICAgcmVhbFNyYzogZnVuY3Rpb24gcmVhbFNyYygpIHsKICAgICAgaWYgKCF0aGlzLnNyYykgewogICAgICAgIHJldHVybjsKICAgICAgfQogICAgICB2YXIgcmVhbF9zcmMgPSB0aGlzLnNyYy5zcGxpdCgiLCIpWzBdOwogICAgICBpZiAoKDAsIF92YWxpZGF0ZS5pc0V4dGVybmFsKShyZWFsX3NyYykpIHsKICAgICAgICByZXR1cm4gcmVhbF9zcmM7CiAgICAgIH0KICAgICAgcmV0dXJuIHByb2Nlc3MuZW52LlZVRV9BUFBfQkFTRV9BUEkgKyByZWFsX3NyYzsKICAgIH0sCiAgICByZWFsU3JjTGlzdDogZnVuY3Rpb24gcmVhbFNyY0xpc3QoKSB7CiAgICAgIGlmICghdGhpcy5zcmMpIHsKICAgICAgICByZXR1cm47CiAgICAgIH0KICAgICAgdmFyIHJlYWxfc3JjX2xpc3QgPSB0aGlzLnNyYy5zcGxpdCgiLCIpOwogICAgICB2YXIgc3JjTGlzdCA9IFtdOwogICAgICByZWFsX3NyY19saXN0LmZvckVhY2goZnVuY3Rpb24gKGl0ZW0pIHsKICAgICAgICBpZiAoKDAsIF92YWxpZGF0ZS5pc0V4dGVybmFsKShpdGVtKSkgewogICAgICAgICAgcmV0dXJuIHNyY0xpc3QucHVzaChpdGVtKTsKICAgICAgICB9CiAgICAgICAgcmV0dXJuIHNyY0xpc3QucHVzaChwcm9jZXNzLmVudi5WVUVfQVBQX0JBU0VfQVBJICsgaXRlbSk7CiAgICAgIH0pOwogICAgICByZXR1cm4gc3JjTGlzdDsKICAgIH0sCiAgICByZWFsV2lkdGg6IGZ1bmN0aW9uIHJlYWxXaWR0aCgpIHsKICAgICAgcmV0dXJuIHR5cGVvZiB0aGlzLndpZHRoID09ICJzdHJpbmciID8gdGhpcy53aWR0aCA6ICIiLmNvbmNhdCh0aGlzLndpZHRoLCAicHgiKTsKICAgIH0sCiAgICByZWFsSGVpZ2h0OiBmdW5jdGlvbiByZWFsSGVpZ2h0KCkgewogICAgICByZXR1cm4gdHlwZW9mIHRoaXMuaGVpZ2h0ID09ICJzdHJpbmciID8gdGhpcy5oZWlnaHQgOiAiIi5jb25jYXQodGhpcy5oZWlnaHQsICJweCIpOwogICAgfQogIH0KfTsKZXhwb3J0cy5kZWZhdWx0ID0gX2RlZmF1bHQ7"},{"version":3,"mappings":";;;;;;;;;;AAcA;;;;;;;;;;;;;;eAEA;EACAA;EACAC;IACAC;MACAC;MACAC;IACA;IACAC;MACAF;MACAC;IACA;IACAE;MACAH;MACAC;IACA;EACA;EACAG;IACAC;MACA;QACA;MACA;MACA;MACA;QACA;MACA;MACA;IACA;IACAC;MACA;QACA;MACA;MACA;MACA;MACAC;QACA;UACA;QACA;QACA;MACA;MACA;IACA;IACAC;MACA;IACA;IACAC;MACA;IACA;EACA;AACA;AAAA","names":["name","props","src","type","default","width","height","computed","realSrc","realSrcList","real_src_list","realWidth","realHeight"],"sourceRoot":"src/components/ImagePreview","sources":["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\nimport { isExternal } from \"@/utils/validate\";\r\n\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 if (isExternal(real_src)) {\r\n return real_src;\r\n }\r\n return process.env.VUE_APP_BASE_API + 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 if (isExternal(item)) {\r\n return srcList.push(item);\r\n }\r\n return srcList.push(process.env.VUE_APP_BASE_API + 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"]}]}
|
