@toolspack/ttd-pdfjs 0.1.7 → 0.1.8

package/package.json

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

package/src/packages/pdfjs/PdfView.vue

@@ -6,24 +6,22 @@
        @page="onChangePage" @zoom="onScale" @rotate="onRotate"></switch-page>
     </div>
     <div class="pdf-view-area-wapper">
-      <div>
-        <div
-          class="center pdf-view-area"
-          @drop="onDrop"
-          @dragover="onDragOver"
-          :key="pdfurl"
-          :style="{'border': border?'1px solid #666': ''}"
-          v-if="pdfurl"
-        >
-          <div v-if="fileLoading"  class="pdf-view-loading">文件加载中...</div>
-          <div v-else-if="pageRendering" class="pdf-view-rendering">内容渲染中...</div>
-          <canvas :key="pdfurl +'canvas'" class="canvasstyle" :style="{with: showWidth?showWidth+'px':'auto'}" ref="canvas"></canvas>
-          <div class="label-area">
-            <slot></slot>
-          </div>
+      <div
+        class="center pdf-view-area"
+        @drop="onDrop"
+        @dragover="onDragOver"
+        :key="pdfurl"
+        :style="{'border': border?'1px solid #666': ''}"
+        v-if="pdfurl"
+      >
+        <div v-if="fileLoading"  class="pdf-view-loading">文件加载中...</div>
+        <div v-else-if="pageRendering" class="pdf-view-rendering">内容渲染中...</div>
+        <canvas :key="pdfurl +'canvas'" class="canvasstyle" :style="{with: showWidth?showWidth+'px':'auto'}" ref="canvas"></canvas>
+        <div class="label-area">
+          <slot></slot>
         </div>
-        <div v-else class="pdf-view-empty">未找到资源，请联系管理员!</div>
       </div>
+      <div v-else class="pdf-view-empty">未找到资源，请联系管理员!</div>
     </div>
   </div>
 </template>
@@ -179,7 +177,8 @@ export default {
           if (!canvas) {
             return false
           }
-          this.style.width = `${viewport.width + 18}px`;
+          // pdf 组件不应该 有滚动条
+          this.style.width = `${viewport.width + 2}px`;
           this.pdfWidth = `${viewport.width}px`;
           canvas.height = viewport.height
           canvas.width = viewport.width
@@ -271,7 +270,6 @@ export default {
       //   url = encodeURI(url)
       //   console.log('-----encodeURI------', url)
       // }
-      console.log('----PdfView---', url)
       if (this.pdfDoc) {
         // console.log('pdfDocument is ready  destroy,,')
         this.pdfDoc.destroy();
@@ -384,10 +382,6 @@ export default {
 
 <style lang="less" scoped>
 .pdf-view {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
   box-sizing: border-box;
   min-width: 688px;
 }
@@ -396,11 +390,7 @@ export default {
   margin: 10px 0;
 }
 .pdf-view-area-wapper {
-  flex: 1 1 0%;
-  overflow: auto;
-  width: 100%;
-  flex-shrink: 0%;
-  box-sizing: border-box;
+  overflow: hidden;
 }
 .pdf-view-area {
   position: relative;