@toolspack/ttd-pdfjs 0.1.2 → 0.1.4

package/package.json

@@ -1,40 +1,39 @@
-{
-  "name": "@toolspack/ttd-pdfjs",
-  "version": "0.1.2",
-  "private": false,
-  "main": "lib/ttd-pdfjs.umd.min.js",
-  "scripts": {
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "lib": "vue-cli-service build --target lib --dest lib  ./src/packages/index.js",
-    "lint": "vue-cli-service lint --max-warnings 100"
-  },
-  "dependencies": {
-    "babel-cli": "^6.26.0",
-    "babel-laoder": "0.0.1-security",
-    "babel-polyfill": "^6.26.0",
-    "core-js": "^3.34.0",
-    "element-ui": "^2.15.14",
-    "less": "^3.8.1",
-    "less-loader": "^4.1.0",
-    "pdfjs-dist": "3.11.174",
-    "vue": "^2.6.12"
-  },
-  "devDependencies": {
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@vue/cli-plugin-babel": "~4.5.11",
-    "@vue/cli-plugin-eslint": "~4.5.11",
-    "@vue/cli-service": "^4.5.11",
-    "@vue/eslint-config-airbnb": "^5.3.0",
-    "babel-eslint": "^10.1.0",
-    "babel-plugin-component": "^1.1.1",
-    "babel-preset-es2015": "^6.24.1",
-    "eslint": "^6.7.2",
-    "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-vue": "^6.2.2",
-    "sockjs-client": "^1.5.1",
-    "vue-template-compiler": "^2.6.12"
-  }
-}
+{
+  "name": "@toolspack/ttd-pdfjs",
+  "version": "0.1.4",
+  "private": false,
+  "main": "lib/ttd-pdfjs.umd.min.js",
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lib": "vue-cli-service build --target lib --dest lib  ./src/packages/index.js",
+    "lint": "vue-cli-service lint --max-warnings 100"
+  },
+  "dependencies": {
+    "babel-cli": "^6.26.0",
+    "babel-laoder": "0.0.1-security",
+    "babel-polyfill": "^6.26.0",
+    "core-js": "^3.34.0",
+    "element-ui": "^2.15.14",
+    "less": "^3.8.1",
+    "less-loader": "^4.1.0",
+    "pdfjs-dist": "3.11.174",
+    "vue": "^2.6.12"
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@vue/cli-plugin-babel": "~4.5.11",
+    "@vue/cli-plugin-eslint": "~4.5.11",
+    "@vue/cli-service": "^4.5.11",
+    "@vue/eslint-config-airbnb": "^5.3.0",
+    "babel-eslint": "^10.1.0",
+    "babel-plugin-component": "^1.1.1",
+    "babel-preset-es2015": "^6.24.1",
+    "eslint": "^6.7.2",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^4.2.1",
+    "eslint-plugin-vue": "^6.2.2",
+    "vue-template-compiler": "^2.6.12"
+  }
+}

package/postcss.config.js

@@ -1 +1 @@
-module.exports = {}
+module.exports = {}

package/src/App.vue

@@ -1,99 +1,99 @@
-<template>
-  <div id="app">
-     <el-upload
-    ref="baseUpload"
-    :show-file-list="false"
-    name="files"
-    :action="actionInner"
-    :on-success="handleAvatarSuccess"
-    :on-progress="handelProgress"
-    :before-upload="beforeAvatarUpload"
-    :headers="uploadHeader"
-    :data="uploadData"
-    :on-exceed="onExceed"
-    list-type="text"
-  >
-     <el-button>上传</el-button>
-  </el-upload>
-  <PdfView :rotateEnable= true :zoomEnable= true :pdfurl="url" />
-  </div>
-</template>
-
-<script>
-import PdfView from './packages/pdfjs/PdfView216.vue'
-
-const mybaseUrl = 'https://petx.totodi.com/'
-
-export default {
-  components: { PdfView },
-  name: 'App',
-  data() {
-    return {
-      maxSize: 10,
-      uploadData: { debug: true, bucketName: 'totodi-temp' },
-      actionInner: `${mybaseUrl}zuul/file-service/oos/uploadFile`,
-      uploadHeader: {},
-      url: '',
-      uName: 'totodi-contract',
-    }
-  },
-  mounted() {
-  },
-  methods: {
-    beforeAvatarUpload(file) {
-      const isLt2M = file.size / 1024 / 1024 < this.maxSize
-      if (!isLt2M) {
-        console.log(`上传文件大小不能超过${ this.maxSize }MB!`)
-      }
-      if (isLt2M) {
-        this.progress = file
-      }
-      return isLt2M
-    },
-    onExceed(files, fileList) {
-      console.log(`当前限制选择 ${this.limit} 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
-    },
-    handelProgress(event, file, fileList) {
-      this.progressCurrent = event.percent
-      // console.log('progress', event, file, fileList)
-    },
-    tips(words = []) {
-      if (Array.isArray(words) && words.length > 0) {
-        const cfile = [...words]
-        const lastType = cfile.length > 1 ? cfile.pop() : ''
-        return `仅支持 ${cfile.join('、')}${lastType ? ` 或者 ${ lastType}` : ''} 格式`
-      }
-      return '文件类型不正确'
-    },
-    handleAvatarSuccess(res, file, fileList) {
-      const { code, data, msg } = res
-      // this.progress = null
-      if (code === 0) {
-        const { list } = data
-        // let obj = {
-        //   fileName: file.fileName,
-        //   bucketName: file.oosBucket,
-        //   objectKey: file.objectKey,
-        //   url: file.url,
-        //   fileMD5: file.fileMD5
-        // }
-        console.log('upload: ', list[0])
-        this.url = list[0].url
-      } else {
-        console.log(msg || '上传失败!')
-      }
-    },
-  },
-}
-</script>
-
-<style lange="less">
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
-}
-</style>
+<template>
+  <div id="app">
+     <el-upload
+    ref="baseUpload"
+    :show-file-list="false"
+    name="files"
+    :action="actionInner"
+    :on-success="handleAvatarSuccess"
+    :on-progress="handelProgress"
+    :before-upload="beforeAvatarUpload"
+    :headers="uploadHeader"
+    :data="uploadData"
+    :on-exceed="onExceed"
+    list-type="text"
+  >
+     <el-button>上传</el-button>
+  </el-upload>
+  <PdfView :rotateEnable= true :scale="1.5" :zoomEnable= true :pdfurl="url" />
+  </div>
+</template>
+
+<script>
+import PdfView from './packages/pdfjs/PdfView216.vue'
+
+const mybaseUrl = 'https://petx.totodi.com/'
+
+export default {
+  components: { PdfView },
+  name: 'App',
+  data() {
+    return {
+      maxSize: 10,
+      uploadData: { debug: true, bucketName: 'totodi-temp' },
+      actionInner: `${mybaseUrl}zuul/file-service/oos/uploadFile`,
+      uploadHeader: {},
+      url: '',
+      uName: 'totodi-contract',
+    }
+  },
+  mounted() {
+  },
+  methods: {
+    beforeAvatarUpload(file) {
+      const isLt2M = file.size / 1024 / 1024 < this.maxSize
+      if (!isLt2M) {
+        console.log(`上传文件大小不能超过${ this.maxSize }MB!`)
+      }
+      if (isLt2M) {
+        this.progress = file
+      }
+      return isLt2M
+    },
+    onExceed(files, fileList) {
+      console.log(`当前限制选择 ${this.limit} 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
+    },
+    handelProgress(event, file, fileList) {
+      this.progressCurrent = event.percent
+      // console.log('progress', event, file, fileList)
+    },
+    tips(words = []) {
+      if (Array.isArray(words) && words.length > 0) {
+        const cfile = [...words]
+        const lastType = cfile.length > 1 ? cfile.pop() : ''
+        return `仅支持 ${cfile.join('、')}${lastType ? ` 或者 ${ lastType}` : ''} 格式`
+      }
+      return '文件类型不正确'
+    },
+    handleAvatarSuccess(res, file, fileList) {
+      const { code, data, msg } = res
+      // this.progress = null
+      if (code === 0) {
+        const { list } = data
+        // let obj = {
+        //   fileName: file.fileName,
+        //   bucketName: file.oosBucket,
+        //   objectKey: file.objectKey,
+        //   url: file.url,
+        //   fileMD5: file.fileMD5
+        // }
+        console.log('upload: ', list[0])
+        this.url = list[0].url
+      } else {
+        console.log(msg || '上传失败!')
+      }
+    },
+  },
+}
+</script>
+
+<style lange="less">
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>

package/src/main.js

@@ -1,16 +1,17 @@
-import Vue from 'vue';
-import {
-  Button, Input, Upload, Select,
-} from 'element-ui';
-import App from './App.vue';
-
-Vue.config.productionTip = false;
-
-Vue.component(Button.name, Button);
-Vue.component(Input.name, Input);
-Vue.component(Upload.name, Upload);
-Vue.component(Select.name, Select);
-
-new Vue({
-  render: (h) => h(App),
-}).$mount('#app');
+import Vue from 'vue';
+import {
+  Button, Input, Upload, Select, Option,
+} from 'element-ui';
+import App from './App.vue';
+
+Vue.config.productionTip = false;
+
+Vue.component(Button.name, Button);
+Vue.component(Input.name, Input);
+Vue.component(Upload.name, Upload);
+Vue.component(Select.name, Select);
+Vue.component(Option.name, Option);
+
+new Vue({
+  render: (h) => h(App),
+}).$mount('#app');

package/src/packages/index.js

@@ -1,5 +1,5 @@
-import PdfView216 from './pdfjs/PdfView216.vue'
-
-export default {
-  PdfView216,
-}
+import PdfView216 from './pdfjs/PdfView216.vue'
+
+export default {
+  PdfView216,
+}