{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js!D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\views\\components-demo\\avatar-upload.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\components-demo\\avatar-upload.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\babel.config.js","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IEltYWdlQ3JvcHBlciBmcm9tICdAL2NvbXBvbmVudHMvSW1hZ2VDcm9wcGVyJzsKaW1wb3J0IFBhblRodW1iIGZyb20gJ0AvY29tcG9uZW50cy9QYW5UaHVtYic7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnQXZhdGFyVXBsb2FkRGVtbycsCiAgY29tcG9uZW50czogewogICAgSW1hZ2VDcm9wcGVyOiBJbWFnZUNyb3BwZXIsCiAgICBQYW5UaHVtYjogUGFuVGh1bWIKICB9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBpbWFnZWNyb3BwZXJTaG93OiBmYWxzZSwKICAgICAgaW1hZ2Vjcm9wcGVyS2V5OiAwLAogICAgICBpbWFnZTogJ2h0dHBzOi8vd3BpbWcud2FsbHN0Y24uY29tLzU3Nzk2NWI5LWJiOWUtNGUwMi05ZjBjLTA5NWI0MTQxNzE5MScKICAgIH07CiAgfSwKICBtZXRob2RzOiB7CiAgICBjcm9wU3VjY2VzczogZnVuY3Rpb24gY3JvcFN1Y2Nlc3MocmVzRGF0YSkgewogICAgICB0aGlzLmltYWdlY3JvcHBlclNob3cgPSBmYWxzZTsKICAgICAgdGhpcy5pbWFnZWNyb3BwZXJLZXkgPSB0aGlzLmltYWdlY3JvcHBlcktleSArIDE7CiAgICAgIHRoaXMuaW1hZ2UgPSByZXNEYXRhLmZpbGVzLmF2YXRhcjsKICAgIH0sCiAgICBjbG9zZTogZnVuY3Rpb24gY2xvc2UoKSB7CiAgICAgIHRoaXMuaW1hZ2Vjcm9wcGVyU2hvdyA9IGZhbHNlOwogICAgfQogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA;AACA;AAEA;EACAA,wBADA;EAEAC;IAAAC;IAAAC;EAAA,CAFA;EAGAC,IAHA,kBAGA;IACA;MACAC,uBADA;MAEAC,kBAFA;MAGAC;IAHA;EAKA,CATA;EAUAC;IACAC,WADA,uBACAC,OADA,EACA;MACA;MACA;MACA;IACA,CALA;IAMAC,KANA,mBAMA;MACA;IACA;EARA;AAVA","names":["name","components","ImageCropper","PanThumb","data","imagecropperShow","imagecropperKey","image","methods","cropSuccess","resData","close"],"sourceRoot":"src/views/components-demo","sources":["avatar-upload.vue"],"sourcesContent":["<template>\n <div class=\"components-container\">\n <aside>This is based on\n <a class=\"link-type\" href=\"//github.com/dai-siki/vue-image-crop-upload\"> vue-image-crop-upload</a>.\n Since I was using only the vue@1 version, and it is not compatible with mockjs at the moment, I modified it myself, and if you are going to use it, it is better to use official version.\n </aside>\n\n <pan-thumb :image=\"image\" />\n\n <el-button type=\"primary\" icon=\"el-icon-upload\" style=\"position: absolute;bottom: 15px;margin-left: 40px;\" @click=\"imagecropperShow=true\">\n Change Avatar\n </el-button>\n\n <image-cropper\n v-show=\"imagecropperShow\"\n :key=\"imagecropperKey\"\n :width=\"300\"\n :height=\"300\"\n url=\"https://httpbin.org/post\"\n lang-type=\"en\"\n @close=\"close\"\n @crop-upload-success=\"cropSuccess\"\n />\n </div>\n</template>\n\n<script>\nimport ImageCropper from '@/components/ImageCropper'\nimport PanThumb from '@/components/PanThumb'\n\nexport default {\n name: 'AvatarUploadDemo',\n components: { ImageCropper, PanThumb },\n data() {\n return {\n imagecropperShow: false,\n imagecropperKey: 0,\n image: 'https://wpimg.wallstcn.com/577965b9-bb9e-4e02-9f0c-095b41417191'\n }\n },\n methods: {\n cropSuccess(resData) {\n this.imagecropperShow = false\n this.imagecropperKey = this.imagecropperKey + 1\n this.image = resData.files.avatar\n },\n close() {\n this.imagecropperShow = false\n }\n }\n}\n</script>\n\n<style scoped>\n .avatar{\n width: 200px;\n height: 200px;\n border-radius: 50%;\n }\n</style>\n\n"]}]}
|
