{"remainingRequest":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\component\\common\\UploadQiniu.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\component\\common\\UploadQiniu.vue","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IFBpY0xpYnJhcnkgZnJvbSAiLi9QaWNMaWJyYXJ5LnZ1ZSI7CmV4cG9ydCBkZWZhdWx0IHsKICBjb21wb25lbnRzOiB7CiAgICBQaWNMaWJyYXJ5CiAgfSwKICBwcm9wczogewogICAgaW1nSGVpZ2h0OiB7CiAgICAgIHR5cGU6IE51bWJlciwKICAgICAgZGVmYXVsdDogNzUwCiAgICB9LAogICAgbGltaXQ6IHsKICAgICAgdHlwZTogTnVtYmVyLAogICAgICBkZWZhdWx0OiAxCiAgICB9LAogICAgd2lkdGg6IHsKICAgICAgdHlwZTogW051bWJlciwgU3RyaW5nXSwKICAgICAgZGVmYXVsdDogMTQ2CiAgICB9LAogICAgaXNCdG46IHsKICAgICAgdHlwZTogU3RyaW5nLAogICAgICBkZWZhdWx0OiAicGljdHVyZS1jYXJkIgogICAgfSwKICAgIHVwVGlwOiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogIiIKICAgIH0sCiAgICBtb2RhbDogewogICAgICB0eXBlOiBCb29sZWFuLAogICAgICBkZWZhdWx0OiB0cnVlCiAgICB9LAogICAgZmlsZUxpc3Q6IHsKICAgICAgdHlwZTogQXJyYXksCiAgICAgIGRlZmF1bHQ6ICgpID0+IHsKICAgICAgICByZXR1cm4gW107CiAgICAgIH0KICAgIH0sCiAgICAvLyDmmK/lkKbor7fmsYLliKDpmaTmjqXlj6MKICAgIHRydWVEZWw6IHsKICAgICAgdHlwZTogQm9vbGVhbiwKICAgICAgZGVmYXVsdDogdHJ1ZQogICAgfQogIH0sCgogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBsb2FkaW5nOiBmYWxzZSwKICAgICAgcGljX21vZGVsX3Nob3c6IGZhbHNlLAogICAgICBmaWxlX2xpc3Q6IFtdCiAgICB9OwogIH0sCgogIHdhdGNoOiB7CiAgICBmaWxlTGlzdCh2YWwpIHsKICAgICAgaWYgKHZhbC5sZW5ndGggPiB0aGlzLmxpbWl0KSB7CiAgICAgICAgdGhpcy4kbWVzc2FnZS53YXJuaW5nKGDmirHmrYnvvIzmgqjoh7PlpJrog73pgInmi6kke3RoaXMubGltaXR95byg5Zu+54mHYCk7CiAgICAgICAgcmV0dXJuOwogICAgICB9CgogICAgICB0aGlzLmZpbGVfbGlzdCA9IHZhbC5tYXAoaXRlbSA9PiB7CiAgICAgICAgcmV0dXJuIHsgLi4uaXRlbSwKICAgICAgICAgIGNvbnRlbnQ6IGl0ZW0udXJsIHx8IGl0ZW0uY29udGVudAogICAgICAgIH07CiAgICAgIH0pOwogICAgfQoKICB9LAoKICBjcmVhdGVkKCkgewogICAgdGhpcy5maWxlX2xpc3QgPSB0aGlzLmZpbGVMaXN0Lm1hcChpdGVtID0+IHsKICAgICAgcmV0dXJuIHsgLi4uaXRlbSwKICAgICAgICBjb250ZW50OiBpdGVtLnVybCB8fCBpdGVtLmNvbnRlbnQKICAgICAgfTsKICAgIH0pOwogIH0sCgogIG1vdW50ZWQoKSB7CiAgICAvLyDpobXpnaLlhoXnu4Tku7Yg5ouW5ou95LqL5Lu2CiAgICB0aGlzLiRkcmFnZ2luZy4kb24oImRyYWdnZWQiLCByZXMgPT4gewogICAgICB0aGlzLiRlbWl0KCJpbWdTb3J0Q2hhbmdlIiwgdGhpcy5maWxlX2xpc3QpOwogICAgfSk7CiAgfSwKCiAgbWV0aG9kczogewogICAgYmVmb3JlVXBsb2FkKCkgewogICAgICB0aGlzLnBpY19tb2RlbF9zaG93ID0gdHJ1ZTsKICAgICAgdGhpcy4kZW1pdCgiYmVmb3JlVXBsb2FkIik7CiAgICB9LAoKICAgIC8vIOS4iuS8oOaIkOWKnwogICAgdXBsb2FkU3VjY2VzcyhmaWxlTGlzdCkgewogICAgICB0aGlzLmZpbGVfbGlzdCA9IGZpbGVMaXN0OwogICAgICBjb25zdCB1cGxvYWRQaWNVcmxZID0gZmlsZUxpc3RbMF0uY29udGVudDsKICAgICAgY29uc3QgZmlsZSA9IGZpbGVMaXN0WzBdOwogICAgICB0aGlzLiRlbWl0KCJ1cGxvYWRTdWNjZXNzIiwgdXBsb2FkUGljVXJsWSwge30sIGZpbGUsIGZpbGVMaXN0KTsKICAgIH0sCgogICAgdXBsb2FkUmVtb3ZlKGluZGV4LCBmaWxlKSB7CiAgICAgIHRoaXMuZmlsZV9saXN0LnNwbGljZShpbmRleCwgMSk7CiAgICAgIHRoaXMuJGVtaXQoImhhbmRsZVJlbW92ZSIsIGZpbGUsIHRoaXMuZmlsZV9saXN0KTsKICAgIH0KCiAgfQp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA;AACA;EACAA;IACAC;EADA,CADA;EAIAC;IACAC;MACAC,YADA;MAEAC;IAFA,CADA;IAKAC;MACAF,YADA;MAEAC;IAFA,CALA;IASAE;MACAH,sBADA;MAEAC;IAFA,CATA;IAaAG;MACAJ,YADA;MAEAC;IAFA,CAbA;IAiBAI;MACAL,YADA;MAEAC;IAFA,CAjBA;IAqBAK;MACAN,aADA;MAEAC;IAFA,CArBA;IAyBAM;MACAP,WADA;MAEAC;QACA;MACA;IAJA,CAzBA;IA+BA;IACAO;MACAR,aADA;MAEAC;IAFA;EAhCA,CAJA;;EAyCAQ;IACA;MACAC,cADA;MAEAC,qBAFA;MAGAC;IAHA;EAKA,CA/CA;;EAgDAC;IACAN;MACA;QACA;QACA;MACA;;MACA;QACA,SACA,OADA;UAEAO;QAFA;MAIA,CALA;IAMA;;EAZA,CAhDA;;EA8DAC;IACA;MACA,SACA,OADA;QAEAD;MAFA;IAIA,CALA;EAMA,CArEA;;EAsEAE;IACA;IACA;MACA;IACA,CAFA;EAGA,CA3EA;;EA4EAC;IACAC;MACA;MACA;IACA,CAJA;;IAKA;IACAC;MACA;MACA;MACA;MACA;IACA,CAXA;;IAYAC;MACA;MACA;IACA;;EAfA;AA5EA","names":["components","PicLibrary","props","imgHeight","type","default","limit","width","isBtn","upTip","modal","fileList","trueDel","data","loading","pic_model_show","file_list","watch","content","created","mounted","methods","beforeUpload","uploadSuccess","uploadRemove"],"sourceRoot":"src/component/common","sources":["UploadQiniu.vue"],"sourcesContent":["<template>\n  <div class=\"upload-info\">\n    <ul class=\"upload-pic-ul\">\n      <li\n        v-for=\"(item, index) in file_list\"\n        :key=\"index\"\n        v-dragging=\"{ item: item, list: file_list, group: 'item' }\"\n        class=\"upload-pic-li\"\n        :style=\"{ width: width + 'px', height: width + 'px' }\"\n      >\n        <img class=\"upload-img\" :src=\"item.content\" alt=\"\" />\n        <div class=\"shadow-img\"></div>\n        <i class=\"el-icon-delete\" @click=\"uploadRemove(index, item)\"></i>\n      </li>\n    </ul>\n\n    <div\n      class=\"upload-pic\"\n      :style=\"{\n        width: width + 'px',\n        height: width + 'px',\n        lineHeight: width + 2 + 'px',\n      }\"\n      @click=\"beforeUpload\"\n    >\n      <i class=\"el-icon-plus\"></i>\n    </div>\n    <PicLibrary\n      v-if=\"pic_model_show\"\n      :img-height=\"imgHeight\"\n      :modal=\"modal\"\n      :limit=\"limit\"\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 PicLibrary from \"./PicLibrary.vue\";\n  export default {\n    components: {\n      PicLibrary,\n    },\n    props: {\n      imgHeight: {\n        type: Number,\n        default: 750,\n      },\n      limit: {\n        type: Number,\n        default: 1,\n      },\n      width: {\n        type: [Number, String],\n        default: 146,\n      },\n      isBtn: {\n        type: String,\n        default: \"picture-card\",\n      },\n      upTip: {\n        type: String,\n        default: \"\",\n      },\n      modal: {\n        type: Boolean,\n        default: true,\n      },\n      fileList: {\n        type: Array,\n        default: () => {\n          return [];\n        },\n      },\n      // 是否请求删除接口\n      trueDel: {\n        type: Boolean,\n        default: true,\n      },\n    },\n    data() {\n      return {\n        loading: false,\n        pic_model_show: false,\n        file_list: [],\n      };\n    },\n    watch: {\n      fileList(val) {\n        if (val.length > this.limit) {\n          this.$message.warning(`抱歉，您至多能选择${this.limit}张图片`);\n          return;\n        }\n        this.file_list = val.map((item) => {\n          return {\n            ...item,\n            content: item.url || item.content,\n          };\n        });\n      },\n    },\n    created() {\n      this.file_list = this.fileList.map((item) => {\n        return {\n          ...item,\n          content: item.url || item.content,\n        };\n      });\n    },\n    mounted() {\n      // 页面内组件 拖拽事件\n      this.$dragging.$on(\"dragged\", (res) => {\n        this.$emit(\"imgSortChange\", this.file_list);\n      });\n    },\n    methods: {\n      beforeUpload() {\n        this.pic_model_show = true;\n        this.$emit(\"beforeUpload\");\n      },\n      // 上传成功\n      uploadSuccess(fileList) {\n        this.file_list = fileList;\n        const uploadPicUrlY = fileList[0].content;\n        const file = fileList[0];\n        this.$emit(\"uploadSuccess\", uploadPicUrlY, {}, file, fileList);\n      },\n      uploadRemove(index, file) {\n        this.file_list.splice(index, 1);\n        this.$emit(\"handleRemove\", file, this.file_list);\n      },\n    },\n  };\n</script>\n<style scoped>\n  .logoTip {\n    font-size: 12px;\n  }\n  .upload-pic {\n    background-color: #fbfdff;\n    border: 1px dashed #c0ccda;\n    border-radius: 6px;\n    box-sizing: border-box;\n    width: 148px;\n    height: 148px;\n    cursor: pointer;\n    line-height: 146px;\n    vertical-align: top;\n    text-align: center;\n    display: inline-block;\n    margin-bottom: 10px;\n  }\n  .upload-pic i {\n    font-size: 28px;\n    color: #8c939d;\n  }\n  .upload-pic-ul {\n    display: inline-block;\n  }\n  .upload-pic-li {\n    display: inline-block;\n    border-radius: 6px;\n    border: 1px solid #c0ccda;\n    position: relative;\n    width: 148px;\n    height: 148px;\n    margin-right: 10px;\n    cursor: move;\n  }\n  .upload-pic-li .el-icon-delete {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    color: #fff;\n    border-radius: 6px;\n    font-size: 20px;\n    transform: translate(-10px, -10px);\n    display: none;\n    cursor: pointer;\n  }\n  .shadow-img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.4);\n    display: none;\n  }\n  .upload-pic-li:hover .shadow-img,\n  .upload-pic-li:hover .el-icon-delete {\n    display: block;\n  }\n  .upload-img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    border-radius: 4px;\n  }\n</style>\n"]}]}