{"version":3,"sources":["webpack:///./src/components/fileViewer/FileViewerArticle.vue?1864","webpack:///./src/components/fileViewer/FileViewerArticle.vue?e4cb","webpack:///src/components/fileViewer/FileViewerArticle.vue","webpack:///./src/components/fileViewer/FileViewerArticle.vue?891f","webpack:///./src/components/fileViewer/FileViewerArticle.vue?dba8"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","maximized","ref","on","$event","stopPropagation","preventDefault","onMouseWheel","apply","arguments","_v","_s","viewFile","title","author","description","attrs","isLogin","$emit","_e","toTop","directives","name","rawName","value","loginShow","expression","loginModalToggle","staticRenderFns","components","DetailWidgets","props","type","Object","default","Boolean","data","articleScrollTop","computed","methods","contentHeight","containerHeight","scroll","contentWrapper","scrollTop","$Lazyload","lazyLoadHandler","_top","cur","step","self","setTimeout","duration","component"],"mappings":"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","file":"js/c-fileViewer-FileViewerArticle.6b3ec43c.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!./FileViewerArticle.vue?vue&type=style&index=0&id=e6cfcfe2&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-article-wrapper\",class:{ maximized: _vm.maximized }},[_c('div',{ref:\"contentWrapper\",staticClass:\"content-wrapper\"},[_c('div',{ref:\"articleContent\",staticClass:\"article-content\",on:{\"wheel\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.onMouseWheel.apply(null, arguments)}}},[_c('h3',{staticClass:\"title font-26\"},[_vm._v(_vm._s(_vm.viewFile.title))]),_c('div',{staticClass:\"author font-13 font-color-notice\"},[_c('span',[_vm._v(\"作者：\")]),_vm._v(_vm._s(_vm.viewFile.author)+\" \")]),_c('div',{staticClass:\"description font-14 font-color-other\"},[_vm._v(\" \"+_vm._s(_vm.viewFile.description)+\" \")]),_c('div',{staticClass:\"body\"},[_c('DetailWidgets',{attrs:{\"content-info\":_vm.viewFile}})],1)])]),(!_vm.maximized && _vm.isLogin)?_c('button',{staticClass:\"fullscreen-btn\",on:{\"click\":function($event){return _vm.$emit('maximize')}}},[_c('i',{staticClass:\"iconfont icon-quanping\"})]):_vm._e(),(_vm.maximized)?_c('div',{staticClass:\"restore-button\",on:{\"click\":function($event){return _vm.$emit('restore')}}},[_c('i',{staticClass:\"iconfont icon-guanbianniu\"})]):_vm._e(),(_vm.maximized)?_c('div',{staticClass:\"scroll-top-btn\",on:{\"click\":_vm.toTop}},[_c('i',{staticClass:\"iconfont icon-xiangshangjiantou\"})]):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isLogin && _vm.loginShow),expression:\"!isLogin && loginShow\"}],staticClass:\"login-content\"},[_c('p',[_vm._v(\" 查看完整内容，请 \"),_c('span',{staticClass:\"highlight\",on:{\"click\":function($event){return _vm.loginModalToggle(true)}}},[_vm._v(\" 立即登录案例库 \")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"file-viewer-article-wrapper\" :class=\"{ maximized }\">\n    <div ref=\"contentWrapper\" class=\"content-wrapper\">\n      <div\n        ref=\"articleContent\"\n        class=\"article-content\"\n        @wheel.stop.prevent=\"onMouseWheel\"\n      >\n        <h3 class=\"title font-26\">{{ viewFile.title }}</h3>\n        <div class=\"author font-13 font-color-notice\">\n          <span>作者：</span>{{ viewFile.author }}\n        </div>\n        <div class=\"description font-14 font-color-other\">\n          {{ viewFile.description }}\n        </div>\n        <div class=\"body\">\n          <DetailWidgets :content-info=\"viewFile\"></DetailWidgets>\n        </div>\n      </div>\n    </div>\n    <button\n      v-if=\"!maximized && isLogin\"\n      class=\"fullscreen-btn\"\n      @click=\"$emit('maximize')\"\n    >\n      <i class=\"iconfont icon-quanping\"></i>\n    </button>\n    <div v-if=\"maximized\" class=\"restore-button\" @click=\"$emit('restore')\">\n      <i class=\"iconfont icon-guanbianniu\"></i>\n    </div>\n    <div v-if=\"maximized\" class=\"scroll-top-btn\" @click=\"toTop\">\n      <i class=\"iconfont icon-xiangshangjiantou\"></i>\n    </div>\n    <div v-show=\"!isLogin && loginShow\" class=\"login-content\">\n      <p>\n        查看完整内容，请\n        <span class=\"highlight\" @click=\"loginModalToggle(true)\">\n          立即登录案例库\n        </span>\n      </p>\n    </div>\n  </div>\n</template>\n\n<script>\nimport DetailWidgets from '@/components/widget/DetailWidgets'\nimport { mapState, mapMutations } from 'vuex'\n\nexport default {\n  components: {\n    DetailWidgets\n  },\n  props: {\n    viewFile: {\n      type: Object,\n      default: () => ({})\n    },\n    maximized: Boolean\n  },\n  data() {\n    return {\n      articleScrollTop: 0,\n      loginShow: false\n    }\n  },\n  computed: {\n    ...mapState(['isLogin'])\n  },\n  methods: {\n    onMouseWheel(e) {\n      const { contentWrapper, articleContent } = this.$refs\n      let deltaY = e.deltaY || e.wheelDeltaY || 5\n      const scroll = this.articleScrollTop + deltaY\n      const containerHeight = contentWrapper.clientHeight\n      const contentHeight = articleContent.clientHeight\n      if (contentHeight < containerHeight) return\n      if (scroll <= 0) {\n        this.articleScrollTop = 0\n      } else if (scroll > containerHeight * 2 && !this.isLogin) {\n        this.loginShow = true\n      } else if (scroll > contentHeight - containerHeight) {\n        this.articleScrollTop = contentHeight - containerHeight\n      } else {\n        this.articleScrollTop = scroll\n      }\n      contentWrapper.scrollTop = this.articleScrollTop\n      this.$Lazyload.lazyLoadHandler()\n    },\n    toTop() {\n      const self = this\n      const { contentWrapper } = this.$refs\n      let cur = this.articleScrollTop\n      const duration = 1\n      const step = 100\n      _top()\n\n      function _top() {\n        cur -= step\n        self.articleScrollTop = cur\n        contentWrapper.scrollTop = cur\n        if (cur > 0) {\n          setTimeout(_top, duration)\n        } else {\n          self.articleScrollTop = 0\n        }\n      }\n    },\n    ...mapMutations(['loginModalToggle'])\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.file-viewer-article-wrapper {\n  background-color: #000000;\n  height: 100%;\n  position: relative;\n  .content-wrapper {\n    height: 100%;\n    overflow: hidden;\n  }\n  .article-content {\n    padding: 32px 48px;\n  }\n  .detail-widgets-wrapper {\n    background-color: #000000;\n    color: #ffffff;\n  }\n  .title {\n    font-weight: bold;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    line-height: normal;\n    margin-bottom: 16px;\n  }\n  .author {\n    margin-bottom: 32px;\n  }\n  .description {\n    padding: 12px 24px 12px 16px;\n    border-left: 4px solid #8e9091;\n    background-color: rgba(255, 255, 255, 0.15);\n    margin-bottom: 24px;\n  }\n  .fullscreen-btn,\n  .scroll-top-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    border-radius: 0;\n    cursor: pointer;\n    position: absolute;\n    right: 24px;\n    bottom: 12px;\n    z-index: 11;\n    &:hover {\n      background-color: #3352fe;\n      .tooltip {\n        display: block;\n      }\n    }\n    i {\n      font-size: 22px;\n    }\n  }\n  .scroll-top-btn {\n    width: 44px;\n    height: 44px;\n    line-height: 44px;\n    text-align: center;\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  .login-content {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 80px;\n    line-height: 80px;\n    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 84%);\n    color: #d5dce6;\n    text-align: center;\n    font-size: 16px;\n    z-index: 12;\n    .highlight {\n      color: #f8633b;\n      cursor: pointer;\n    }\n  }\n  &.maximized {\n    .article-content {\n      padding: 32px 128px;\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!./FileViewerArticle.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!./FileViewerArticle.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FileViewerArticle.vue?vue&type=template&id=e6cfcfe2&scoped=true&\"\nimport script from \"./FileViewerArticle.vue?vue&type=script&lang=js&\"\nexport * from \"./FileViewerArticle.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FileViewerArticle.vue?vue&type=style&index=0&id=e6cfcfe2&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  \"e6cfcfe2\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}