@toolspack/ttd-common 0.5.6 → 1.0.1

package/src/packages/pdfjs/PdfView2.vue

@@ -1,331 +0,0 @@
-<template>
-  <div class="pdf-view">
-    <div class="pdf-view-control" v-if="showPages">
-      <switch-page ref="switchPage" @page="onChangePage" :numPages="page_count"></switch-page>
-    </div>
-    <div class="pdf-view-area-wapper">
-      <div :style="style">
-        <div
-          class="center pdf-view-area"
-          @drop="onDrop"
-          @dragover="onDragOver"
-          :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 class="canvasstyle" ref="canvas"></canvas>
-          <div class="label-area">
-            <slot></slot>
-          </div>
-        </div>
-        <div v-else class="pdf-view-empty">未找到资源，请联系管理员!</div>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-
-const PDFJS = require('pdfjs-dist')
-
-const defautScale = 1.0
-
-PDFJS.GlobalWorkerOptions.workerSrc = require('pdfjs-dist/legacy/build/pdf.worker.entry')
-
-export default {
-  props: {
-    pdfurl: {
-      default: '',
-    },
-    scale: {
-      type: Number,
-      default: defautScale,
-    },
-    showPages: {
-      type: [String, Number, Boolean],
-      default: true,
-    },
-    border: {
-      type: [String, Number, Boolean],
-      default: true,
-    },
-    marginAuto: {
-      type: [String, Number, Boolean],
-      default: false,
-    },
-    page: {
-      type: [String, Number],
-      default: 1,
-    },
-    showWidth: {
-      type: [String, Number],
-      default: 0,
-    },
-  },
-  data() {
-    return {
-      pdfDoc: null, // pdfjs 生成的对象
-      pageNum: 1, // 当前页数
-      pageRendering: false,
-      fileLoading: true,
-      pageNumPending: null,
-      compuscale: defautScale, // 放大倍数
-      page_count: 0, // 总页数
-      maxscale: 1.5, // 最大放大倍数
-      minscale: 0.8, // 最小放大倍数
-      isready: false,
-      initPage: true, // 初始化页面
-      style: {
-        width: '860px', // 先给个默认值，当渲染后，后自动按实际值渲染，否则打标签那里，会显示异常
-        margin: this.marginAuto === '' || this.marginAuto ? '0 auto' : '0',
-      },
-    }
-  },
-  methods: {
-    async renderPage(num) {
-      // 渲染pdf
-      const vm = this
-      this.pageRendering = true
-      // Using promise to fetch the page
-      try {
-        const page = await this.pdfDoc.getPage(num)
-        let scaleNum = vm.compuscale
-        let viewport = ''
-        const viewboxWidth = this.showWidth
-        if (this.initPage && viewboxWidth) {
-          const desiredWidth = parseInt(viewboxWidth, 10) - 2
-          // 首先获得pdf 原本宽度，然后根据showWidth 计算缩放倍数
-          viewport = page.getViewport({ scale: 1.0 })
-          scaleNum = desiredWidth / viewport.width
-          this.initPage = false
-          this.compuscale = scaleNum
-          this.maxscale = scaleNum
-        }
-        // 重新渲染 缩放过的PDF
-        viewport = page.getViewport({ scale: scaleNum })
-
-        // 将 canvas 尺寸 传给父组件
-        this.$emit('size', viewport, num)
-
-        // Render PDF page into canvas context
-        vm.isready = true
-
-        const { canvas } = vm.$refs
-
-        this.style.width = `${viewport.width + 2}px`;
-        canvas.height = viewport.height
-        canvas.width = viewport.width
-
-        const renderContext = {
-          canvasContext: canvas.getContext('2d'),
-          viewport,
-        }
-        const renderTask = page.render(renderContext)
-
-        // Wait for rendering to finish
-        await renderTask.promise
-        vm.pageRendering = false
-        if (vm.pageNumPending !== null) {
-          // New page rendering is pending
-          vm.renderPage(vm.pageNumPending)
-          vm.pageNumPending = null
-        }
-        this.$emit('renderSuccess')
-      } catch (error) {
-        console.error(error)
-      } finally {
-        this.pageRendering = false
-      }
-    },
-    prev() {
-      // 上一页
-      if (this.pageNum <= 1) {
-        return
-      }
-      this.pageNum--
-      this.queueRenderPage(this.pageNum)
-    },
-    next() {
-      // 下一页
-      if (this.pageNum >= this.page_count) {
-        return
-      }
-      this.pageNum++
-      this.queueRenderPage(this.pageNum)
-    },
-    onChangePage(page) {
-      this.emitPage(page)
-      // switch page  改变页码
-      this.queueRenderPage(page)
-    },
-    emitPage(page) {
-      this.$emit('pageChange', page, this.page_count, page === this.page_count)
-    },
-    closepdf() {
-      // 关闭PDF
-      if (this.pdfDoc) {
-        this.pdfDoc.destroy();
-      }
-      this.pdfDoc = null
-      this.isready = false
-      this.compuscale = this.scale
-      this.$emit('closepdf')
-    },
-    queueRenderPage(num) {
-      if (this.pageRendering) {
-        this.pageNumPending = num
-      } else {
-        this.renderPage(num)
-      }
-    },
-    async loadUrl(url) {
-      if (!PDFJS) {
-        return false
-      }
-      this.fileLoading = true
-      //  此处无法确定，到底是否使用encodeURI
-      // var reg = /[\u4e00-\u9fa5]+/
-      // if (reg.test(url)) {
-      //   url = encodeURI(url)
-      //   console.log('-----encodeURI------', url)
-      // }
-      console.log('----PdfView---', url)
-      let pdfDoc_
-      try {
-        console.log('888--')
-        const pdfData = await fetch(
-          new URL(url, window.location).href,
-        );
-        const arrayBufferPdf = await pdfData.arrayBuffer(); // 转成 ArrayBuffer 塞给 pdf.js
-        pdfDoc_ = await PDFJS.getDocument({ data: arrayBufferPdf }).promise;
-        // pdfDoc_ = await PDFJS.getDocument({
-        //   url: encodeURI(url),
-        //   cMapUrl: 'https://unpkg.com/pdfjs-dist@2.2.228/cmaps/',
-        //   cMapPacked: true,
-        // }).promise
-      } catch (error) {
-        console.log('999999--')
-        console.error(error)
-
-        const pdfData = await fetch(
-          new URL(url, window.location).href,
-        );
-        const arrayBufferPdf = await pdfData.arrayBuffer(); // 转成 ArrayBuffer 塞给 pdf.js
-        pdfDoc_ = await PDFJS.getDocument({ data: arrayBufferPdf }).promise;
-      } finally {
-        this.fileLoading = false
-      }
-
-      // 初始化pdf
-      if (this.pdfDoc) {
-        console.log('pdfDocument is ready  destroy,,')
-        await this.pdfDoc.destroy();
-        this.pdfDoc = null
-        console.log('pdfDocument is  destroy')
-      }
-      this.pdfDoc = pdfDoc_
-      this.page_count = pdfDoc_.numPages
-      console.log('this.page_count', this.page_count)
-      this.$emit('numPages', pdfDoc_.numPages)
-      this.renderPage(this.pageNum)
-      this.emitPage(this.pageNum)
-    },
-    onDrop(event) {
-      this.$emit('drop', event)
-    },
-    onDragOver(event) {
-      // 默认地，无法将数据/元素放置到其他元素中。如果需要设置允许放置，我们必须阻止对元素的默认处理方式。
-      // 这要通过调用 ondragover 事件的 event.preventDefault() 方法：
-      event.preventDefault()
-    },
-  },
-  mounted() {
-    this.compuscale = this.scale
-    // this.initPage = true
-    // if (this.pdfurl) {
-    //   this.loadUrl(this.pdfurl)
-    // }
-  },
-  beforeDestroy() {
-    if (this.pdfDoc) {
-      this.pdfDoc.destroy();
-    }
-  },
-  watch: {
-    scale(val) {
-      if (val) {
-        this.compuscale = val
-      }
-    },
-    pdfurl: {
-      handler(val) {
-        this.$nextTick(() => {
-          if (val) {
-            this.pageNum = 1
-            this.initPage = true
-            this.loadUrl(val)
-            if (this.pdfDoc) {
-              this.pdfDoc.destroy();
-            }
-          }
-          if (this.showPages) {
-            this.$refs.switchPage.setPage(1)
-          }
-        })
-      },
-      immediate: true,
-    },
-    // 监听页码变化，渲染对应合同页
-    page(newPage, oldPage) {
-      this.queueRenderPage(newPage)
-    },
-  },
-}
-</script>
-
-<style lang="less" scoped>
-.pdf-view {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-}
-.pdf-view-control {
-  text-align: center;
-  margin: 10px 0;
-}
-.pdf-view-area-wapper {
-  flex: 1 1 0%;
-  overflow: auto;
-  width: 100%;
-  flex-shrink: 0%;
-}
-.pdf-view-area {
-  position: relative;
-  min-height: 700px;
-  .canvasstyle {
-    display: block;
-    margin: 0 auto;
-  }
-  .label-area {
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    top: 0;
-    left: 0;
-  }
-}
-.pdf-view-empty {
-  text-align: center;
-  line-height: 150px;
-  font-size: 14px;
-  color: #999;
-}
-
-.pdf-view-loading, .pdf-view-rendering {
-  margin-top: 40px;
-  text-align: center;
-  font-size: 14px;
-  color: #999;
-}
-</style>

package/src/packages/ukey/SignNew copy.vue

@@ -1,54 +0,0 @@
-<template>
-  <div>
-    <WzhSign :api="api" ref="signIe" v-if="isIE" />
-    <WzhSignChrome :api="api" ref="signChrome" v-else />
-  </div>
-</template>
-<script>
-import WzhSign from './WzhSign.vue';
-import WzhSignChrome from './WzhSignChrome.vue';
-
-export default {
-  components: { WzhSign, WzhSignChrome },
-  data() {
-    return {
-      child: null,
-      isIE: true,
-    }
-  },
-  props: {
-    api: {
-      type: Object,
-      required: true,
-    },
-  },
-  created() {
-    // this.getBrowserInfo()
-  },
-  mounted() {
-    if (this.isIE) {
-      this.child = this.$refs.signIe
-    } else {
-      this.child = this.$refs.signChrome
-    }
-  },
-  methods: {
-    getBrowserInfo() {
-      const { appVersion, appName } = navigator
-      if (appName.indexOf('Internet') >= 0) {
-        this.isIE = true
-        return false
-      }
-      if (appVersion.indexOf('Trident') >= 0) {
-        this.isIE = true
-        return false
-      }
-
-      // 360的急速模式，需要使用id签署控件
-      // if (appVersion.indexOf(' WOW64') >= 0) {
-      //   this.isIE = true
-      // }
-    },
-  },
-}
-</script>