{"_id":"@aslan1786/vue-pdf-viewer","_rev":"1-653c0f4707a6ee8b291f4f55b883437e","name":"@aslan1786/vue-pdf-viewer","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@aslan1786/vue-pdf-viewer","description":"pdf viewer","version":"1.0.0","author":{"name":"zhangpeng","email":"1043156094@qq.com"},"scripts":{},"main":"src/vuePdfNoSss.vue","keywords":["pdf"],"license":"MIT","dependencies":{"babel-plugin-syntax-dynamic-import":"^6.18.0","loader-utils":"^1.4.0","raw-loader":"^4.0.1","worker-loader":"^2.0.0","pdfjs-dist":"^2.5.207 <2.8.0","vue-resize-sensor":"^2.0.0"},"peerDependencies":{},"_id":"@aslan1786/vue-pdf-viewer@1.0.0","_nodeVersion":"12.16.2","_npmVersion":"6.14.13","dist":{"integrity":"sha512-ukeNA2ufAHP16vYebfbMa+vwejuu/cv97TrWcp4QIimRgi042sqmvk9PvSkJd/r3Bb9WDYe+mUv8geSmlT8CKw==","shasum":"be10a7e653410a7ba44d0172e6d72cb6ec0efce0","tarball":"https://registry.npmjs.org/@aslan1786/vue-pdf-viewer/-/vue-pdf-viewer-1.0.0.tgz","fileCount":16,"unpackedSize":34835,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHmYNd68Oq4HzU7i1GR5mIEkz4hULHoESn0838HlrvyZAiBrzsBkzvJZ+BNZi8wiiR1ejhE9wqbusrY2NW+pEBDhow=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqtaTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmopEw/+LXXR8aiI68ID7lt4e6B5sgQP6aAAOU5zq6hQv2g9yo6AgvlR\r\ngyL2W+UNxws0WpcPB74Z5SQ4RdyT2yWAPvmkOH41Pk8jm3nu5ipWqibYglNh\r\nMkXgQDq/qRNLuGHUWgjAe9nhSGz9e/vZp2pprYC2Dkgyc03zGSqGiJ7xg9lJ\r\nIYWaRf9M53PXjLp+2n8QIQSYWw5lvKXnw59IJgLuqvIoUD21PMTjiMNmaGh1\r\nqSqx4vby+5JLkEbmVqHgNEyes7k3iSiPQ6xFNqVgCb6JmU1DxWusakLk4pyy\r\nC1VDmrh4R2xeyLA2U1wA7X0TfBNuQUORB6PUZWap7AIFAm2aUEUwEs+07F5G\r\newodIPG8ul6WCjdDuTNTE8JuhIxEIbr/rMli7XRwWqF64CSoB55gZkjrYk/f\r\nAHk5PqvtpZHKjM3vvZ8+TDtp4oDozDhQ+wT+KngohO+MfATvsr42XQwoJHc3\r\n/dQPl49R0624PzSnv6tOGAnpxIfDsvyD2lG2KaSLqLlo9q+xQIDCmHQMFRy2\r\nBkPl2Vy4YmhZLmiGPjhQbjx+8lL7kDvxzXCmpdU6XfY2na/vfCOBe8VZG6n6\r\nosUGbzUP8dHvi31pLCxwKhPbM+AbeTHlbyPAgGHpwLqfmW4GbLHvSt7aZtYr\r\nH2siOJqSNxHiaBKASkcHHa54I/2X66USn7Q=\r\n=Suev\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"aslan1786","email":"17600809659@163.com"},"directories":{},"maintainers":[{"name":"aslan1786","email":"17600809659@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-pdf-viewer_1.0.0_1655363219427_0.141037614979445"},"_hasShrinkwrap":false},"1.0.1":{"name":"@aslan1786/vue-pdf-viewer","description":"pdf viewer","version":"1.0.1","author":{"name":"zhangpeng","email":"1043156094@qq.com"},"scripts":{},"main":"src/vuePdfNoSss.vue","keywords":["pdf"],"license":"MIT","dependencies":{"babel-plugin-syntax-dynamic-import":"^6.18.0","loader-utils":"^1.4.0","raw-loader":"^4.0.1","worker-loader":"^2.0.0","pdfjs-dist":"^2.5.207 <2.8.0","vue-resize-sensor":"^2.0.0"},"peerDependencies":{},"gitHead":"8d98bddc139e3bc2c4b4af476911473b00465ef7","_id":"@aslan1786/vue-pdf-viewer@1.0.1","_nodeVersion":"12.16.2","_npmVersion":"6.14.13","dist":{"integrity":"sha512-U+kD0Lbt6tIfwH7gC3WJSrkwaG479YKw+faNQIrqYOzsDdl6YeQ1Yv2vO7vo6+HSYHPGduq1S6pkJ0e+Ig6QSA==","shasum":"9efe7a11e0b3b91d5d33b6a68e71396bc530e6dd","tarball":"https://registry.npmjs.org/@aslan1786/vue-pdf-viewer/-/vue-pdf-viewer-1.0.1.tgz","fileCount":12,"unpackedSize":33745,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICYQscoD6Sy96JJkNn5E/fGx+1+1+So0lydjp+Q1mCVxAiAVXNskRsTR6T1EPW7DBnH36N1C+artFVcv5vpb8yzsvA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJis9z2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrSgA/8DdEWXR+PFaWyq+6MfjgEtUDEeFfpR0oFC7p8d2gcsEVb/Bob\r\n0feMrkKDlAksezJ9fPMbiBzOAITJKPni2N0ZtvqUffer3nWCJnI79cW1umBV\r\n2iCskp8durqqDq1RtekqIoPh5cE3vTH4MpBA1yAd2FFNOHsj/5EDhOeM1okJ\r\nvbIS1M7UPLSD/wEvtGtV/riLYYq3g7hc+hcx0Khv+2PN0UngLUvIXTzIIzOp\r\n8tWYIwJ0P8MBe7Qem3tSDStc/P5JJtVeMKqgeyAY2ESYvAe7Yyr6ifc8bgtL\r\ngfy5GJ74u6KHEGXLezEeFH0ho0wz1kwBq6RA1e0M0xgoY06p0xgCdB64CGka\r\nJWG9VhcNudf5SW7W/ISeu//JUSK9sYZ8x07QcaWlgZq89gOvXQZtXpLr4aGd\r\nXRslktx+knHu9w6z8et71VaVHt7EnCaCcPEDDM5d9SYmDIpocRFQjqVBJIRU\r\n+MIKX8IQ4wq/54u3owdcvW8g/9AZoJZvqNaT2z0u0wF3hsrEJ1E5i4+VB+E5\r\ns9liC1+uUKeiJniYMPSMiFoEECpypwtVP5/dEHIF02ZssmsNQNH0Sfz3Fryd\r\n4bn6OdkhcNstsg6zmmw99LNSm6RNKJFHjFrj/mLirwfLhpmUDT+SQFiR64I1\r\n0eXbmBKPaNrCUx3T593nHyqyQIm0o1s7Ppo=\r\n=OQzm\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"aslan1786","email":"17600809659@163.com"},"directories":{},"maintainers":[{"name":"aslan1786","email":"17600809659@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-pdf-viewer_1.0.1_1655954678635_0.04151985449834439"},"_hasShrinkwrap":false}},"time":{"created":"2022-06-16T07:06:59.269Z","1.0.0":"2022-06-16T07:06:59.625Z","modified":"2022-06-23T03:24:38.886Z","1.0.1":"2022-06-23T03:24:38.808Z"},"maintainers":[{"name":"aslan1786","email":"17600809659@163.com"}],"description":"pdf viewer","keywords":["pdf"],"author":{"name":"zhangpeng","email":"1043156094@qq.com"},"license":"MIT","readme":"# vue-pdf-viewer\r\n\r\nvue.js pdf viewer is a package for Vue that enables you to display and view PDF's easily via vue components.\r\n\r\n## Install via NPM/Yarn\r\n\r\n```bash\r\nnpm install vue-pdf-viewer\r\n```\r\n\r\n```bash\r\nyarn add vue-pdf-viewer\r\n```\r\n\r\n## Example - basic\r\n\r\n```vue\r\n\r\n<template>\r\n    <pdf src=\"./path/to/static/relativity.pdf\"></pdf>\r\n</template>\r\n\r\n<script>\r\nimport pdf from 'vue-pdf-viewer'\r\n\r\nexport default {\r\n    components: {\r\n        pdf\r\n    }\r\n}\r\n</script>\r\n```\r\n\r\n## API\r\n\r\n### Props\r\n\r\n#### :src <sup>String / Object - default: ''<sup>\r\n\r\nThe url of the given pdf. `src` may also be a `string|TypedArray|DocumentInitParameters|PDFDataRangeTransport` for more details, see [`PDFJS.getDocument()`](https://github.com/mozilla/pdf.js/blob/8ff1fbe7f819513e7d0023df961e3d223b35aefa/src/display/api.js#L117).\r\n\r\n#### :page <sup>Number - default: 1<sup>\r\n\r\nThe page number to display.\r\n\r\n#### :rotate <sup>Number - default: 0<sup>\r\n\r\nThe page rotation in degrees, only multiple of 90 are valid.\r\nEG: 90, 180, 270, 360, ...\r\n\r\n### Events\r\n\r\n#### @password <sup>(updatePassword, reason)<sup>\r\n\r\n* `updatePassword`: The function to call with the pdf password.\r\n* `reason`: the reason why this function is called `'NEED_PASSWORD'` or `'INCORRECT_PASSWORD'`\r\n\r\n#### @progress <sup>Number<sup>\r\n\r\nDocument loading progress. Range [0, 1].\r\n\r\n#### @loaded\r\n\r\nTriggers when the document is loaded.\r\n\r\n#### @page-loaded <sup>Number<sup>\r\n\r\nTriggers when a page is loaded.\r\n\r\n#### @num-pages <sup>Number<sup>\r\n\r\nThe sum of all pages from the given pdf.\r\n\r\n#### @error <sup>Object<sup>\r\n\r\nTriggers when an error occurs.\r\n\r\n#### @link-clicked <sup>Number<sup>\r\n\r\nTriggers when an internal link is clicked\r\n\r\n### Public methods\r\n\r\n#### print(dpi, pageList) * _experimental_ *\r\n\r\n* `dpi`: the print resolution of the document (try 100).\r\n* `pageList`: the list (array) of pages to print.\r\n\r\n### Public static methods\r\n\r\n#### createLoadingTask(src[, options])\r\n\r\n* `src`: see `:src` prop\r\n* `options`: an object of options.\r\n  This function creates a PDFJS loading task that can be used and reused as `:src` property.  \r\n  The loading task is a promise that resolves with the PDFJS pdf document that exposes the `numPages` property (see example below).\r\n\r\n**beware:** when the component is destroyed, the object returned by `createLoadingTask()` become invalid.\r\n\r\nSupported options:\r\n\r\n* onPassword: Callback that's called when a password protected PDF is being opened.\r\n* onProgress: Callback return loading progress.\r\n* withCredentials: Wheter or not to send cookies in the fetch request.\r\n\r\n## Examples\r\n\r\n##### Example - current page / page count\r\n\r\n```vue\r\n\r\n<template>\r\n    <div>\r\n        {{currentPage}} / {{pageCount}}\r\n        <pdf src=\"https://cdn.mozilla.net/pdfjs/tracemonkey.pdf\"\r\n             @num-pages=\"pageCount = $event\"\r\n             @page-loaded=\"currentPage = $event\"\r\n        ></pdf>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport pdf from 'vue-pdf-viewer'\r\n\r\nexport default {\r\n    components: {\r\n        pdf\r\n    },\r\n    data() {\r\n        return {\r\n            currentPage: 0,\r\n            pageCount: 0,\r\n        }\r\n    }\r\n}\r\n\r\n</script>\r\n```\r\n\r\n##### Example - display multiple pages of the same pdf document\r\n\r\n```vue\r\n\r\n<template>\r\n    <div>\r\n        <pdf v-for=\"i in numPages\"\r\n             :key=\"i\"\r\n             :src=\"src\"\r\n             :page=\"i\"\r\n             style=\"display: inline-block; width: 25%\"\r\n        ></pdf>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport pdf from 'vue-pdf-viewer'\r\n\r\nvar loadingTask = pdf.createLoadingTask('https://cdn.mozilla.net/pdfjs/tracemonkey.pdf');\r\n\r\nexport default {\r\n    components: {\r\n        pdf\r\n    },\r\n    data() {\r\n        return {\r\n            src: loadingTask,\r\n            numPages: undefined,\r\n        }\r\n    },\r\n    mounted() {\r\n\r\n        this.src.promise.then(pdf => {\r\n\r\n            this.numPages = pdf.numPages;\r\n        });\r\n    }\r\n}\r\n</script>\r\n```\r\n\r\n##### Example - print all pages\r\n\r\n```vue\r\n\r\n<template>\r\n    <button @click=\"$refs.myPdfComponent.print()\">print</button>\r\n    <pdf ref=\"myPdfComponent\" src=\"https://cdn.mozilla.net/pdfjs/tracemonkey.pdf\"></pdf>\r\n</template>\r\n```\r\n\r\n##### Example - print multiple pages\r\n\r\n```vue\r\n\r\n<template>\r\n    <button @click=\"$refs.myPdfComponent.print(100, [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14])\">print</button>\r\n    <pdf ref=\"myPdfComponent\" src=\"https://cdn.mozilla.net/pdfjs/tracemonkey.pdf\"></pdf>\r\n</template>\r\n```\r\n\r\n##### Example - get text content\r\n\r\n```vue\r\n\r\n<template>\r\n    <div>\r\n        <button @click=\"logContent\">\r\n            log content\r\n        </button>\r\n        <pdf ref=\"myPdfComponent\"\r\n             src=\"https://cdn.mozilla.net/pdfjs/tracemonkey.pdf\"\r\n        ></pdf>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport pdf from 'vue-pdf-viewer'\r\n\r\nexport default {\r\n    components: {\r\n        pdf\r\n    },\r\n    methods: {\r\n        logContent() {\r\n\r\n            this.$refs.myPdfComponent.pdf.forEachPage(function(page) {\r\n\r\n                return page.getTextContent().then(function(content) {\r\n\r\n                    var text = content.items.map(item => item.str);\r\n                    console.log(text);\r\n                })\r\n            });\r\n        }\r\n    }\r\n}\r\n\r\n</script>\r\n```\r\n\r\n##### Example - complete\r\n\r\n```vue\r\n\r\n<template>\r\n    <div>\r\n        <input type=\"checkbox\" v-model=\"show\">\r\n        <select v-model=\"src\" style=\"width: 30em\">\r\n            <option v-for=\"item in pdfList\" :value=\"item\" v-text=\"item\"></option>\r\n        </select>\r\n        <input v-model.number=\"page\" type=\"number\" style=\"width: 5em\"> /{{numPages}}\r\n        <button @click=\"rotate += 90\">&#x27F3;</button>\r\n        <button @click=\"rotate -= 90\">&#x27F2;</button>\r\n        <button @click=\"$refs.pdf.print()\">print</button>\r\n        <div style=\"width: 50%\">\r\n            <div v-if=\"loadedRatio > 0 && loadedRatio < 1\" style=\"background-color: green; color: white; text-align: center\" :style=\"{ width: loadedRatio * 100 + '%' }\">{{ Math.floor(loadedRatio * 100) }}%</div>\r\n            <pdf v-if=\"show\" ref=\"pdf\" style=\"border: 1px solid red\" :src=\"src\" :page=\"page\" :rotate=\"rotate\" @password=\"password\" @progress=\"loadedRatio = $event\" @error=\"error\" @num-pages=\"numPages = $event\" @link-clicked=\"page = $event\"></pdf>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport pdf from 'vue-pdf-viewer'\r\n\r\nexport default {\r\n    components: {\r\n        pdf: pdf\r\n    },\r\n    data() {\r\n        return {\r\n            show: true,\r\n            pdfList: [\r\n                '',\r\n                'https://cdn.mozilla.net/pdfjs/tracemonkey.pdf',\r\n                'https://cdn.rawgit.com/mozilla/pdf.js/c6e8ca86/test/pdfs/freeculture.pdf',\r\n                'https://cdn.rawgit.com/mozilla/pdf.js/c6e8ca86/test/pdfs/annotation-link-text-popup.pdf',\r\n                'https://cdn.rawgit.com/mozilla/pdf.js/c6e8ca86/test/pdfs/calrgb.pdf',\r\n                'https://cdn.rawgit.com/sayanee/angularjs-pdf/68066e85/example/pdf/relativity.protected.pdf',\r\n                'data:application/pdf;base64,JVBERi0xLjUKJbXtrvsKMyAwIG9iago8PCAvTGVuZ3RoIDQgMCBSCiAgIC9GaWx0ZXIgL0ZsYXRlRGVjb2RlCj4+CnN0cmVhbQp4nE2NuwoCQQxF+/mK+wMbk5lkHl+wIFislmIhPhYEi10Lf9/MVgZCAufmZAkMppJ6+ZLUuFWsM3ZXxvzpFNaMYjEriqpCtbZSBOsDzw0zjqPHZYtTrEmz4eto7/0K54t7GfegOGCBbBdDH3+y2zsMsVERc9SoRkXORqKGJupS6/9OmMIUfgypJL4KZW5kc3RyZWFtCmVuZG9iago0IDAgb2JqCiAgIDEzOAplbmRvYmoKMiAwIG9iago8PAogICAvRXh0R1N0YXRlIDw8CiAgICAgIC9hMCA8PCAvQ0EgMC42MTE5ODcgL2NhIDAuNjExOTg3ID4+CiAgICAgIC9hMSA8PCAvQ0EgMSAvY2EgMSA+PgogICA+Pgo+PgplbmRvYmoKNSAwIG9iago8PCAvVHlwZSAvUGFnZQogICAvUGFyZW50IDEgMCBSCiAgIC9NZWRpYUJveCBbIDAgMCA1OTUuMjc1NTc0IDg0MS44ODk3NzEgXQogICAvQ29udGVudHMgMyAwIFIKICAgL0dyb3VwIDw8CiAgICAgIC9UeXBlIC9Hcm91cAogICAgICAvUyAvVHJhbnNwYXJlbmN5CiAgICAgIC9DUyAvRGV2aWNlUkdCCiAgID4+CiAgIC9SZXNvdXJjZXMgMiAwIFIKPj4KZW5kb2JqCjEgMCBvYmoKPDwgL1R5cGUgL1BhZ2VzCiAgIC9LaWRzIFsgNSAwIFIgXQogICAvQ291bnQgMQo+PgplbmRvYmoKNiAwIG9iago8PCAvQ3JlYXRvciAoY2Fpcm8gMS4xMS4yIChodHRwOi8vY2Fpcm9ncmFwaGljcy5vcmcpKQogICAvUHJvZHVjZXIgKGNhaXJvIDEuMTEuMiAoaHR0cDovL2NhaXJvZ3JhcGhpY3Mub3JnKSkKPj4KZW5kb2JqCjcgMCBvYmoKPDwgL1R5cGUgL0NhdGFsb2cKICAgL1BhZ2VzIDEgMCBSCj4+CmVuZG9iagp4cmVmCjAgOAowMDAwMDAwMDAwIDY1NTM1IGYgCjAwMDAwMDA1ODAgMDAwMDAgbiAKMDAwMDAwMDI1MiAwMDAwMCBuIAowMDAwMDAwMDE1IDAwMDAwIG4gCjAwMDAwMDAyMzAgMDAwMDAgbiAKMDAwMDAwMDM2NiAwMDAwMCBuIAowMDAwMDAwNjQ1IDAwMDAwIG4gCjAwMDAwMDA3NzIgMDAwMDAgbiAKdHJhaWxlcgo8PCAvU2l6ZSA4CiAgIC9Sb290IDcgMCBSCiAgIC9JbmZvIDYgMCBSCj4+CnN0YXJ0eHJlZgo4MjQKJSVFT0YK',\r\n            ],\r\n            src: '',\r\n            loadedRatio: 0,\r\n            page: 1,\r\n            numPages: 0,\r\n            rotate: 0,\r\n        }\r\n    },\r\n    methods: {\r\n        password: function(updatePassword, reason) {\r\n\r\n            updatePassword(prompt('password is \"test\"'));\r\n        },\r\n        error: function(err) {\r\n\r\n            console.log(err);\r\n        }\r\n    }\r\n}\r\n</script>\r\n```\r\n","readmeFilename":"README.md"}