{"version":3,"sources":["webpack:///./src/components/fileViewer/FileViewerImageLarge.vue?64d2","webpack:///src/components/fileViewer/FileViewerImageLarge.vue","webpack:///./src/components/fileViewer/FileViewerImageLarge.vue?c125","webpack:///./src/components/fileViewer/FileViewerImageLarge.vue?4500","webpack:///./src/components/fileViewer/FileViewerImageLarge.vue?9ad1"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","maximized","ref","attrs","imageSwiperOptions","on","maximize","nativeOn","$event","stopPropagation","preventDefault","viewFile","restore","_v","staticRenderFns","components","swiper","swiperSlide","props","type","String","default","Boolean","data","direction","freeMode","slidesPerView","mousewheel","observer","observeParents","methods","$emit","component"],"mappings":"qKAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kCAAkCC,MAAM,CAAEC,UAAWR,EAAIQ,YAAa,CAACJ,EAAG,SAAS,CAACK,IAAI,cAAcH,YAAY,eAAeI,MAAM,CAAC,QAAUV,EAAIW,oBAAoBC,GAAG,CAAC,MAAQZ,EAAIa,UAAUC,SAAS,CAAC,MAAQ,SAASC,GAAQA,EAAOC,kBAAkBD,EAAOE,oBAAqB,CAACb,EAAG,eAAe,CAACA,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACM,MAAM,CAAC,IAAMV,EAAIkB,iBAAiB,GAAIlB,EAAa,UAAEI,EAAG,MAAM,CAACE,YAAY,iBAAiBM,GAAG,CAAC,MAAQZ,EAAImB,UAAU,CAACf,EAAG,IAAI,CAACE,YAAY,gCAAgCF,EAAG,OAAO,CAACE,YAAY,SAAS,CAACN,EAAIoB,GAAG,SAAS,IAChrBC,EAAkB,G,YCyBtB,G,UAAA,CACEC,WAAY,CACVC,OAAJ,YACIC,YAAJ,kBAEEC,MAAO,CACLP,SAAU,CACRQ,KAAMC,OACNC,QAAS,IAEXpB,UAAWqB,SAEbC,KAZF,WAaI,MAAO,CACLnB,mBAAoB,CAClBoB,UAAW,WACXC,UAAU,EACVC,cAAe,OACfC,YAAY,EACZC,UAAU,EACVC,gBAAgB,KAItBC,QAAS,CACPxB,SADJ,WAEMZ,KAAKqC,MAAM,aAEbnB,QAJJ,WAKMlB,KAAKqC,MAAM,eCvD4V,I,wBCQzWC,EAAY,eACd,EACAxC,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAkB,E,2CCnBf","file":"js/c-fileViewer-FileViewerImageLarge.012a52a3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"file-viewer-image-large-wrapper\",class:{ maximized: _vm.maximized }},[_c('swiper',{ref:\"imageSwiper\",staticClass:\"image-swiper\",attrs:{\"options\":_vm.imageSwiperOptions},on:{\"click\":_vm.maximize},nativeOn:{\"wheel\":function($event){$event.stopPropagation();$event.preventDefault();}}},[_c('swiper-slide',[_c('div',{staticClass:\"image-wrapper\"},[_c('img',{attrs:{\"src\":_vm.viewFile}})])])],1),(_vm.maximized)?_c('div',{staticClass:\"restore-button\",on:{\"click\":_vm.restore}},[_c('i',{staticClass:\"iconfont icon-guanbianniu\"})]):_c('span',{staticClass:\"label\"},[_vm._v(\"长图\")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"file-viewer-image-large-wrapper\" :class=\"{ maximized }\">\n    <swiper\n      ref=\"imageSwiper\"\n      :options=\"imageSwiperOptions\"\n      class=\"image-swiper\"\n      @wheel.native.stop.prevent\n      @click=\"maximize\"\n    >\n      <swiper-slide>\n        <div class=\"image-wrapper\">\n          <img :src=\"viewFile\" />\n        </div>\n      </swiper-slide>\n    </swiper>\n    <div v-if=\"maximized\" class=\"restore-button\" @click=\"restore\">\n      <i class=\"iconfont icon-guanbianniu\"></i>\n    </div>\n    <span v-else class=\"label\">长图</span>\n  </div>\n</template>\n\n<script>\nimport { swiper, swiperSlide } from 'vue-awesome-swiper'\nimport 'swiper/dist/css/swiper.css'\n\nexport default {\n  components: {\n    swiper,\n    swiperSlide\n  },\n  props: {\n    viewFile: {\n      type: String,\n      default: ''\n    },\n    maximized: Boolean\n  },\n  data() {\n    return {\n      imageSwiperOptions: {\n        direction: 'vertical',\n        freeMode: true,\n        slidesPerView: 'auto',\n        mousewheel: true,\n        observer: true,\n        observeParents: true\n      }\n    }\n  },\n  methods: {\n    maximize() {\n      this.$emit('maximize')\n    },\n    restore() {\n      this.$emit('restore')\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.file-viewer-image-large-wrapper {\n  height: 100%;\n  background-color: #000000;\n  position: relative;\n  .swiper-slide {\n    width: auto;\n    height: auto;\n  }\n  .image-swiper {\n    height: 100%;\n  }\n  .image-wrapper {\n    max-width: 50%;\n    margin: 0 auto;\n    text-align: center;\n    img {\n      max-width: 100%;\n    }\n  }\n  .label {\n    position: absolute;\n    height: 30px;\n    line-height: 30px;\n    left: 24px;\n    top: 12px;\n    padding: 0 12px;\n    font-size: 14px;\n    background-color: #3352fe;\n    color: #ffffff;\n    border-radius: 3px;\n  }\n  .restore-button {\n    position: absolute;\n    top: 32px;\n    right: 32px;\n    width: 56px;\n    height: 56px;\n    line-height: 56px;\n    text-align: center;\n    border-radius: 50%;\n    color: #363636;\n    background-color: rgba(142, 144, 145, 0.85);\n    z-index: 10;\n    cursor: pointer;\n    i {\n      font-size: 35px;\n    }\n    &:hover {\n      background-color: #3352fe;\n      color: #ffffff;\n    }\n  }\n  &.maximized {\n    .image-wrapper {\n      max-width: 58%;\n    }\n  }\n  .download-btn {\n    width: 40px;\n    height: 40px;\n    background-color: rgba(54, 54, 54, 0.85);\n    color: #ffffff;\n    border: none;\n    outline: none;\n    margin-right: 20px;\n    border-radius: 0;\n    cursor: pointer;\n    position: absolute;\n    bottom: 12px;\n    right: 24px;\n    z-index: 10;\n    &:hover {\n      background-color: #3352fe;\n    }\n    i {\n      font-size: 20px;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FileViewerImageLarge.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FileViewerImageLarge.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FileViewerImageLarge.vue?vue&type=template&id=2d9fd7f8&scoped=true&\"\nimport script from \"./FileViewerImageLarge.vue?vue&type=script&lang=js&\"\nexport * from \"./FileViewerImageLarge.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FileViewerImageLarge.vue?vue&type=style&index=0&id=2d9fd7f8&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2d9fd7f8\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FileViewerImageLarge.vue?vue&type=style&index=0&id=2d9fd7f8&lang=scss&scoped=true&\""],"sourceRoot":""}