zydx-plus 1.15.60 → 1.15.61

package/package.json

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

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

@@ -4,8 +4,8 @@
       <canvas :id="'pdf-canvas'+ index" v-for="(item,index) in pdfPages" class="pdf-canvas"></canvas>
     </div>
     <div class="book">
-      <flipbook class="flipbook" :pages="imgArr" @flip-left-end="flipLeft" @flip-right-end="flipRight" v-slot="flipbook" :singlePage="singlePage" :ambient="0" :gloss="1" :dragToFlip="false" :pagesHiRes="0">
-        <div class="but">
+      <flipbook class="flipbook" :startPage="pageIndex" :pages="imgArr" @flip-left-end="flipLeft" @flip-right-end="flipRight" v-slot="flipbook" :singlePage="singlePage" :ambient="0" :gloss="1" :dragToFlip="false" :pagesHiRes="0">
+        <div class="but" v-if="butShow">
           <button class="but-brown" :class="{'but-act': pageIndex === 1}" @click="flipbook.flipLeft">上一页</button>
           <button class="but-brown" :class="{'but-act': pageIndex === pdfPages}" @click="flipbook.flipRight">下一页</button>
         </div>
@@ -26,7 +26,7 @@ export default {
       pdfPages: 0,
       imgArr: [],
       hei: 0,
-      pageIndex: 1
+      pageIndex: this.page
     }
   },
   props: {
@@ -38,61 +38,70 @@ export default {
       type: Boolean,
       default: false
     },
+    butShow: {
+      type: Boolean,
+      default: true
+    },
+    page: {
+      type: Number,
+      default: 1
+    }
   },
+  emits: ['flip'],
   mounted() {
     this.$nextTick(() => {
       this.readPdf()
     })
   },
   methods: {
-    flipLeft(e) {
-      this.pageIndex = e
-      this.$emit('flip',{
-        page: e,
-        total: this.pdfPages
-      })
-    },
-    flipRight(e) {
-      this.pageIndex = e
-      this.$emit('flip',{
-        page: e,
-        total: this.pdfPages
-      })
-    },
-    readPdf() {
-      let that = this
-      const loadingTask = PdfJs.getDocument(this.source)
-      loadingTask.promise.then((pdf) => {
-        that.pdfPages = pdf.numPages // 获取pdf文件的总页数
-        for(let i=0; i<that.pdfPages; i++) {
-          pdf.getPage(i+1).then(function(page) {
-            const canvas = document.getElementById('pdf-canvas' + i)
-            const ctx = canvas.getContext('2d')
-            const dpr = window.devicePixelRatio || 1
-            const bsr = ctx.webkitBackingStorePixelRatio || ctx.mozBackingStorePixelRatio || ctx.msBackingStorePixelRatio || ctx.oBackingStorePixelRatio || ctx.backingStorePixelRatio || 1
-            const ratio = dpr / bsr
-            const viewport = page.getViewport({ scale: 1 })
-            canvas.width = viewport.width * ratio
-            canvas.height = viewport.height * ratio
-            canvas.style.width = viewport.width + 'px'
-            canvas.style.height = viewport.height + 'px'
-            ctx.setTransform(ratio, 0, 0, ratio, 0, 0)
-            const renderContext = {
-              canvasContext: ctx,
-              viewport: viewport
-            }
-            page.render(renderContext)
-          });
-        }
-        setTimeout(() => {
-          for(let i=0; i<that.pdfPages; i++) {
-            const canvas = document.getElementById('pdf-canvas' + i)
-            const dataURL = canvas.toDataURL("image/jpeg",1); //获取Base64编码
-            that.imgArr.push(dataURL)
-          }
-        },500)
-      })
-    }
+      flipLeft(e) {
+          this.pageIndex = e
+          this.$emit('flip', {
+              page: e,
+              total: this.pdfPages
+          })
+      },
+      flipRight(e) {
+          this.pageIndex = e
+          this.$emit('flip', {
+              page: e,
+              total: this.pdfPages
+          })
+      },
+      readPdf() {
+          let that = this
+          const loadingTask = PdfJs.getDocument(this.source)
+          loadingTask.promise.then((pdf) => {
+              that.pdfPages = pdf.numPages // 获取pdf文件的总页数
+              for (let i = 0; i < that.pdfPages; i++) {
+                  pdf.getPage(i + 1).then(function (page) {
+                      const canvas = document.getElementById('pdf-canvas' + i)
+                      const ctx = canvas.getContext('2d')
+                      const dpr = window.devicePixelRatio || 1
+                      const bsr = ctx.webkitBackingStorePixelRatio || ctx.mozBackingStorePixelRatio || ctx.msBackingStorePixelRatio || ctx.oBackingStorePixelRatio || ctx.backingStorePixelRatio || 1
+                      const ratio = dpr / bsr
+                      const viewport = page.getViewport({scale: 1})
+                      canvas.width = viewport.width * ratio
+                      canvas.height = viewport.height * ratio
+                      canvas.style.width = viewport.width + 'px'
+                      canvas.style.height = viewport.height + 'px'
+                      ctx.setTransform(ratio, 0, 0, ratio, 0, 0)
+                      const renderContext = {
+                          canvasContext: ctx,
+                          viewport: viewport
+                      }
+                      page.render(renderContext)
+                  });
+              }
+              setTimeout(() => {
+                  for (let i = 0; i < that.pdfPages; i++) {
+                      const canvas = document.getElementById('pdf-canvas' + i)
+                      const dataURL = canvas.toDataURL("image/jpeg", 1); //获取Base64编码
+                      that.imgArr.push(dataURL)
+                  }
+              }, 500)
+          })
+      }
   }
 }
 </script>

package/src/index.js

@@ -49,7 +49,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.15.60',
+    version: '1.15.61',
     install,
     Calendar,
     Message,