| 1 |
- {"remainingRequest":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\component\\Tinymce\\components\\EditorImage.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\component\\Tinymce\\components\\EditorImage.vue","mtime":1678954023461},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\babel.config.js","mtime":1681371897685},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1681371912860},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1681371925849}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgZ2V0RW5Ub2tlbiB9IGZyb20gIkAvdXRpbHMvYWNjZXNzVG9rZW4iOwppbXBvcnQgeyBVcGxvYWREZWwsIHVwbG9hZFRva2VuIH0gZnJvbSAiQC9hcGkvY29tbW9uIjsgLy8gaW1wb3J0IFVwbG9hZFFpbml1IGZyb20gJ0AvY29tcG9uZW50L2NvbW1vbi9VcGxvYWRRaW5pdS52dWUnCgppbXBvcnQgUGljTGlicmFyeSBmcm9tICJAL2NvbXBvbmVudC9jb21tb24vUGljTGlicmFyeS52dWUiOwppbXBvcnQgeyBhcGlVcmwgfSBmcm9tICJAL2NvbmZpZy9zZXR0aW5ncyI7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiRWRpdG9yU2xpZGVVcGxvYWQiLAogIGNvbXBvbmVudHM6IHsKICAgIC8vIFVwbG9hZFFpbml1LAogICAgUGljTGlicmFyeQogIH0sCiAgcHJvcHM6IHsKICAgIGNvbG9yOiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogIiMxODkwZmYiCiAgICB9LAogICAgbW9kZWw6IHsKICAgICAgdHlwZTogQm9vbGVhbiwKICAgICAgZGVmYXVsdDogdHJ1ZQogICAgfQogIH0sCgogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBpbWdfdXJsOiBhcGlVcmwuUUlOSVVfVVJMLAogICAgICBRaW5pdURhdGE6IHsKICAgICAgICBrZXk6ICIiLAogICAgICAgIC8vIOWbvueJh+WQjeWtl+WkhOeQhgogICAgICAgIHRva2VuOiAiIiAvLyDkuIPniZvkupF0b2tlbgoKICAgICAgfSwKICAgICAgZG9tYWluOiAiaHR0cHM6Ly91cGxvYWQtejIucWluaXVwLmNvbSIsCiAgICAgIC8vIOS4g+eJm+S6keeahOS4iuS8oOWcsOWdgO+8iOWNjuWNl+WMuu+8iQogICAgICBkaWFsb2dWaXNpYmxlOiBmYWxzZSwKICAgICAgcGljX21vZGVsX3Nob3c6IGZhbHNlLAogICAgICBpbWdBcnI6IFtdLAogICAgICBpbWdMaXN0OiBbXSwKICAgICAgbGlzdE9iajoge30sCiAgICAgIGZpbGVMaXN0OiBbXQogICAgfTsKICB9LAoKICBtZXRob2RzOiB7CiAgICBvcGVuSW1nVXAoKSB7CiAgICAgIHRoaXMuaW1nQXJyID0gW107CiAgICAgIHRoaXMuaW1nTGlzdCA9IFtdOwogICAgICB0aGlzLnBpY19tb2RlbF9zaG93ID0gdHJ1ZTsgLy8gdGhpcy5kaWFsb2dWaXNpYmxlID0gdHJ1ZQogICAgfSwKCiAgICB1cGxvYWRTdWNjZXNzKGZpbGVMaXN0KSB7CiAgICAgIGNvbnN0IGltZ0FyciA9IGZpbGVMaXN0Lm1hcChpdGVtID0+IHsKICAgICAgICByZXR1cm4gewogICAgICAgICAgbmFtZTogaXRlbS5uYW1lLAogICAgICAgICAgdXJsOiBpdGVtLmNvbnRlbnQKICAgICAgICB9OwogICAgICB9KTsKICAgICAgdGhpcy5pbWdBcnIgPSB0aGlzLmltZ0Fyci5jb25jYXQoaW1nQXJyKTsgLy8gdGhpcy5pbWdMaXN0ID0gdGhpcy5pbWdBcnIKCiAgICAgIHRoaXMuJGVtaXQoInN1Y2Nlc3NDQksiLCB0aGlzLmltZ0Fycik7CiAgICB9LAoKICAgIC8vIHVwbG9hZFJlbW92ZSAoZmlsZSwgZmlsZUxpc3QpIHsKICAgIC8vICAgdGhpcy5pbWdBcnIgPSBmaWxlTGlzdC5tYXAoaXRlbSA9PiB7CiAgICAvLyAgICAgcmV0dXJuIHsKICAgIC8vICAgICAgIG5hbWU6IGl0ZW0ubmFtZSwKICAgIC8vICAgICAgIHVybDogaXRlbS5jb250ZW50CiAgICAvLyAgICAgfQogICAgLy8gICB9KQogICAgLy8gICB0aGlzLmltZ0xpc3QgPSB0aGlzLmltZ0FycgogICAgLy8gfSwKICAgIC8vIGNvbmZpcm1JbWcgKCkgewogICAgLy8gICB0aGlzLiRlbWl0KCdzdWNjZXNzQ0JLJywgdGhpcy5pbWdBcnIpCiAgICAvLyAgIHRoaXMuZGlhbG9nVmlzaWJsZSA9IGZhbHNlCiAgICAvLyB9LAogICAgY2hlY2tBbGxTdWNjZXNzKCkgewogICAgICByZXR1cm4gT2JqZWN0LmtleXModGhpcy5saXN0T2JqKS5ldmVyeShpdGVtID0+IHRoaXMubGlzdE9ialtpdGVtXS5oYXNTdWNjZXNzKTsKICAgIH0sCgogICAgaGFuZGxlU3VibWl0KCkgewogICAgICBjb25zdCBhcnIgPSBPYmplY3Qua2V5cyh0aGlzLmxpc3RPYmopLm1hcCh2ID0+IHRoaXMubGlzdE9ialt2XSk7CgogICAgICBpZiAoIXRoaXMuY2hlY2tBbGxTdWNjZXNzKCkpIHsKICAgICAgICB0aGlzLiRtZXNzYWdlKCLor7fnrYnlvoXmiYDmnInlm77niYfkuIrkvKDmiJDlip/jgILlpoLmnpzmnInnvZHnu5zpl67popjvvIzor7fliLfmlrDpobXpnaLlubbph43mlrDkuIrkvKDvvIEiKTsKICAgICAgICByZXR1cm47CiAgICAgIH0KCiAgICAgIHRoaXMuJGVtaXQoInN1Y2Nlc3NDQksiLCBhcnIpOwogICAgICB0aGlzLmxpc3RPYmogPSB7fTsKICAgICAgdGhpcy5maWxlTGlzdCA9IFtdOwogICAgICB0aGlzLmRpYWxvZ1Zpc2libGUgPSBmYWxzZTsKICAgIH0sCgogICAgaGFuZGxlU3VjY2VzcyhyZXNwb25zZSwgZmlsZSkgewogICAgICBjb25zdCB1aWQgPSBmaWxlLnVpZDsKICAgICAgY29uc3Qgb2JqS2V5QXJyID0gT2JqZWN0LmtleXModGhpcy5saXN0T2JqKTsKCiAgICAgIGZvciAobGV0IGkgPSAwLCBsZW4gPSBvYmpLZXlBcnIubGVuZ3RoOyBpIDwgbGVuOyBpKyspIHsKICAgICAgICBpZiAodGhpcy5saXN0T2JqW29iaktleUFycltpXV0udWlkID09PSB1aWQpIHsKICAgICAgICAgIHRoaXMubGlzdE9ialtvYmpLZXlBcnJbaV1dLnVybCA9IGAke3RoaXMuaW1nX3VybH0vJHtyZXNwb25zZS5rZXl9YDsKICAgICAgICAgIHRoaXMubGlzdE9ialtvYmpLZXlBcnJbaV1dLmhhc1N1Y2Nlc3MgPSB0cnVlOwogICAgICAgICAgcmV0dXJuOwogICAgICAgIH0KICAgICAgfQogICAgfSwKCiAgICBhc3luYyBoYW5kbGVSZW1vdmUoZmlsZSkgewogICAgICBjb25zdCBkYXRhID0gYXdhaXQgVXBsb2FkRGVsKHsKICAgICAgICBidWNrZXQ6IHRoaXMucWluaXVfa2V5LAogICAgICAgIGtleTogZmlsZS5yZXNwb25zZS5rZXkKICAgICAgfSk7CiAgICAgIC8qID09PT09PT09PT09PT09PT09PT09ICovCgogICAgICBjb25zdCB1aWQgPSBmaWxlLnVpZDsKICAgICAgY29uc3Qgb2JqS2V5QXJyID0gT2JqZWN0LmtleXModGhpcy5saXN0T2JqKTsKCiAgICAgIGZvciAobGV0IGkgPSAwLCBsZW4gPSBvYmpLZXlBcnIubGVuZ3RoOyBpIDwgbGVuOyBpKyspIHsKICAgICAgICBpZiAodGhpcy5saXN0T2JqW29iaktleUFycltpXV0udWlkID09PSB1aWQpIHsKICAgICAgICAgIGRlbGV0ZSB0aGlzLmxpc3RPYmpbb2JqS2V5QXJyW2ldXTsKICAgICAgICAgIHJldHVybjsKICAgICAgICB9CiAgICAgIH0KICAgIH0sCgogICAgYXN5bmMgYmVmb3JlVXBsb2FkKGZpbGUpIHsKICAgICAgdGhpcy5RaW5pdURhdGEua2V5ID0gYCR7Z2V0RW5Ub2tlbigpfS8ke2ZpbGUubmFtZX1gOwogICAgICBhd2FpdCB0aGlzLmdldFFpbml1VG9rZW4odGhpcy5RaW5pdURhdGEua2V5LCBmaWxlKTsgLy8gcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlLCByZWplY3QpID0+IHsKICAgICAgLy8gICBjb25zdCBpbWcgPSBuZXcgSW1hZ2UoKQogICAgICAvLyAgIGltZy5zcmMgPSBfVVJMLmNyZWF0ZU9iamVjdFVSTChmaWxlKQogICAgICAvLyAgIGltZy5vbmxvYWQgPSBmdW5jdGlvbiAoKSB7CiAgICAgIC8vICAgICBfc2VsZi5saXN0T2JqW2ZpbGVOYW1lXSA9IHsgaGFzU3VjY2VzczogZmFsc2UsIHVpZDogZmlsZS51aWQsIHdpZHRoOiB0aGlzLndpZHRoLCBoZWlnaHQ6IHRoaXMuaGVpZ2h0IH0KICAgICAgLy8gICB9CiAgICAgIC8vICAgcmVzb2x2ZSh0cnVlKQogICAgICAvLyB9KQogICAgfSwKCiAgICAvLyDor7fmsYLlkI7lj7Dmi7/kuIPniZvkupF0b2tlbgogICAgYXN5bmMgZ2V0UWluaXVUb2tlbihrZXksIGZpbGUpIHsKICAgICAgY29uc3QgZmlsZU5hbWUgPSBmaWxlLnVpZDsKICAgICAgdGhpcy5saXN0T2JqW2ZpbGVOYW1lXSA9IHt9OwogICAgICBjb25zdCBkYXRhID0gYXdhaXQgdXBsb2FkVG9rZW4oewogICAgICAgIGJ1Y2tldDogdGhpcy5xaW5pdV9rZXksCiAgICAgICAga2V5OiBrZXkKICAgICAgfSk7CiAgICAgIHRoaXMuUWluaXVEYXRhLnRva2VuID0gZGF0YS5kYXRhOwogICAgICAvKiA9PT09PT09PT09PT09PT09PT09PSAqLwoKICAgICAgY29uc3QgX1VSTCA9IHdpbmRvdy5VUkwgfHwgd2luZG93LndlYmtpdFVSTDsKCiAgICAgIGNvbnN0IGltZyA9IG5ldyBJbWFnZSgpOwogICAgICBpbWcuc3JjID0gX1VSTC5jcmVhdGVPYmplY3RVUkwoZmlsZSk7CgogICAgICBpbWcub25sb2FkID0gKCkgPT4gewogICAgICAgIHRoaXMubGlzdE9ialtmaWxlTmFtZV0gPSB7CiAgICAgICAgICBoYXNTdWNjZXNzOiBmYWxzZSwKICAgICAgICAgIHVpZDogZmlsZS51aWQsCiAgICAgICAgICB3aWR0aDogdGhpcy53aWR0aCwKICAgICAgICAgIGhlaWdodDogdGhpcy5oZWlnaHQKICAgICAgICB9OwogICAgICB9OwogICAgfQoKICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwBA;AACA,sD,CACA;;AACA;AACA;AACA;EACAA,yBADA;EAEAC;IACA;IACAC;EAFA,CAFA;EAMAC;IACAC;MACAC,YADA;MAEAC;IAFA,CADA;IAKAC;MACAF,aADA;MAEAC;IAFA;EALA,CANA;;EAgBAE;IACA;MACAC,yBADA;MAEAC;QACAC,OADA;QACA;QACAC,SAFA,CAEA;;MAFA,CAFA;MAMAC,sCANA;MAMA;MACAC,oBAPA;MAQAC,qBARA;MASAC,UATA;MAUAC,WAVA;MAWAC,WAXA;MAYAC;IAZA;EAcA,CA/BA;;EAgCAC;IACAC;MACA;MACA;MACA,2BAHA,CAIA;IACA,CANA;;IAOAC;MACA;QACA;UACAtB,eADA;UAEAuB;QAFA;MAIA,CALA;MAMA,yCAPA,CAQA;;MACA;IACA,CAjBA;;IAkBA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACAC;MACA,uCACAC,qCADA;IAGA,CAnCA;;IAoCAC;MACA;;MACA;QACA,cACA,iCADA;QAGA;MACA;;MACA;MACA;MACA;MACA;IACA,CAhDA;;IAiDAC;MACA;MACA;;MACA;QACA;UACA;UACA;UACA;QACA;MACA;IACA,CA3DA;;IA4DA;MACA;QACAC,sBADA;QAEAjB;MAFA;MAKA;;MACA;MACA;;MACA;QACA;UACA;UACA;QACA;MACA;IACA,CA3EA;;IA4EA;MACA;MACA,mDAFA,CAGA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;IACA,CAvFA;;IAwFA;IACA;MACA;MACA;MACA;QACAiB,sBADA;QAEAjB;MAFA;MAKA;MACA;;MACA;;MACA;MACAkB;;MACAA;QACA;UACAC,iBADA;UAEAC,aAFA;UAGAC,iBAHA;UAIAC;QAJA;MAMA,CAPA;IAQA;;EA9GA;AAhCA","names":["name","components","PicLibrary","props","color","type","default","model","data","img_url","QiniuData","key","token","domain","dialogVisible","pic_model_show","imgArr","imgList","listObj","fileList","methods","openImgUp","uploadSuccess","url","checkAllSuccess","item","handleSubmit","handleSuccess","bucket","img","hasSuccess","uid","width","height"],"sourceRoot":"src/component/Tinymce/components","sources":["EditorImage.vue"],"sourcesContent":["<template>\n <div class=\"upload-container\">\n <el-button\n icon=\"el-icon-upload\"\n size=\"mini\"\n type=\"primary\"\n @click=\"openImgUp\"\n >\n 图片上传\n </el-button>\n <PicLibrary\n v-if=\"pic_model_show\"\n :img-height=\"-1\"\n :limit=\"100\"\n :is-check=\"true\"\n :modal=\"model\"\n :is-show=\"pic_model_show\"\n @cancel=\"pic_model_show = false\"\n @confirm=\"uploadSuccess\"\n />\n </div>\n</template>\n\n<script>\n import { getEnToken } from \"@/utils/accessToken\";\n import { UploadDel, uploadToken } from \"@/api/common\";\n // import UploadQiniu from '@/component/common/UploadQiniu.vue'\n import PicLibrary from \"@/component/common/PicLibrary.vue\";\n import { apiUrl } from \"@/config/settings\";\n export default {\n name: \"EditorSlideUpload\",\n components: {\n // UploadQiniu,\n PicLibrary,\n },\n props: {\n color: {\n type: String,\n default: \"#1890ff\",\n },\n model:{\n type: Boolean,\n default: true,\n }\n },\n data() {\n return {\n img_url: apiUrl.QINIU_URL,\n QiniuData: {\n key: \"\", // 图片名字处理\n token: \"\", // 七牛云token\n },\n domain: \"https://upload-z2.qiniup.com\", // 七牛云的上传地址（华南区）\n dialogVisible: false,\n pic_model_show: false,\n imgArr: [],\n imgList: [],\n listObj: {},\n fileList: [],\n };\n },\n methods: {\n openImgUp() {\n this.imgArr = [];\n this.imgList = [];\n this.pic_model_show = true;\n // this.dialogVisible = true\n },\n uploadSuccess(fileList) {\n const imgArr = fileList.map((item) => {\n return {\n name: item.name,\n url: item.content,\n };\n });\n this.imgArr = this.imgArr.concat(imgArr);\n // this.imgList = this.imgArr\n this.$emit(\"successCBK\", this.imgArr);\n },\n // uploadRemove (file, fileList) {\n // this.imgArr = fileList.map(item => {\n // return {\n // name: item.name,\n // url: item.content\n // }\n // })\n // this.imgList = this.imgArr\n // },\n // confirmImg () {\n // this.$emit('successCBK', this.imgArr)\n // this.dialogVisible = false\n // },\n checkAllSuccess() {\n return Object.keys(this.listObj).every(\n (item) => this.listObj[item].hasSuccess\n );\n },\n handleSubmit() {\n const arr = Object.keys(this.listObj).map((v) => this.listObj[v]);\n if (!this.checkAllSuccess()) {\n this.$message(\n \"请等待所有图片上传成功。如果有网络问题，请刷新页面并重新上传！\"\n );\n return;\n }\n this.$emit(\"successCBK\", arr);\n this.listObj = {};\n this.fileList = [];\n this.dialogVisible = false;\n },\n handleSuccess(response, file) {\n const uid = file.uid;\n const objKeyArr = Object.keys(this.listObj);\n for (let i = 0, len = objKeyArr.length; i < len; i++) {\n if (this.listObj[objKeyArr[i]].uid === uid) {\n this.listObj[objKeyArr[i]].url = `${this.img_url}/${response.key}`;\n this.listObj[objKeyArr[i]].hasSuccess = true;\n return;\n }\n }\n },\n async handleRemove(file) {\n const data = await UploadDel({\n bucket: this.qiniu_key,\n key: file.response.key,\n });\n\n /* ==================== */\n const uid = file.uid;\n const objKeyArr = Object.keys(this.listObj);\n for (let i = 0, len = objKeyArr.length; i < len; i++) {\n if (this.listObj[objKeyArr[i]].uid === uid) {\n delete this.listObj[objKeyArr[i]];\n return;\n }\n }\n },\n async beforeUpload(file) {\n this.QiniuData.key = `${getEnToken()}/${file.name}`;\n await this.getQiniuToken(this.QiniuData.key, file);\n // return new Promise((resolve, reject) => {\n // const img = new Image()\n // img.src = _URL.createObjectURL(file)\n // img.onload = function () {\n // _self.listObj[fileName] = { hasSuccess: false, uid: file.uid, width: this.width, height: this.height }\n // }\n // resolve(true)\n // })\n },\n // 请求后台拿七牛云token\n async getQiniuToken(key, file) {\n const fileName = file.uid;\n this.listObj[fileName] = {};\n const data = await uploadToken({\n bucket: this.qiniu_key,\n key: key,\n });\n\n this.QiniuData.token = data.data;\n /* ==================== */\n const _URL = window.URL || window.webkitURL;\n const img = new Image();\n img.src = _URL.createObjectURL(file);\n img.onload = () => {\n this.listObj[fileName] = {\n hasSuccess: false,\n uid: file.uid,\n width: this.width,\n height: this.height,\n };\n };\n },\n },\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .editor-slide-upload {\n margin-bottom: 20px;\n .el-upload--picture-card {\n width: 100%;\n }\n }\n</style>\n"]}]}
|
