zydx-plus 1.32.299 → 1.32.300

package/package.json

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

package/src/components/flip/src/flip.vue

@@ -131,6 +131,8 @@ import * as PdfJs from 'pdfjs-dist/legacy/build/pdf.js' // 注意导入的写法
 PdfJs.GlobalWorkerOptions.workerSrc = require('pdfjs-dist/build/pdf.worker.entry')
 const jsdelivr = '/zydx/static/cmaps/'
 
+let pdfs = null
+
 export default {
   name: "zydx-flip",
   data() {
@@ -188,7 +190,7 @@ export default {
       textHeight: 0,
       textDownX: 0,
       textDownY: 0,
-      textMoveStart: false,
+      textMoveStart: false
     }
   },
   props: {
@@ -241,7 +243,7 @@ export default {
     },
     source: {
       handler: function () {
-        this.readPdf()
+        this.sourceUrl()
       },
       deep: true,
       immediate: true
@@ -936,6 +938,7 @@ export default {
       }
     },
     flipLeft(e, v) {
+      console.log(e)
       if (e > this.pdfPages) {
         this.pageIndex = this.pdfPages
         return
@@ -952,6 +955,7 @@ export default {
       }
     },
     flipRight(e, v) {
+      console.log(e)
       if (e < 1) {
         this.pageIndex = 1
         return
@@ -967,65 +971,67 @@ export default {
         })
       }
     },
-    readPdf(n) {
-      this.mouse()
+    sourceUrl() {
       if (this.source === '' || this.source === undefined || this.source === null) return
       let that = this
-      if(n !== 1) that.loading = true
-      if (that.imgArr[that.pageIndex - 1] !== undefined) {
-        that.oneShow = that.pageIndex !== 1
-      }
+      that.loading = true
       const loadingTask = PdfJs.getDocument({
-        url: this.source,
+        url: that.source,
         cMapUrl: jsdelivr,
         cMapPacked: true
       })
       loadingTask.promise.then((pdf) => {
+        pdfs = pdf
         that.pdfPages = pdf.numPages // 获取pdf文件的总页数
-        pdf.getPage(that.pageIndex).then(function (page) {
-          let canvas = document.getElementById(that.id)
-          let canvas2 = document.getElementById(`${that.id}2`)
-          that.ctx = canvas.getContext('2d');
-          let ctx2 = canvas2.getContext('2d');
-          let viewport = page.getViewport({scale: that.scales})
-          canvas.width = viewport.width * that.sratio
-          canvas.height = viewport.height * that.sratio
-          canvas.style.width = viewport.width + 'px'
-          canvas.style.height = viewport.height + 'px'
-          canvas2.width = viewport.width * that.sratio
-          canvas2.height = viewport.height * that.sratio
-          canvas2.style.width = viewport.width + 'px'
-          canvas2.style.height = viewport.height + 'px'
-          that.canvasStyle = {
-            width: viewport.width + 'px',
-            height: viewport.height + 'px',
-            marginLeft: -(viewport.width / 2) + 'px',
-            widthCanvas: viewport.width * that.sratio,
-            heightCanvas: viewport.height * that.sratio
-          }
-          let renderContext = {
-            canvasContext: ctx2,
-            viewport: viewport,
-            transform: [2, 0, 0, 2, 0, 0] //这里会进行放大，解决模糊问题
-          }
-          page.render(renderContext)
-          that.loading = false
-          if (that.oneIndex === 'right') {
-            that.flipRights = true
-            that.flipLefts = false
-          } else {
-            that.flipRights = false
-            that.flipLefts = true
-          }
-          // 获取canvas的base64数据
-          setTimeout(() => {
-            that.flipRights = false
-            that.flipLefts = false
-            that.oneShow = false
-            that.imgArr[that.pageIndex] = canvas2.toDataURL('image/jpeg', 1)
-            that.processing()
-          }, 1000)
-        })
+        that.readPdf(pdf)
+      })
+    },
+    readPdf() {
+      let that = this
+      this.mouse()
+      pdfs.getPage(that.pageIndex).then(function (page) {
+        let canvas = document.getElementById(that.id)
+        let canvas2 = document.getElementById(`${that.id}2`)
+        that.ctx = canvas.getContext('2d');
+        let ctx2 = canvas2.getContext('2d');
+        let viewport = page.getViewport({scale: that.scales})
+        canvas.width = viewport.width * that.sratio
+        canvas.height = viewport.height * that.sratio
+        canvas.style.width = viewport.width + 'px'
+        canvas.style.height = viewport.height + 'px'
+        canvas2.width = viewport.width * that.sratio
+        canvas2.height = viewport.height * that.sratio
+        canvas2.style.width = viewport.width + 'px'
+        canvas2.style.height = viewport.height + 'px'
+        that.canvasStyle = {
+          width: viewport.width + 'px',
+          height: viewport.height + 'px',
+          marginLeft: -(viewport.width / 2) + 'px',
+          widthCanvas: viewport.width * that.sratio,
+          heightCanvas: viewport.height * that.sratio
+        }
+        let renderContext = {
+          canvasContext: ctx2,
+          viewport: viewport,
+          transform: [2, 0, 0, 2, 0, 0] //这里会进行放大，解决模糊问题
+        }
+        page.render(renderContext)
+        that.loading = false
+        if (that.oneIndex === 'right') {
+          that.flipRights = true
+          that.flipLefts = false
+        } else {
+          that.flipRights = false
+          that.flipLefts = true
+        }
+        // 获取canvas的base64数据
+        setTimeout(() => {
+          that.flipRights = false
+          that.flipLefts = false
+          that.oneShow = false
+          that.imgArr[that.pageIndex] = canvas2.toDataURL('image/jpeg', 1)
+          that.processing()
+        }, 1000)
       })
     }
   }
@@ -1251,7 +1257,7 @@ export default {
   display: inline-block;
   margin: 0 auto;
   position: relative;
-  //cursor: none;
+//cursor: none;
 }
 
 .but-wrap {

package/src/index.js

@@ -81,7 +81,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.32.299',
+    version: '1.32.300',
     install,
     Calendar,
     Message,