{"version":3,"sources":["webpack:///./src/components/fileViewer/FileViewerImageList.vue?e07c","webpack:///./src/components/fileViewer/FileViewerImageList.vue?e0aa","webpack:///src/components/fileViewer/FileViewerImageList.vue","webpack:///./src/components/fileViewer/FileViewerImageList.vue?f15a","webpack:///./src/components/fileViewer/FileViewerImageList.vue?2b95"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","fullscreen","folded","maximized","on","$event","showThumbs","_e","directives","name","rawName","value","expression","ref","attrs","thumbSwiperOptions","onThumbReady","onTouchStart","_l","item","key","stopPropagation","previewSwiperOptions","updateThumb","onPreviewItemClick","slot","fullscreenToggle","_v","_s","restore","staticRenderFns","components","swiper","swiperSlide","props","viewFile","type","Array","default","singleDownloadable","Boolean","data","current","initPreviewSwiper","autoScrollOffset","exitToOriginal","slidesPerView","spaceBetween","direction","mousewheel","updateOnWindowResize","freeMode","watchSlidesVisibility","thresholdTime","observer","observeParents","keyboard","enable","pagination","el","computed","thumbSwiper","$refs","previewSwiper","methods","thumbs","slides","eq","addClass","thumbActiveClass","$emit","removeClass","index","slideTo","original","allowTouchMove","component"],"mappings":"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","file":"js/c-fileViewer-FileViewerImageList.b5058a72.js","sourcesContent":["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!./FileViewerImageList.vue?vue&type=style&index=0&id=07ce4389&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"file-viewer-image-list-wrapper\",class:{ fullscreen: _vm.fullscreen, folded: _vm.folded, maximized: _vm.maximized }},[_c('div',{staticClass:\"thumb-wrapper\"},[(_vm.maximized || _vm.fullscreen)?_c('div',{staticClass:\"thumb-toggle\",on:{\"click\":function($event){_vm.showThumbs = !_vm.showThumbs}}},[_c('i',{staticClass:\"iconfont\",class:[\n          _vm.showThumbs ? 'icon-zuocefanhuijiantou' : 'icon-youcefanhuijiantou'\n        ]})]):_vm._e(),_c('swiper',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showThumbs),expression:\"showThumbs\"}],ref:\"thumbSwiper\",staticClass:\"thumb-swiper\",attrs:{\"options\":_vm.thumbSwiperOptions},on:{\"ready\":_vm.onThumbReady,\"touchStart\":_vm.onTouchStart}},_vm._l((_vm.viewFile),function(item){return _c('swiper-slide',{key:item},[_c('div',{staticClass:\"thumb-item\"},[_c('img',{attrs:{\"src\":item}})])])}),1)],1),_c('div',{staticClass:\"content-wrapper\"},[_c('div',{staticClass:\"preview-wrapper\",on:{\"mousewheel\":function($event){$event.stopPropagation();}}},[(_vm.initPreviewSwiper)?_c('swiper',{ref:\"previewSwiper\",staticClass:\"preview-swiper\",attrs:{\"options\":_vm.previewSwiperOptions},on:{\"slideChange\":_vm.updateThumb,\"touchStart\":_vm.onTouchStart}},[_vm._l((_vm.viewFile),function(item){return _c('swiper-slide',{key:item},[_c('div',{staticClass:\"preview-item\",on:{\"mousewheel\":function($event){$event.stopPropagation();},\"click\":function($event){return _vm.onPreviewItemClick(item)}}},[_c('img',{attrs:{\"src\":item}})])])}),_c('div',{staticClass:\"swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"})],2):_vm._e(),_c('div',{staticClass:\"action-buttons\"},[_c('button',{staticClass:\"fullscreen-btn\",on:{\"click\":function($event){return _vm.fullscreenToggle()}}},[_c('i',{staticClass:\"iconfont\",class:[_vm.fullscreen ? 'icon-quanpingguanbi' : 'icon-quanping']}),_c('div',{staticClass:\"tooltip\"},[_vm._v(\" \"+_vm._s(_vm.fullscreen ? '退出全屏' : '全屏查看')+\" \")])])])],1),(_vm.maximized)?_c('div',{staticClass:\"restore-button\",on:{\"click\":_vm.restore}},[_c('i',{staticClass:\"iconfont icon-guanbianniu\"})]):_vm._e(),(_vm.fullscreen)?_c('div',{staticClass:\"restore-button\",on:{\"click\":function($event){return _vm.fullscreenToggle(true)}}},[_c('i',{staticClass:\"iconfont icon-guanbianniu\"})]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"file-viewer-image-list-wrapper\"\n    :class=\"{ fullscreen, folded, maximized }\"\n  >\n    <div class=\"thumb-wrapper\">\n      <div\n        v-if=\"maximized || fullscreen\"\n        class=\"thumb-toggle\"\n        @click=\"showThumbs = !showThumbs\"\n      >\n        <i\n          class=\"iconfont\"\n          :class=\"[\n            showThumbs ? 'icon-zuocefanhuijiantou' : 'icon-youcefanhuijiantou'\n          ]\"\n        ></i>\n      </div>\n      <swiper\n        v-show=\"showThumbs\"\n        ref=\"thumbSwiper\"\n        :options=\"thumbSwiperOptions\"\n        class=\"thumb-swiper\"\n        @ready=\"onThumbReady\"\n        @touchStart=\"onTouchStart\"\n      >\n        <swiper-slide v-for=\"item in viewFile\" :key=\"item\">\n          <div class=\"thumb-item\">\n            <img :src=\"item\" />\n          </div>\n        </swiper-slide>\n      </swiper>\n    </div>\n    <div class=\"content-wrapper\">\n      <div class=\"preview-wrapper\" @mousewheel.stop>\n        <swiper\n          v-if=\"initPreviewSwiper\"\n          ref=\"previewSwiper\"\n          :options=\"previewSwiperOptions\"\n          class=\"preview-swiper\"\n          @slideChange=\"updateThumb\"\n          @touchStart=\"onTouchStart\"\n        >\n          <swiper-slide v-for=\"item in viewFile\" :key=\"item\">\n            <div\n              class=\"preview-item\"\n              @mousewheel.stop\n              @click=\"onPreviewItemClick(item)\"\n            >\n              <img :src=\"item\" />\n            </div>\n          </swiper-slide>\n          <div slot=\"pagination\" class=\"swiper-pagination\"></div>\n        </swiper>\n        <div class=\"action-buttons\">\n          <button class=\"fullscreen-btn\" @click=\"fullscreenToggle()\">\n            <i\n              class=\"iconfont\"\n              :class=\"[fullscreen ? 'icon-quanpingguanbi' : 'icon-quanping']\"\n            ></i>\n            <div class=\"tooltip\">\n              {{ fullscreen ? '退出全屏' : '全屏查看' }}\n            </div>\n          </button>\n        </div>\n      </div>\n      <div v-if=\"maximized\" class=\"restore-button\" @click=\"restore\">\n        <i class=\"iconfont icon-guanbianniu\"></i>\n      </div>\n      <div\n        v-if=\"fullscreen\"\n        class=\"restore-button\"\n        @click=\"fullscreenToggle(true)\"\n      >\n        <i class=\"iconfont icon-guanbianniu\"></i>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { swiper, swiperSlide } from 'vue-awesome-swiper'\nimport 'swiper/dist/css/swiper.css'\n\nconst thumbActiveClass = 'thumb-active'\n\nexport default {\n  components: {\n    swiper,\n    swiperSlide\n  },\n  props: {\n    // 图片列表\n    viewFile: {\n      type: Array,\n      default: () => []\n    },\n    // 该单个文件是否允许下载\n    singleDownloadable: Boolean,\n    maximized: Boolean,\n    fullscreen: Boolean\n  },\n  data() {\n    return {\n      // 当前文件\n      current: 0,\n      // 左侧的当前状态，是否收起\n      folded: false,\n      initPreviewSwiper: false,\n      autoScrollOffset: 2,\n      exitToOriginal: false,\n      thumbSwiperOptions: {\n        slidesPerView: 'auto',\n        spaceBetween: 8,\n        direction: 'vertical',\n        mousewheel: true,\n        updateOnWindowResize: true,\n        freeMode: true,\n        watchSlidesVisibility: true\n      },\n      previewSwiperOptions: {\n        direction: 'vertical',\n        mousewheel: true,\n        updateOnWindowResize: true,\n        thresholdTime: 1000,\n        observer: true,\n        observeParents: true,\n        keyboard: {\n          enable: true\n        },\n        pagination: {\n          el: '.swiper-pagination',\n          type: 'fraction'\n        }\n      },\n      showThumbs: true\n    }\n  },\n  computed: {\n    thumbSwiper() {\n      return this.$refs.thumbSwiper.swiper\n    },\n    previewSwiper() {\n      return this.$refs.previewSwiper.swiper\n    }\n  },\n  methods: {\n    onThumbReady() {\n      const { thumbSwiper, previewSwiperOptions } = this\n      previewSwiperOptions.thumbs = {\n        swiper: thumbSwiper\n      }\n      thumbSwiper.slides.eq(0).addClass(thumbActiveClass)\n      this.initPreviewSwiper = true\n    },\n    onPreviewItemClick() {\n      if (!this.maximized) {\n        this.autoScrollOffset = 3\n        this.$emit('maximize')\n      }\n    },\n    updateThumb() {\n      const { thumbSwiper, previewSwiper, autoScrollOffset } = this\n      const index = previewSwiper.realIndex\n      thumbSwiper.slides.removeClass(thumbActiveClass)\n      thumbSwiper.slides.eq(index).addClass(thumbActiveClass)\n      thumbSwiper.slideTo(index - autoScrollOffset)\n    },\n    restore() {\n      this.autoScrollOffset = 2\n      this.showThumbs = true\n      this.$emit('restore')\n    },\n    fullscreenToggle(original = false) {\n      this.exitToOriginal = original\n      this.$emit('fullscreen', fullscreen => {\n        if (!fullscreen && this.exitToOriginal) {\n          this.restore()\n        }\n      })\n    },\n    onTouchStart() {\n      const { previewSwiper, thumbSwiper } = this\n      previewSwiper.allowTouchMove = true\n      previewSwiper.thumbs.swiper = thumbSwiper\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.file-viewer-image-list-wrapper {\n  &,\n  .swiper-container,\n  .preview-wrapper,\n  .content-wrapper {\n    height: 100%;\n    position: relative;\n  }\n  .swiper-slide {\n    width: auto;\n    height: auto;\n  }\n  .preview-wrapper {\n    background-color: #000000;\n    overflow: hidden;\n    position: relative;\n    .swiper-pagination {\n      position: absolute;\n      background-color: rgba(54, 54, 54, 0.85);\n      z-index: 10;\n      left: 25px;\n      bottom: 12px;\n      width: auto;\n      height: 40px;\n      line-height: 40px;\n      font-size: 14px;\n      padding: 0 12px;\n    }\n    .action-buttons {\n      position: absolute;\n      right: 4px;\n      bottom: 12px;\n      z-index: 10;\n      button {\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        float: left;\n        margin-right: 20px;\n        border-radius: 0;\n        cursor: pointer;\n        position: relative;\n        &:hover {\n          background-color: #3352fe;\n          .tooltip {\n            display: block;\n          }\n        }\n        .tooltip {\n          position: absolute;\n          font-size: 12px;\n          white-space: nowrap;\n          background-color: #363636;\n          top: 0;\n          left: 50%;\n          width: 72px;\n          height: 20px;\n          text-align: center;\n          line-height: 20px;\n          margin: -30px 0 0 -36px;\n          border-radius: 3px;\n          display: none;\n        }\n      }\n      .download-btn {\n        i {\n          font-size: 22px;\n        }\n      }\n    }\n  }\n  .thumb-wrapper {\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.45);\n    float: left;\n    box-sizing: border-box;\n    position: relative;\n    .swiper-slide-thumb-active,\n    .thumb-active {\n      .thumb-item {\n        border: 5px solid #3352fe;\n      }\n    }\n    .thumb-toggle {\n      position: absolute;\n      right: -15px;\n      top: 50%;\n      margin-top: -26px;\n      width: 16px;\n      height: 52px;\n      line-height: 52px;\n      font-size: 12px;\n      color: #8e9091;\n      background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAA0CAYAAAH0yYjXAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAEKADAAQAAAABAAAANAAAAAAj3NoMAAABY0lEQVRIDWMwNzd/yQAEjGZmZv9BDCYQAQLEMBgsLCzMQYrJ0w7XBTICBOB2QrjUEWAA+nECzEAQTR9raeIXFEMZGRlfYvgF5lGg5GV2dnZvFB0wSRD9//9/3R8/fjzCqQCmeFQBJCQIhgMLLMRANDD87wPxciYmpuXHjh27AhJjBqbEvdLS0qyqqqq3Hzx48AskiAxwxeZvoClTTpw4UYRLAdgQoHUb8DoSGOUBeBWAjBlVAImR0XCgSzgAE+0nQkFtgqzgP1DHJiCONDAwYDt16hTjyZMnb+PKFyDFD4D+uAykrwCT/2UWFpbL2trat2bNmvUb4j8IicsAZDVY2UCDQRWoLbITsSrEJQh0lThQ7gzZBoAMBhrCR5EBIENGDRgNg9F0AAqB0XQwDMIAWDJvQGmSgSMWP/EbqOkGEO9hY2PrP3To0GMWIOcVUA+o/QauREA0BwfH1QMHDnzBbxZEFgDJC13AjvQ1vwAAAABJRU5ErkJggg==')\n        no-repeat center/100% 100%;\n      border-radius: 3px 0 0 3px;\n      cursor: pointer;\n      z-index: 10;\n      &:hover {\n        color: #ffffff;\n        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABoCAYAAAHndsJjAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAIKADAAQAAAABAAAAaAAAAADnzVNBAAAC00lEQVRoBe1av2/TQBR+n92CBIEBBiYGmNmCxF/QgYWhnWDgXwCJhRWJhQUhRiYEUp2oSReQYKhEJQYKxFMcCTFAEVNhANEuqD+O95y4uji+C66RLKoXybHv7t3n7z7fu/O7MzXnzQZZPzTn94yVpsBOyPX/k0HNBXPJpn+YGjfRlqyhAFZ6Xcw5DTLDiQeZFWRnNRgqMVWHmUyxsTNwI+7iYZrHPfHBWGEu4XxYCHC110HLaSBAIOx4SRoyM14DQVEDUUF1GKpQvw48kN0v8CysHQvpyuslfBeibr8A+oGhKDxC0VoL61mr8mc3QN6yIH0+xNGpblNQbz/r0675XQlAkBRANdB+MPQp9QX1hWq+EOB2vBxgbObhqegz8WRCsxT12kiGfc3/j4sLZkUqNUJqry5hy28+WVo8MwHbIOrwEb3r0HNmNhau2TDFALaFdc3vkBIIRo2TdGf1MX5KUSln4nfMM3zc3PxlfnDTnwhAKQZSwf4FwIVSDOzKcm0MvagGQOZsJQBhoQCqgfYDUUD7gWqQdgMdE9UX0o6gc6OOiYdgTOSX8N2qXXmxEgAv+F8/GACwJeGOPIWxkCf1z9wfxwibHG20OXsxXsarXLENAMOQz3igj8wp6saPsJ03Lko74gUGA61zLNXnpW45Eg56+nun6ePfAhfdrCjPQaDI1J03kmmQkiVKhDivWSbZmqW7ZsWIyQdcWMYPn0nejTu4l5X/EwUysDJnWe7lbnyrNgJClkk8PZgflWmq3/ZarQSMMWGtBEQcJaAKqAKqgCqgCqgCqoAqoAqoAqqAKqAKqAKqgCqgCqgCtSrAi9xfayPAN9/hLYHLtRCQNeJzIR1/38Vg6paJf6nXX8qt3JDNjnTjI6C3jQa9zD7N6o2qliPAH49xvQ+8NZPuoAh4OEv9NxF94VY5PyTz0WQC+MYGSbrbMWJ7IqBBmU/e0PLdwl/2Bw2YwPzJt6zvAAAAAElFTkSuQmCC');\n      }\n    }\n    .thumb-swiper {\n      padding: 8px;\n    }\n  }\n  .thumb-item {\n    overflow: hidden;\n    box-sizing: border-box;\n    img {\n      width: 100%;\n      height: 100%;\n      float: left;\n      object-fit: cover;\n    }\n  }\n  .preview-item {\n    width: 100%;\n    height: 100%;\n    padding: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    img {\n      max-width: 100%;\n      max-height: 100%;\n      border-radius: 8px;\n    }\n  }\n  .thumb-item {\n    width: 134px;\n    height: 75px;\n  }\n  &.with-list {\n    .preview-item {\n      padding: 21px 12px;\n    }\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    .iconfont {\n      font-size: 35px;\n    }\n    &:hover {\n      background-color: #3352fe;\n      color: #ffffff;\n    }\n  }\n  &.maximized,\n  &.fullscreen {\n    .preview-item {\n      padding: 24px;\n    }\n    .preview-wrapper {\n      background-color: rgba(0, 0, 0, 0.85);\n    }\n    .thumb-wrapper {\n      background-color: #363636;\n    }\n  }\n  .fullscreen-btn {\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!./FileViewerImageList.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!./FileViewerImageList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FileViewerImageList.vue?vue&type=template&id=07ce4389&scoped=true&\"\nimport script from \"./FileViewerImageList.vue?vue&type=script&lang=js&\"\nexport * from \"./FileViewerImageList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FileViewerImageList.vue?vue&type=style&index=0&id=07ce4389&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  \"07ce4389\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}