@toolspack/ttd-pdfjs 0.1.5 → 0.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toolspack/ttd-pdfjs",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "private": false,
   "main": "lib/ttd-pdfjs.umd.min.js",
   "scripts": {

package/src/packages/pdfjs/PdfView.vue

@@ -5,7 +5,7 @@
       :page="page" :zoomEnable="zoomEnable" :rotateEnable="rotateEnable"
        @page="onChangePage" @zoom="onScale" @rotate="onRotate"></switch-page>
     </div>
-    <div class="pdf-view-area-wapper" :style="{width: pdfWidth}" >
+    <div class="pdf-view-area-wapper">
       <div>
         <div
           class="center pdf-view-area"
@@ -59,6 +59,7 @@ const PDFJS = require('pdfjs-dist')
 
 const defautScale = 1.0
 // PDFJS.GlobalWorkerOptions.workerSrc = require('pdfjs-dist/legacy/build/pdf.worker.min.js')
+// eslint-disable-next-line
 PDFJS.GlobalWorkerOptions.workerSrc = require('pdfjs-dist/build/pdf.worker.min.js')
 // https://unpkg.com/pdfjs-dist@2.16.105/cmaps/
 // 使用代理的cmaps，会导致加载很慢，改用本地
@@ -177,7 +178,7 @@ export default {
           if (!canvas) {
             return false
           }
-          this.style.width = `${viewport.width + 2}px`;
+          this.style.width = `${viewport.width + 18}px`;
           this.pdfWidth = `${viewport.width}px`;
           canvas.height = viewport.height
           canvas.width = viewport.width
@@ -378,6 +379,7 @@ export default {
   width: 100%;
   display: flex;
   flex-direction: column;
+  box-sizing: border-box;
   min-width: 688px;
 }
 .pdf-view-control {
@@ -389,10 +391,12 @@ export default {
   overflow: auto;
   width: 100%;
   flex-shrink: 0%;
+  box-sizing: border-box;
 }
 .pdf-view-area {
   position: relative;
   min-height: 100px;
+  box-sizing: border-box;
   .canvasstyle {
     display: block;
     margin: 0 auto;