butter/keanu-weblite
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Merge branch 'fix/608-check-initVuePdfEmbed-before-IntersectionObserver' into 'dev'

Browse source 
PDF inline issue and improvement

Closes #608

See merge request keanuapp/keanuapp-weblite!365
This commit is contained in:
N Pex 2025-11-03 16:03:56 +00:00
commit a214dad0a4
1 changed files with 11 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/components/file_mode/ThumbnailView.vue
View file

@ -27,6 +27,7 @@
v-if="pageVisibility[pageNum]"
:source="doc"
:page="pageNum"
:width="!util.isMobileOrTabletBrowser() ? 800 : undefined"
/>
</div>
</div>
@ -52,6 +53,7 @@ import { Attachment } from "../../models/attachment";
import ImageWithProgress from "../ImageWithProgress.vue";
import VuePdfEmbed, { useVuePdfEmbed } from 'vue-pdf-embed';
import { Source } from 'vue-pdf-embed/types';
import util from "@/plugins/utils";
function isEventAttachment(source: EventAttachment | Attachment | undefined): source is EventAttachment {
return (source as EventAttachment)?.event !== undefined;
@ -188,11 +190,14 @@ const { doc } = useVuePdfEmbed({
source: pdfSource,
});
const initVuePdfEmbed = computed(()=> props.showInlinePDF && isPDF.value)
const pageNums = computed(() =>
doc.value ? [...Array(doc.value.numPages + 1).keys()].slice(1) : []
);
const resetPageIntersectionObserver = () => {
if(!initVuePdfEmbed.value) return
pageIntersectionObserver?.disconnect()
pageIntersectionObserver = new IntersectionObserver((entries) => {
entries.forEach((entry) => {
@ -212,17 +217,16 @@ const resetPageIntersectionObserver = () => {
};
watch(pageNums, (newPageNums) => {
if(!initVuePdfEmbed.value) return
pageVisibility.value = { [newPageNums[0]]: true }
pageRefs.value = []
nextTick(resetPageIntersectionObserver)
});
watch(source, (newSource) => {
if (isPDF.value) {
pdfSource.value = newSource;
}
}
);
if(!initVuePdfEmbed.value) return
pdfSource.value = isPDF.value ? newSource : null;
});
const loadingProgress = computed(() => {
if (isEventAttachment(item)) {
@ -283,8 +287,8 @@ onBeforeUnmount(() => {
}
.pdf-container {
padding: 24px 16px;
margin-top: 200px;
margin-top: 100px;
height: 100vh;
& > * {
margin: 30px auto 0 auto;