Briq
/
pdf-viewer-vue
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: vue version

master
丁锐 2021-12-06 17:00:17 +08:00
parent 608dfc807c
commit 924f3d059b
1 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/Viewer/Viewer.vue
View File

@ -75,7 +75,10 @@ import getPageBlobList from './getPageBlobList.js'
import RotateWrapper from '../RotateWrapper/RotateWrapper.vue' import RotateWrapper from '../RotateWrapper/RotateWrapper.vue'
import rotateWrapperStyle from '!!css-loader!!sass-loader!../RotateWrapper/RotateWrapper.scss' import rotateWrapperStyle from '!!css-loader!!sass-loader!../RotateWrapper/RotateWrapper.scss'
const VUE_VERSION = Number(version.split('.')[0]) /**
* vue version > 3.0 has version property
*/
const VUE_VERSION = Number((version || '2.6').split('.')[0])
PDF.GlobalWorkerOptions.workerPort = new PDFWorker() PDF.GlobalWorkerOptions.workerPort = new PDFWorker()
const MARGIN_OFFSET = 20 const MARGIN_OFFSET = 20
@ -308,7 +311,9 @@ export default {
// replacePlaceholder(this.$refs.catalogItemContent[idx], catalogImg) // replacePlaceholder(this.$refs.catalogItemContent[idx], catalogImg)
this.viewerImageList = [...this.viewerImageList, url] this.viewerImageList = [...this.viewerImageList, url]
replacePlaceholder(this.$refs[`viewerItem_${idx}`], viewerImg) const refs = this.$refs[`viewerItem_${idx}`]
const target = Array.isArray(refs) ? refs[0] : refs
replacePlaceholder(target, viewerImg)
// const catalogLoaded = new Promise(resolve => { // const catalogLoaded = new Promise(resolve => {
// catalogImg.onload = resolve // catalogImg.onload = resolve
@ -328,6 +333,9 @@ export default {
await this.$nextTick() await this.$nextTick()
this.viewerContentHeight = this.$refs.viewerContent.clientHeight this.viewerContentHeight = this.$refs.viewerContent.clientHeight
} catch (e) { } catch (e) {
if (e instanceof Error) {
console.error('rendering failed:', e)
}
this.pdf = null this.pdf = null
this.$emit('rendering-failed', e) this.$emit('rendering-failed', e)
} }
@ -338,10 +346,14 @@ export default {
}, },
syncViewerOffset(page) { syncViewerOffset(page) {
if (this.isScrolling) return if (this.isScrolling) return
this.$refs[`viewerItem_${page - 1}`].scrollIntoView()
const refs = this.$refs[`viewerItem_${page - 1}`]
const target = Array.isArray(refs) ? refs[0] : refs
target.scrollIntoView()
}, },
syncCatalogOffset(page) { syncCatalogOffset(page) {
const target = this.$refs[`catalogItem_${page - 1}`] const refs = this.$refs[`catalogItem_${page - 1}`]
const target = Array.isArray(refs) ? refs[0] : refs
target.scrollIntoView({ target.scrollIntoView({
block: 'nearest', block: 'nearest',