zydx-plus 1.35.539 → 1.35.540

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zydx-plus",
-  "version": "1.35.539",
+  "version": "1.35.540",
   "description": "Vue.js",
   "main": "src/index.js",
   "files": [

package/src/components/data_table/src/table_row.vue

@@ -46,7 +46,7 @@ export default defineComponent({
                 </td>
               )
               : (
-                <td class="table_cell" style={`min-width:${width}px; max-width:${width}px;`} rowspan={rowSpan} colspan={colSpan} data-col-key={key}>
+                <td class="table_cell" style={`min-width:${width}px; max-width:${width}px;color: ${row[key]=='已使用'?'rgba(111, 61, 146, 1)':''}`} rowspan={rowSpan} colspan={colSpan} data-col-key={key}>
                   {row[key]}
                 </td>
               )

package/src/components/dragPopup/src/dragPopup.vue

@@ -1,7 +1,11 @@
 <template>
   <div class="drag-pop" :class="{trans: transAll, 'drag-pop-shadow': !fixedStart}" :style="position" :id="id" @click.stop="dragTap">
     <div v-show="!fixedStart" class="drag-head" :style="{'background-color':titleColor}" @click="selectedDrag">
-      <span :id="'draggable' + id" :style="{'text-align': title === ''? 'center':'left'}" v-html="title"></span>
+      <span class="title" :id="'draggable' + id">
+        <slot name="title">
+          <div v-html="title" style="width: 100%" :style="{'text-align': title === ''? 'center':'left'}"></div>
+        </slot>
+      </span>
       <div class="drag-i">
         <i class="share" v-if="share" @click.stop="shareTap"></i>
         <i class="minimize-cir" v-if="minimizeCir" @click.stop="minimizeTap"></i>
@@ -149,7 +153,7 @@ export default {
       handler: function (val) {
         this.footRightOffset = val
         if (this.isInitShowBottomRight) {
-          this.x = window.innerWidth - val
+          this.x = window.innerWidth - val -3
         }
       },
       immediate: true
@@ -158,7 +162,7 @@ export default {
       handler: function (val) {
         this.footDownOffset = val
         if (this.isInitShowBottomRight) {
-          this.y = window.innerHeight - val
+          this.y = window.innerHeight - val -3
           console.log('this.y', this.y)
         }
       },
@@ -306,15 +310,19 @@ export default {
     init() {
       const that = this
       if(this.fixedStart) {
-        const wid = document.getElementById('app').offsetWidth
-        this.x = this.left + (wid-this.initWidth)/2
-        this.y = this.top - document.documentElement.scrollTop
+        if(!this.isInitShowBottomRight) {
+          const wid = document.getElementById('app').offsetWidth
+          this.x = this.left + (wid-this.initWidth)/2
+          this.y = this.top - document.documentElement.scrollTop
+        }
       } else {
         this.clientWidth = document.documentElement.clientWidth;
         this.clientHeight = document.documentElement.clientHeight;
-        this.x = this.clientWidth / 2 - this.footRightOffset / 2;
-        this.y = this.clientHeight / 2 - this.footDownOffset / 2;
-        this.y=isNaN(this.y)?100:this.y
+        if(!this.isInitShowBottomRight) {
+          this.x = this.clientWidth / 2 - this.footRightOffset / 2;
+          this.y = this.clientHeight / 2 - this.footDownOffset / 2;
+          this.y=isNaN(this.y)?100:this.y
+        }
       }
       setTimeout(() => {
         this.draggableState = interact(`#draggable${that.id}`)
@@ -631,4 +639,14 @@ export default {
   z-index: 5;
   background-color: rgba(255,255,255,0);
 }
+.drag-head > .title {
+  display: inline-block;
+  margin-right: 15px;
+  flex: 1;
+  cursor: move;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 16px;
+}
 </style>

package/src/components/dragPopup2/src/dragPopup.vue

@@ -318,15 +318,19 @@ export default {
     init() {
       let that = this
       if(this.fixedStart) {
-        const wid = document.getElementById('app').offsetWidth
-        this.x = this.left + (wid-this.initWidth)/2
-        this.y = this.top - document.documentElement.scrollTop
+        if(!this.isInitShowBottomRight) {
+          const wid = document.getElementById('app').offsetWidth
+          this.x = this.left + (wid-this.initWidth)/2
+          this.y = this.top - document.documentElement.scrollTop
+        }
       } else {
         this.clientWidth = document.documentElement.clientWidth;
         this.clientHeight = document.documentElement.clientHeight;
-        this.x = this.clientWidth / 2 - this.footRightOffset / 2;
-        this.y = this.clientHeight / 2 - this.footDownOffset / 2;
-        this.y=isNaN(this.y)?100:this.y
+        if(!this.isInitShowBottomRight) {
+          this.x = this.clientWidth / 2 - this.footRightOffset / 2;
+          this.y = this.clientHeight / 2 - this.footDownOffset / 2;
+          this.y=isNaN(this.y)?100:this.y
+        }
       }
       setTimeout(() => {
         this.draggableState = interact(`#draggable${that.id}`)

package/src/components/editor/src/editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <div ref="only" class="z-editor" :style="!readOnly&&showBorder?'border: 1px solid rgba(204, 204, 204, 1);':''">
+  <div ref="only" :class="`z-editor z-editor-${refSrc}`" :style="!readOnly&&showBorder?'border: 1px solid rgba(204, 204, 204, 1);':''">
     <div v-show="!readOnly" class="editor-header">
       <div v-for="(item,index) in butData" :key="index" class="editor-but">
         <div v-if="uploadTypeArr.indexOf(item.key)  !== -1" class="editor-but-name">
@@ -73,7 +73,7 @@
                   </div>-->
     </div>
     <zydx-chat v-model='isShowAi'></zydx-chat>
-    <div :class="{'editor-content-show': !editableShow}" class="editor-content">
+    <div :class="[{'editor-content-show': !editableShow},  `editor-content-${refSrc}`]" class="editor-content">
       <div class="editing">
         <div v-if="signMenuShow" class="editing-header">
           <img :src="menusData('signMenu')?.ico" alt=""/>
@@ -828,7 +828,8 @@ export default {
           key: 'signMenu',
           text: '致用大学',
           ico: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABPCAYAAAB8kULjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyOThBN0E1NUNDM0QxMUU4QjNFQ0Y2RTQyQUQxOTZGQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyOThBN0E1NkNDM0QxMUU4QjNFQ0Y2RTQyQUQxOTZGQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI5OEE3QTUzQ0MzRDExRThCM0VDRjZFNDJBRDE5NkZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI5OEE3QTU0Q0MzRDExRThCM0VDRjZFNDJBRDE5NkZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+WxRDagAAFoJJREFUeNrMnQl8VdXx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'
-        }]
+        }],
+      refSrc: '',
     }
   },
   props: {
@@ -1027,6 +1028,7 @@ export default {
   },
   mounted() {
     const _this = this
+    _this.refSrc = _this.randomId()
     _this.htmlJson = _this.html ? JSON.parse(JSON.stringify(_this.html)) : []
     // let dataHtml = json2html({node: "root", child: (_this.html === undefined || _this.html === null) ? [] : _this.html})
     this.interpositionData = _this.htmlJson.popupsData ? _this.htmlJson.popupsData.data : []
@@ -4350,11 +4352,11 @@ export default {
       const element = document.querySelector(`.${item.anchors}`)
       if (element) {
         if (this.readOnly) {
-          let bodys = document.querySelector(`.z-editor`)
-          bodys.scrollTop = element.offsetTop + 100
+          let body_s = document.querySelector(`.z-editor-${this.refSrc}`)
+          body_s.scrollTop = element.offsetTop + 100
         } else {
-          let bodys = document.querySelector(`.editor-content`)
-          bodys.scrollTop = element.offsetTop + 70
+          let body_s = document.querySelector(`.editor-content-${this.refSrc}`)
+          body_s.scrollTop = element.offsetTop + 70
         }
 
         // element.scrollIntoView({behavior: 'smooth'});

package/src/components/read/src/read.vue

@@ -1,24 +1,26 @@
 <template>
-  <div class="read" :ref="refSrc">
-      <vue-office-docx v-if="fileType === 'docx'" :src="url" style="height: 100%;" @rendered="renderedHandler"  @error="errorHandler" />
-      <vue-office-excel v-if="fileType === 'xlsx' && xlsx" :src="url" style="height: 100%;" @rendered="renderedHandler"  @error="errorHandler" />
-      <div class="view-pdf" @scroll="scroll" ref="view-pdf" v-if="fileType === 'pdf'">
-          <div class="pageContainer" v-for="(item,index) in idArr[`${refSrc}`]" :key="index">
-            <canvas :id="item"></canvas>
-            <div class="pdfPage">{{ index + 1 }}/{{ pdfPages }}</div>
-          </div>
+  <div :ref="refSrc" class="read">
+    <vue-office-docx v-if="fileType === 'docx'" :src="url" style="height: 100%;" @error="errorHandler"
+                     @rendered="renderedHandler"/>
+    <vue-office-excel v-if="fileType === 'xlsx' && xlsx" :src="url" style="height: 100%;" @error="errorHandler"
+                      @rendered="renderedHandler"/>
+    <div v-if="fileType === 'pdf'" ref="view-pdf" class="view-pdf" @scroll="scroll">
+      <div v-for="(item,index) in idArr[`${refSrc}`]" :key="index" :ref="`pdfPage${index + 1}`" class="pageContainer">
+        <canvas :id="item"></canvas>
+        <div class="pdfPage">{{ index + 1 }}/{{ pdfPages }}</div>
       </div>
-      <div class="mp4" v-if="fileType === 'mp4'">
-          <video id="video" :src="url" controls></video>
-      </div>
-      <div class="mp3" v-if="fileType === 'mp3'">
-          <audio :src="url" controls></audio>
-      </div>
-      <div v-if="loading" class="loading-back">
-          <div class="loading-cont">
-              <div class="loadings">Loading</div>
-          </div>
+    </div>
+    <div v-if="fileType === 'mp4'" class="mp4">
+      <video id="video" :src="url" controls></video>
+    </div>
+    <div v-if="fileType === 'mp3'" class="mp3">
+      <audio :src="url" controls></audio>
+    </div>
+    <div v-if="loading" class="loading-back">
+      <div class="loading-cont">
+        <div class="loadings">Loading</div>
       </div>
+    </div>
   </div>
 </template>
 
@@ -36,336 +38,382 @@ import '@vue-office/excel/lib/index.css'
 
 import Mess from '../../tipBox/index'
 import {debounce} from "../../utils";
+
 let pdfs = {}
 export default {
-    name: "zydx-read",
-    components: {VueOfficeDocx,VueOfficeExcel},
-    data() {
-        return {
-          fileType: null,
-          PdfJs: null,
-          svgArr: [],
-          container: null,
-          pdfPages: 0,
-          loading: false,
-          repeat: false,
-          idArr: {},
-          scales: 1.35,
-          timer: null,
-          pdf: null,
-          page: 0,
-          xlsx: true,
-          canvasArr: {},
-          pageIndex: 0,
-          refSrc:'',
-          resizeObserver:{},
-          loadingTask:{},
-          // pdfs:null
-        }
+  name: "zydx-read",
+  components: {VueOfficeDocx, VueOfficeExcel},
+  data() {
+    return {
+      fileType: null,
+      PdfJs: null,
+      svgArr: [],
+      container: null,
+      pdfPages: 0,
+      loading: false,
+      repeat: false,
+      idArr: {},
+      scales: 1.35,
+      timer: null,
+      pdf: null,
+      page: 0,
+      xlsx: true,
+      canvasArr: {},
+      pageIndex: 0,
+      refSrc: '',
+      resizeObserver: {},
+      loadingTask: {},
+      // pdfs:null
+    }
+  },
+  props: {
+    url: {
+      type: String,
+      default: '',
     },
-    props: {
-        url: {
-            type: String,
-            default: '',
-        },
-        scale: {
-            type: Number,
-            default: 1.35
-        },
-      scaleStyle: {
-        type: Object,
-        default: () => {}
+    scale: {
+      type: Number,
+      default: 1.35
+    },
+    scaleStyle: {
+      type: Object,
+      default: () => {
+      }
+    },
+  },
+  watch: {
+    url: {
+      handler: function () {
+        this.refSrc = this.randomId()
+        this.idArr[`${this.refSrc}`] = []
+        this.repeatInit()
       },
+      deep: true,
+      immediate: true
     },
-    watch: {
-        url: {
-            handler: function () {
-                this.refSrc=this.randomId()
-                this.idArr[`${this.refSrc}`] = []
-                this.repeatInit()
-            },
-            deep: true,
-            immediate: true
-        },
-      scaleStyle: {
-        handler: function (val) {
-          if(!val) return
-          if (this.repeat) return
-          if (this.timer) {
-            clearTimeout(this.timer)
+    scaleStyle: {
+      handler: function (val) {
+        if (!val) return
+        if (this.repeat) return
+        if (this.timer) {
+          clearTimeout(this.timer)
+        }
+        this.timer = setTimeout(() => {
+          this.scales = val.width / 550
+          if (this.scales >= this.scale) {
+            this.scales = this.scale
           }
-          this.timer = setTimeout(() => {
-            this.scales = val.width / 550
-            if(this.scales >= this.scale) {
-              this.scales = this.scale
-            }
-            if(this.fileType === 'pdf') {
-              if(val.width >= 800) return
-              this.canvasArr[`${this.refSrc}`].map(item => {
-                item.style.width = val.width + 'px'
-                item.style.height = val.width*1.35 + 'px'
-              })
-            }
-            if(this.fileType === 'xlsx') {
-              this.xlsx = false
-              setTimeout(() => {
-                this.xlsx = true
-              },0)
-            }
-          }, 200)
-        },
-        deep: true
+          if (this.fileType === 'pdf') {
+            if (val.width >= 800) return
+            this.canvasArr[`${this.refSrc}`].map(item => {
+              item.style.width = val.width + 'px'
+              item.style.height = val.width * 1.35 + 'px'
+            })
+          }
+          if (this.fileType === 'xlsx') {
+            this.xlsx = false
+            setTimeout(() => {
+              this.xlsx = true
+            }, 0)
+          }
+        }, 200)
+      },
+      deep: true
+    }
+  },
+  methods: {
+    errorHandler() {
+      Mess({
+        promptContent: '文件加载错误',
+        cancelShow: false
+      })
+      this.loading = false
+    },
+    repeatInit() {
+      if (this.repeat) return // 防止重复加载
+      this.repeat = true
+      this.fileType = this.url.split('.').pop()
+      if (this.fileType === 'pdf' || this.fileType === 'docx' || this.fileType === 'xlsx') {
+        this.loading = true
+      }
+      // if(this.fileType === 'mp4') this.videoFun()
+      if (this.fileType === 'pdf') {
+        this.init()
+        setTimeout(() => {
+          const el = this.$refs[`${this.refSrc}`];
+          this.resizeObserver[`${this.refSrc}`] = new ResizeObserver(() => {
+            this.refreshCanvas()
+          });
+          this.resizeObserver[`${this.refSrc}`].observe(el);
+        }, 300)
       }
+      setTimeout(() => {
+        this.repeat = false
+      }, 1000)
+    },
+    renderedHandler() {
+      this.loading = false
     },
-    methods: {
-        errorHandler() {
+    videoFun() {
+      const video = document.getElementById('video')
+      video.addEventListener('loadeddata', function () {
+        console.log(video);
+      });
+    },
+    init() {
+      let that = this
+      this.canvasArr[`${this.refSrc}`] = []
+      this.loadingTask[`${this.refSrc}`] = PdfJs.getDocument({
+        url: this.url,
+        cMapUrl: "/zydx/static/cmaps/",
+        cMapPacked: true
+      })
+      this.loadingTask[`${this.refSrc}`].promise.then((pdf) => {
+        pdfs[`${that.refSrc}`] = pdf
+        that.pdfPages = pdf.numPages // 获取pdf文件的总页数
+        that.page = pdf.numPages
+        that.pageIndex = that.page > 1 ? 2 : 1
+        that.getPDF(pdf, that.pageIndex)
+      }).catch(() => {
+        that.loading = false
         Mess({
           promptContent: '文件加载错误',
           cancelShow: false
         })
-        this.loading = false
-      },
-        repeatInit() {
-            if (this.repeat) return // 防止重复加载
-            this.repeat = true
-            this.fileType = this.url.split('.').pop()
-            if(this.fileType === 'pdf' || this.fileType === 'docx' || this.fileType === 'xlsx') {
-                this.loading = true
-            }
-            // if(this.fileType === 'mp4') this.videoFun()
-            if (this.fileType === 'pdf') {
-              this.init()
-              setTimeout(()=>{
-                const el = this.$refs[`${this.refSrc}`];
-                this.resizeObserver[`${this.refSrc}`] = new ResizeObserver(() => {
-                  this.refreshCanvas()
-                });
-                this.resizeObserver[`${this.refSrc}`].observe(el);
-              },300)
-            }
-            setTimeout(() => {
-                this.repeat = false
-            }, 1000)
-        },
-        renderedHandler() {
-            this.loading = false
-        },
-        videoFun() {
-            const video = document.getElementById('video')
-            video.addEventListener('loadeddata', function() {
-                console.log(video);
-            });
-        },
-        init() {
-          let that = this
-          this.loadingTask[`${this.refSrc}`] = PdfJs.getDocument({
-                url: this.url,
-                cMapUrl: "/zydx/static/cmaps/",
-                cMapPacked: true
-            })
-          this.loadingTask[`${this.refSrc}`].promise.then((pdf) => {
-                pdfs[`${that.refSrc}`] = pdf
-                that.pdfPages = pdf.numPages // 获取pdf文件的总页数
-                that.page = pdf.numPages
-                that.pageIndex = that.page > 1? 2:1
-                that.getPDF(pdf,that.pageIndex)
-            }).catch(() => {
-              that.loading = false
-              Mess({
-                promptContent: '文件加载错误',
-                cancelShow: false
-              })
-            })
-        },
-        scroll(e) {
-          const dom = e.target
-          var scrollTop = dom.scrollTop; //滑入屏幕上方的高度
-          var windowHeitht = dom.clientHeight; //能看到的页面的高度
-          var scrollHeight = dom.scrollHeight; //监控的整个div的高度（包括现在看到的和上下隐藏起来看不到的）
-          let total = scrollTop + windowHeitht
-          if(total >= scrollHeight - 50){
-            if(this.pageIndex >= this.page) return
-            if((this.page - this.pageIndex) >= 2) {
+      })
+    },
+    scroll(e) {
+      const dom = e.target
+      var scrollTop = dom.scrollTop; //滑入屏幕上方的高度
+      var windowHeitht = dom.clientHeight; //能看到的页面的高度
+      var scrollHeight = dom.scrollHeight; //监控的整个div的高度（包括现在看到的和上下隐藏起来看不到的）
+      let total = scrollTop + windowHeitht
+      if (total >= scrollHeight - 50) {
+        if (this.pageIndex >= this.page) return
+        if ((this.page - this.pageIndex) >= 2) {
+          this.pageIndex += 2
+          this.getPDF(pdfs[`${this.refSrc}`], 2)
+        } else {
+          this.pageIndex += 1
+          this.getPDF(pdfs[`${this.refSrc}`], 1)
+        }
+      }
+    },
+
+
+    async getPDF(pdf, page) {
+      let that = this
+      for (let i = 0; i < page; i++) {
+        const id = 'canvas' + Math.random().toString(36).substr(2)
+        that.idArr[`${that.refSrc}`].push(id)
+        await pdf.getPage(this.pageIndex === 1 ? 1 : this.pageIndex + i - 1).then(function (pdfPage) {
+          // let canvas = document.createElement('canvas')
+          let canvas = document.getElementById(id)
+          that.canvasArr[`${that.refSrc}`] = []
+          that.canvasArr[`${that.refSrc}`].push(canvas)
+          if (!canvas) return
+          let ctx = canvas.getContext('2d');
+          // let viewport = page.getViewport({scale: that.scales})
+          // canvas.width = viewport.width * 2
+          // canvas.height = viewport.height * 2
+          // canvas.style.width = viewport.width + 'px'
+          // canvas.style.height = viewport.height + 'px'
+
+          let boxWidth = that.$refs['view-pdf'].offsetWidth
+          let scales = (boxWidth / 846) * (boxWidth / (boxWidth - (boxWidth * 0.115 * 2)))
+          let viewport = pdfPage.getViewport({scale: scales})
+          const sc = viewport.width / viewport.height
+          const wid = boxWidth - 20
+          const hei = wid / sc
+          canvas.width = wid * 2
+          canvas.height = hei * 2
+          canvas.style.width = wid + 'px'
+          canvas.style.height = hei + 'px'
+          let renderContext = {
+            canvasContext: ctx,
+            viewport: viewport,
+            transform: [2, 0, 0, 2, 0, 0]
+          }
+          pdfPage.render(renderContext)
+        })
+      }
+      that.renderedHandler()
+    },
+    refreshCanvas: debounce(function () {
+      let that = this
+      that.idArr[`${that.refSrc}`].forEach((item, index) => {
+        pdfs[`${this.refSrc}`].getPage(index + 1).then(function (page) {
+          // let canvas = document.createElement('canvas')
+          let canvas = document.getElementById(item)
+          that.canvasArr[`${that.refSrc}`] = []
+          that.canvasArr[`${that.refSrc}`].push(canvas)
+          if (!canvas) return
+          let ctx = canvas.getContext('2d');
+          let boxWidth = that.$refs['view-pdf'].offsetWidth
+          let scales = (boxWidth / 846) * (boxWidth / (boxWidth - (boxWidth * 0.115 * 2)))
+          let viewport = page.getViewport({scale: scales})
+          const sc = viewport.width / viewport.height
+          const wid = boxWidth - 20
+          const hei = wid / sc
+          canvas.width = wid * 2
+          canvas.height = hei * 2
+          canvas.style.width = wid + 'px'
+          canvas.style.height = hei + 'px'
+          let renderContext = {
+            canvasContext: ctx,
+            viewport: viewport,
+            transform: [2, 0, 0, 2, 0, 0]
+          }
+          page.render(renderContext)
+        })
+      })
+    }, 50),
+    randomId() {
+      const id = Math.random().toString(36).substr(2)
+      return id.replace(/[0-9]/g, '')
+    },
+    async flipLeft(e) {
+      const element = this.$refs['view-pdf']
+      if (element) {
+        let cycleNum = 0
+        if (this.pageIndex < e) {
+          if ((e % 2) === 0) {
+            cycleNum = Math.floor((e / 2))
+          } else {
+            cycleNum = Math.floor((e / 2)) + 1
+          }
+          for (let i = 0; i < cycleNum; i++) {
+            if (this.pageIndex >= this.page) return
+            if ((this.page - this.pageIndex) >= 2) {
               this.pageIndex += 2
-              this.getPDF(pdfs[`${this.refSrc}`],2)
-            }else {
+              await this.getPDF(pdfs[`${this.refSrc}`], 2)
+            } else {
               this.pageIndex += 1
-              this.getPDF(pdfs[`${this.refSrc}`],1)
+              await this.getPDF(pdfs[`${this.refSrc}`], 1)
             }
           }
-        },
-        getPDF(pdf,page) {
-            let that = this
-            for (let i = 0; i < page; i++) {
-                const id = 'canvas' + Math.random().toString(36).substr(2)
-                that.idArr[`${that.refSrc}`].push(id)
-                pdf.getPage(this.pageIndex === 1? 1:this.pageIndex + i - 1).then(function (page) {
-                    // let canvas = document.createElement('canvas')
-                    let canvas = document.getElementById(id)
-                    that.canvasArr[`${that.refSrc}`]=[]
-                    that.canvasArr[`${that.refSrc}`].push(canvas)
-                    let ctx = canvas.getContext('2d');
-                    // let viewport = page.getViewport({scale: that.scales})
-                    // canvas.width = viewport.width * 2
-                    // canvas.height = viewport.height * 2
-                    // canvas.style.width = viewport.width + 'px'
-                    // canvas.style.height = viewport.height + 'px'
-
-                    let boxWidth = that.$refs['view-pdf'].offsetWidth
-                    let scales=(boxWidth/846)*(boxWidth/(boxWidth-(boxWidth*0.115*2)))
-                    let viewport = page.getViewport({scale: scales})
-                    const sc = viewport.width / viewport.height
-                    const wid = boxWidth - 20
-                    const hei = wid / sc
-                    canvas.width = wid * 2
-                    canvas.height = hei * 2
-                    canvas.style.width = wid + 'px'
-                    canvas.style.height = hei + 'px'
-                    let renderContext = {
-                        canvasContext: ctx,
-                        viewport: viewport,
-                        transform: [2, 0, 0, 2, 0, 0]
-                    }
-                    page.render(renderContext)
-                })
-            }
-            that.renderedHandler()
-        },
-        refreshCanvas:debounce(function (){
-          let that = this
-          that.idArr[`${that.refSrc}`].forEach((item,index)=>{
-            pdfs[`${this.refSrc}`].getPage( index + 1).then(function (page) {
-              // let canvas = document.createElement('canvas')
-              let canvas = document.getElementById(item)
-              that.canvasArr[`${that.refSrc}`]=[]
-              that.canvasArr[`${that.refSrc}`].push(canvas)
-              let ctx = canvas.getContext('2d');
-              let boxWidth = that.$refs['view-pdf'].offsetWidth
-              let scales=(boxWidth/846)*(boxWidth/(boxWidth-(boxWidth*0.115*2)))
-              let viewport = page.getViewport({scale: scales})
-              const sc = viewport.width / viewport.height
-              const wid = boxWidth - 20
-              const hei = wid / sc
-              canvas.width = wid * 2
-              canvas.height = hei * 2
-              canvas.style.width = wid + 'px'
-              canvas.style.height = hei + 'px'
-              let renderContext = {
-                canvasContext: ctx,
-                viewport: viewport,
-                transform: [2, 0, 0, 2, 0, 0]
-              }
-              page.render(renderContext)
-            })
-          })
-        },50),
-        randomId() {
-          const id = Math.random().toString(36).substr(2)
-          return id.replace(/[0-9]/g, '')
         }
+        setTimeout(() => {
+          const body_s = this.$refs[`pdfPage${e}`][0]
+          element.scrollTop = body_s.offsetTop - 10
+        }, cycleNum * 60)
+      }
     }
+  }
 }
 </script>
 
 <style scoped>
-.pdfPage{
-    position: absolute;
-    bottom: 20px;
-    left: 0;
-    z-index: 1;
-    text-align: center;
-    font-size: 14px;
-    color: #666;
-    width: 100%;
+.pdfPage {
+  position: absolute;
+  bottom: 20px;
+  left: 0;
+  z-index: 1;
+  text-align: center;
+  font-size: 14px;
+  color: #666;
+  width: 100%;
 }
-.pageContainer{
-    width: 100%;
-    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);*/
-    margin-bottom: 10px;
-    display: inline-block;
-    position: relative;
-    box-sizing: border-box;
-    overflow: hidden;
-    border: 1px solid #cccccc;
+
+.pageContainer {
+  width: 100%;
+  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);*/
+  margin-bottom: 10px;
+  display: inline-block;
+  position: relative;
+  box-sizing: border-box;
+  overflow: hidden;
+  border: 1px solid #cccccc;
 }
-.mp4,.mp3{
-    max-width: 100%;
-    height: 100%;
-    display: flex;
-    align-items: center;
+
+.mp4, .mp3 {
+  max-width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
 }
-.mp4 video,.mp3 audio{
-    width: 100%;
-    max-height: 100%;
+
+.mp4 video, .mp3 audio {
+  width: 100%;
+  max-height: 100%;
 }
-.ppt{
-    width: 100%;
-    height: 100%;
+
+.ppt {
+  width: 100%;
+  height: 100%;
 }
-.view-pdf{
-    text-align: center;
-    height: 100%;
-    overflow: auto;
-    padding: 10px;
+
+.view-pdf {
+  text-align: center;
+  height: 100%;
+  overflow: auto;
+  padding: 10px;
 }
+
 .view-pdf::-webkit-scrollbar {
-    width: 0
+  width: 0
 }
-.read{
-    width: 100%;
-    height: 100%;
-    position: relative;
+
+.read {
+  width: 100%;
+  height: 100%;
+  position: relative;
 }
+
 :deep(.vue-office-docx)::-webkit-scrollbar {
-    width: 0
+  width: 0
 }
+
 :deep(.docx-wrapper) {
-    background-color: #fff;
+  background-color: #fff;
 }
-.loading-back{
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 100;
-    display: flex;
-    align-items: center;
+
+.loading-back {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 100;
+  display: flex;
+  align-items: center;
 }
-.loading-cont{
-    display: inline-block;
-    margin: 0 auto;
+
+.loading-cont {
+  display: inline-block;
+  margin: 0 auto;
 }
+
 .loadings {
-    display: inline-block;
-    font-size: 28px;
-    font-family: Arial, Helvetica, sans-serif;
-    font-weight: bold;
-    color: #fff;
-    text-shadow: 0 0 2px #ff3d00, 0 0 1px #ff3d00, 0 0 1px #ff3d00;
-    letter-spacing: 2px;
-    position: relative;
+  display: inline-block;
+  font-size: 28px;
+  font-family: Arial, Helvetica, sans-serif;
+  font-weight: bold;
+  color: #fff;
+  text-shadow: 0 0 2px #ff3d00, 0 0 1px #ff3d00, 0 0 1px #ff3d00;
+  letter-spacing: 2px;
+  position: relative;
 }
 
 .loadings::after {
-    content: "Loading";
-    position: absolute;
-    left: 0;
-    top: 0;
-    color: #ff3d00;
-    width: 0%;
-    height: 100%;
-    overflow: hidden;
-    animation: loading-animation 6s linear infinite;
+  content: "Loading";
+  position: absolute;
+  left: 0;
+  top: 0;
+  color: #ff3d00;
+  width: 0%;
+  height: 100%;
+  overflow: hidden;
+  animation: loading-animation 6s linear infinite;
 }
 
 @keyframes loading-animation {
-    0% {
-        width: 0%;
-    }
+  0% {
+    width: 0%;
+  }
 
-    100% {
-        width: 100%;
-    }
+  100% {
+    width: 100%;
+  }
 }
 </style>

package/src/index.js

@@ -89,7 +89,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.35.539',
+    version: '1.35.540',
     install,
     Calendar,
     Message,