@toolspack/ttd-pdfjs 0.1.2 → 0.1.3

package/package.json

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

package/src/App.vue

@@ -15,7 +15,7 @@
   >
      <el-button>上传</el-button>
   </el-upload>
-  <PdfView :rotateEnable= true :zoomEnable= true :pdfurl="url" />
+  <PdfView :rotateEnable= true :scale="1.5" :zoomEnable= true :pdfurl="url" />
   </div>
 </template>
 

package/src/packages/pdfjs/PdfView216.vue

@@ -157,15 +157,13 @@ export default {
               this.compuscale = scaleNum
               this.maxscale = scaleNum
             }
-            console.log('xxxxxx', this.compuRotate, viewport.rotation)
+            // console.log('xxxxxx', this.compuRotate, viewport.rotation)
             this.compuRotate = viewport.rotation
             this.initPage = false
           }
           // 重新渲染 缩放过的PDF
-          console.log('1111111', this.compuRotate)
           viewport = page.getViewport({ scale: scaleNum, rotation: this.compuRotate })
           this.viewport = viewport
-          console.log('22222222', viewport)
 
           // 将 canvas 尺寸 传给父组件
           this.$emit('size', viewport, num)
@@ -314,7 +312,6 @@ export default {
       this.renderPage(this.pageNum)
     },
     onRotate(rotate) {
-      console.log('000000', this.compuRotate, rotate)
       this.compuRotate += rotate
       this.renderPage(this.pageNum)
     },

package/src/packages/pdfjs/SwitchPage.vue

@@ -1,5 +1,5 @@
 <template lang="html">
-  <div class="switch-page">
+  <div class="ttd-pdfjs-switch-page" ref=switchPageBox>
     <div class='switch-page-btn'>
       <el-button size="mini" @click="switchPage('prev')" icon=el-icon-arrow-up>上一页</el-button>
       <el-button size="mini" @click="switchPage('next')" icon=el-icon-arrow-down>下一页</el-button>
@@ -98,6 +98,9 @@ export default {
     },
   },
   methods: {
+    mounted() {
+
+    },
     switchPage(str) {
       if (str === 'prev') {
         if (this.itemPage === 1) {
@@ -167,8 +170,8 @@ export default {
 }
 </script>
 
-<style lang="less" scoped>
-.switch-page {
+<style lang="less">
+.ttd-pdfjs-switch-page {
   margin: 0;
   padding: 0;
   display: flex;
@@ -176,12 +179,17 @@ export default {
   .switch-page-scale{
     flex: 1;
     text-align: center;
+    white-space: nowrap;
+    overflow: hidden;
+    .el-select{
+      width: 140px;
+    }
   }
   button {
     font-size: 14px;
     padding: 6px !important;
   }
-  @media (min-width: 731px) {
+  @media (max-width: 731px) {
     .hidden-text {
       display: none;
     }