@veltra/desktop 1.0.10 → 1.0.11

package/dist/components/file-viewer/previewers/docx-previewer.js

@@ -1,9 +1,10 @@
 import _sfc_main$1 from "../../scroll/scroll.js";
-import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, ref, unref, useTemplateRef, watch, withCtx } from "vue";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, onBeforeUnmount, openBlock, ref, unref, useAttrs, useTemplateRef, watch, withCtx } from "vue";
 import { bem } from "@veltra/utils";
 //#region src/components/file-viewer/previewers/docx-previewer.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	name: "FileViewerDocxPreviewer",
+	inheritAttrs: false,
 	__name: "docx-previewer",
 	props: { file: {} },
 	emits: ["error"],
@@ -11,6 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		const cls = bem("file-viewer");
+		const attrs = useAttrs();
 		const container = useTemplateRef("container");
 		const loading = ref(true);
 		let controller;
@@ -53,10 +55,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			if (container.value) container.value.innerHTML = "";
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$1), {
+			return openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
 				tag: "div",
-				class: normalizeClass(unref(cls).e("docx"))
-			}, {
+				class: unref(cls).e("docx")
+			}, unref(attrs)), {
 				default: withCtx(() => [createElementVNode("div", {
 					ref_key: "container",
 					ref: container,
@@ -66,7 +68,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(cls).e("loading"))
 				}, "加载中…", 2)) : createCommentVNode("v-if", true)]),
 				_: 1
-			}, 8, ["class"]);
+			}, 16, ["class"]);
 		};
 	}
 });

package/dist/components/file-viewer/previewers/docx-previewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"docx-previewer.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/docx-previewer.vue"],"sourcesContent":["<template>\n  <u-scroll tag=\"div\" :class=\"cls.e('docx')\">\n    <div ref=\"container\" :class=\"cls.e('docx-body')\" />\n    <div v-if=\"loading\" :class=\"cls.e('loading')\">加载中…</div>\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { onBeforeUnmount, ref, useTemplateRef, watch } from 'vue'\n\nimport type { FileViewerItem } from '../../../types/file-viewer'\nimport { UScroll } from '../../scroll'\n\ndefineOptions({ name: 'FileViewerDocxPreviewer' })\n\nconst props = defineProps<{ file: FileViewerItem }>()\n\nconst emit = defineEmits<{ (e: 'error', err: unknown): void }>()\n\nconst cls = bem('file-viewer')\n\nconst container = useTemplateRef<HTMLDivElement>('container')\nconst loading = ref(true)\n\nlet controller: AbortController | undefined\n\nasync function load() {\n  controller?.abort()\n  controller = new AbortController()\n  const signal = controller.signal\n  loading.value = true\n\n  try {\n    const [{ toArrayBuffer }, docx] = await Promise.all([\n      import('../helper'),\n      import('docx-preview')\n    ])\n\n    const buf = await toArrayBuffer(props.file.src, signal)\n    if (signal.aborted) return\n    const el = container.value\n    if (!el) return\n    el.innerHTML = ''\n\n    await docx.renderAsync(buf, el, undefined, {\n      className: 'u-file-viewer__docx-doc',\n      inWrapper: true,\n      ignoreWidth: false,\n      ignoreHeight: false,\n      ignoreFonts: false,\n      breakPages: true,\n      experimental: false,\n      useBase64URL: false,\n      renderChanges: false,\n      renderHeaders: true,\n      renderFooters: true,\n      renderFootnotes: true\n    })\n  } catch (err) {\n    if ((err as { name?: string })?.name === 'AbortError') return\n    emit('error', err)\n  } finally {\n    loading.value = false\n  }\n}\n\nwatch(\n  () => props.file,\n  () => load(),\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  controller?.abort()\n  if (container.value) container.value.innerHTML = ''\n})\n</script>\n"],"mappings":";;;;;;;;;;EAgBA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAa;EAE7B,MAAM,YAAY,eAA+B,YAAW;EAC5D,MAAM,UAAU,IAAI,KAAI;EAExB,IAAI;EAEJ,eAAe,OAAO;AACpB,eAAY,OAAM;AAClB,gBAAa,IAAI,iBAAgB;GACjC,MAAM,SAAS,WAAW;AAC1B,WAAQ,QAAQ;AAEhB,OAAI;IACF,MAAM,CAAC,EAAE,iBAAiB,QAAQ,MAAM,QAAQ,IAAI,CAClD,OAAO,iBACP,OAAO,gBACR,CAAA;IAED,MAAM,MAAM,MAAM,cAAc,MAAM,KAAK,KAAK,OAAM;AACtD,QAAI,OAAO,QAAS;IACpB,MAAM,KAAK,UAAU;AACrB,QAAI,CAAC,GAAI;AACT,OAAG,YAAY;AAEf,UAAM,KAAK,YAAY,KAAK,IAAI,KAAA,GAAW;KACzC,WAAW;KACX,WAAW;KACX,aAAa;KACb,cAAc;KACd,aAAa;KACb,YAAY;KACZ,cAAc;KACd,cAAc;KACd,eAAe;KACf,eAAe;KACf,eAAe;KACf,iBAAiB;KAClB,CAAA;YACM,KAAK;AACZ,QAAK,KAA2B,SAAS,aAAc;AACvD,SAAK,SAAS,IAAG;aACT;AACR,YAAQ,QAAQ;;;AAIpB,cACQ,MAAM,YACN,MAAM,EACZ,EAAE,WAAW,MAAK,CACpB;AAEA,wBAAsB;AACpB,eAAY,OAAM;AAClB,OAAI,UAAU,MAAO,WAAU,MAAM,YAAY;IAClD;;uBA3EC,YAGW,MAAA,YAAA,EAAA;IAHD,KAAI;IAAO,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA;;2BACoB,CAAnD,mBAAmD,OAAA;cAA1C;KAAJ,KAAI;KAAa,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,YAAA,CAAA;iBACvB,QAAA,SAAA,WAAA,EAAX,mBAAwD,OAAA;;KAAnC,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;OAAa,QAAI,EAAA,IAAA,mBAAA,QAAA,KAAA,CAAA,CAAA"}
+{"version":3,"file":"docx-previewer.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/docx-previewer.vue"],"sourcesContent":["<template>\n  <u-scroll tag=\"div\" :class=\"cls.e('docx')\" v-bind=\"attrs\">\n    <div ref=\"container\" :class=\"cls.e('docx-body')\" />\n    <div v-if=\"loading\" :class=\"cls.e('loading')\">加载中…</div>\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { onBeforeUnmount, ref, useAttrs, useTemplateRef, watch } from 'vue'\n\nimport type { FileViewerItem } from '../../../types/file-viewer'\nimport { UScroll } from '../../scroll'\n\ndefineOptions({ name: 'FileViewerDocxPreviewer', inheritAttrs: false })\n\nconst props = defineProps<{ file: FileViewerItem }>()\n\nconst emit = defineEmits<{ (e: 'error', err: unknown): void }>()\n\nconst cls = bem('file-viewer')\nconst attrs = useAttrs()\n\nconst container = useTemplateRef<HTMLDivElement>('container')\nconst loading = ref(true)\n\nlet controller: AbortController | undefined\n\nasync function load() {\n  controller?.abort()\n  controller = new AbortController()\n  const signal = controller.signal\n  loading.value = true\n\n  try {\n    const [{ toArrayBuffer }, docx] = await Promise.all([\n      import('../helper'),\n      import('docx-preview')\n    ])\n\n    const buf = await toArrayBuffer(props.file.src, signal)\n    if (signal.aborted) return\n    const el = container.value\n    if (!el) return\n    el.innerHTML = ''\n\n    await docx.renderAsync(buf, el, undefined, {\n      className: 'u-file-viewer__docx-doc',\n      inWrapper: true,\n      ignoreWidth: false,\n      ignoreHeight: false,\n      ignoreFonts: false,\n      breakPages: true,\n      experimental: false,\n      useBase64URL: false,\n      renderChanges: false,\n      renderHeaders: true,\n      renderFooters: true,\n      renderFootnotes: true\n    })\n  } catch (err) {\n    if ((err as { name?: string })?.name === 'AbortError') return\n    emit('error', err)\n  } finally {\n    loading.value = false\n  }\n}\n\nwatch(\n  () => props.file,\n  () => load(),\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  controller?.abort()\n  if (container.value) container.value.innerHTML = ''\n})\n</script>\n"],"mappings":";;;;;;;;;;;EAgBA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAa;EAC7B,MAAM,QAAQ,UAAS;EAEvB,MAAM,YAAY,eAA+B,YAAW;EAC5D,MAAM,UAAU,IAAI,KAAI;EAExB,IAAI;EAEJ,eAAe,OAAO;AACpB,eAAY,OAAM;AAClB,gBAAa,IAAI,iBAAgB;GACjC,MAAM,SAAS,WAAW;AAC1B,WAAQ,QAAQ;AAEhB,OAAI;IACF,MAAM,CAAC,EAAE,iBAAiB,QAAQ,MAAM,QAAQ,IAAI,CAClD,OAAO,iBACP,OAAO,gBACR,CAAA;IAED,MAAM,MAAM,MAAM,cAAc,MAAM,KAAK,KAAK,OAAM;AACtD,QAAI,OAAO,QAAS;IACpB,MAAM,KAAK,UAAU;AACrB,QAAI,CAAC,GAAI;AACT,OAAG,YAAY;AAEf,UAAM,KAAK,YAAY,KAAK,IAAI,KAAA,GAAW;KACzC,WAAW;KACX,WAAW;KACX,aAAa;KACb,cAAc;KACd,aAAa;KACb,YAAY;KACZ,cAAc;KACd,cAAc;KACd,eAAe;KACf,eAAe;KACf,eAAe;KACf,iBAAiB;KAClB,CAAA;YACM,KAAK;AACZ,QAAK,KAA2B,SAAS,aAAc;AACvD,SAAK,SAAS,IAAG;aACT;AACR,YAAQ,QAAQ;;;AAIpB,cACQ,MAAM,YACN,MAAM,EACZ,EAAE,WAAW,MAAK,CACpB;AAEA,wBAAsB;AACpB,eAAY,OAAM;AAClB,OAAI,UAAU,MAAO,WAAU,MAAM,YAAY;IAClD;;uBA5EC,YAGW,MAAA,YAAA,EAHX,WAGW;IAHD,KAAI;IAAO,OAAO,MAAA,IAAG,CAAC,EAAC,OAAA;MAAkB,MAAA,MAAK,CAAA,EAAA;2BACH,CAAnD,mBAAmD,OAAA;cAA1C;KAAJ,KAAI;KAAa,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,YAAA,CAAA;iBACvB,QAAA,SAAA,WAAA,EAAX,mBAAwD,OAAA;;KAAnC,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;OAAa,QAAI,EAAA,IAAA,mBAAA,QAAA,KAAA,CAAA,CAAA"}

package/dist/components/file-viewer/previewers/image-previewer.js

@@ -1,9 +1,10 @@
-import { createCommentVNode, createElementBlock, defineComponent, normalizeClass, onBeforeUnmount, openBlock, ref, shallowRef, unref, watch } from "vue";
+import { createCommentVNode, createElementBlock, defineComponent, mergeProps, normalizeClass, onBeforeUnmount, openBlock, ref, shallowRef, unref, useAttrs, watch } from "vue";
 import { bem } from "@veltra/utils";
 //#region src/components/file-viewer/previewers/image-previewer.vue
 const _hoisted_1 = ["src", "alt"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	name: "FileViewerImagePreviewer",
+	inheritAttrs: false,
 	__name: "image-previewer",
 	props: { file: {} },
 	emits: ["error"],
@@ -11,10 +12,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		const cls = bem("file-viewer");
+		const attrs = useAttrs();
 		const url = shallowRef("");
 		const loading = ref(true);
 		const failed = ref(false);
-		const actual = ref(false);
 		let revoke;
 		async function load() {
 			loading.value = true;
@@ -36,15 +37,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			url.value = "";
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass([unref(cls).e("image"), unref(bem).is("actual", actual.value)]) }, [
+			return openBlock(), createElementBlock("div", mergeProps({ class: unref(cls).e("image") }, unref(attrs)), [
 				url.value ? (openBlock(), createElementBlock("img", {
 					key: 0,
 					src: url.value,
 					alt: __props.file.name,
 					draggable: "false",
 					onLoad: _cache[0] || (_cache[0] = ($event) => loading.value = false),
-					onError: onImgError,
-					onDblclick: _cache[1] || (_cache[1] = ($event) => actual.value = !actual.value)
+					onError: onImgError
 				}, null, 40, _hoisted_1)) : createCommentVNode("v-if", true),
 				loading.value ? (openBlock(), createElementBlock("div", {
 					key: 1,
@@ -54,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					key: 2,
 					class: normalizeClass(unref(cls).e("loading"))
 				}, "图片加载失败", 2)) : createCommentVNode("v-if", true)
-			], 2);
+			], 16);
 		};
 	}
 });

package/dist/components/file-viewer/previewers/image-previewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-previewer.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/image-previewer.vue"],"sourcesContent":["<template>\n  <div :class=\"[cls.e('image'), bem.is('actual', actual)]\">\n    <img\n      v-if=\"url\"\n      :src=\"url\"\n      :alt=\"file.name\"\n      draggable=\"false\"\n      @load=\"loading = false\"\n      @error=\"onImgError\"\n      @dblclick=\"actual = !actual\"\n    />\n    <div v-if=\"loading\" :class=\"cls.e('loading')\">加载中…</div>\n    <div v-if=\"failed\" :class=\"cls.e('loading')\">图片加载失败</div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { onBeforeUnmount, ref, shallowRef, watch } from 'vue'\n\nimport type { FileViewerItem } from '../../../types/file-viewer'\n\ndefineOptions({ name: 'FileViewerImagePreviewer' })\n\nconst props = defineProps<{ file: FileViewerItem }>()\n\nconst emit = defineEmits<{ (e: 'error', err: unknown): void }>()\n\nconst cls = bem('file-viewer')\n\nconst url = shallowRef<string>('')\nconst loading = ref(true)\nconst failed = ref(false)\nconst actual = ref(false)\n\nlet revoke: (() => void) | undefined\n\nasync function load() {\n  loading.value = true\n  failed.value = false\n  revoke?.()\n  const { toBlobUrl } = await import('../helper')\n  const r = toBlobUrl(props.file.src, props.file.mime)\n  url.value = r.url\n  revoke = r.revoke\n}\n\nfunction onImgError(e: Event) {\n  loading.value = false\n  failed.value = true\n  emit('error', e)\n}\n\nwatch(\n  () => props.file,\n  () => load(),\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  revoke?.()\n  url.value = ''\n})\n</script>\n"],"mappings":";;;;;;;;;;EAwBA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAa;EAE7B,MAAM,MAAM,WAAmB,GAAE;EACjC,MAAM,UAAU,IAAI,KAAI;EACxB,MAAM,SAAS,IAAI,MAAK;EACxB,MAAM,SAAS,IAAI,MAAK;EAExB,IAAI;EAEJ,eAAe,OAAO;AACpB,WAAQ,QAAQ;AAChB,UAAO,QAAQ;AACf,aAAS;GACT,MAAM,EAAE,cAAc,MAAM,OAAO;GACnC,MAAM,IAAI,UAAU,MAAM,KAAK,KAAK,MAAM,KAAK,KAAI;AACnD,OAAI,QAAQ,EAAE;AACd,YAAS,EAAE;;EAGb,SAAS,WAAW,GAAU;AAC5B,WAAQ,QAAQ;AAChB,UAAO,QAAQ;AACf,QAAK,SAAS,EAAC;;AAGjB,cACQ,MAAM,YACN,MAAM,EACZ,EAAE,WAAW,MAAK,CACpB;AAEA,wBAAsB;AACpB,aAAS;AACT,OAAI,QAAQ;IACb;;uBA7DC,mBAYM,OAAA,EAZA,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,EAAC,QAAA,EAAW,MAAA,IAAG,CAAC,GAAE,UAAW,OAAA,MAAM,CAAA,CAAA,EAAA,EAAA;IAE3C,IAAA,SAAA,WAAA,EADR,mBAQE,OAAA;;KANC,KAAK,IAAA;KACL,KAAK,QAAA,KAAK;KACX,WAAU;KACT,QAAI,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,QAAO;KACb,SAAO;KACP,YAAQ,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,QAAM,CAAI,OAAA;;IAEZ,QAAA,SAAA,WAAA,EAAX,mBAAwD,OAAA;;KAAnC,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;OAAa,QAAI,EAAA,IAAA,mBAAA,QAAA,KAAA;IACvC,OAAA,SAAA,WAAA,EAAX,mBAAyD,OAAA;;KAArC,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;OAAa,UAAM,EAAA,IAAA,mBAAA,QAAA,KAAA"}
+{"version":3,"file":"image-previewer.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/image-previewer.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('image')\" v-bind=\"attrs\">\n    <img\n      v-if=\"url\"\n      :src=\"url\"\n      :alt=\"file.name\"\n      draggable=\"false\"\n      @load=\"loading = false\"\n      @error=\"onImgError\"\n    />\n    <div v-if=\"loading\" :class=\"cls.e('loading')\">加载中…</div>\n    <div v-if=\"failed\" :class=\"cls.e('loading')\">图片加载失败</div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { onBeforeUnmount, ref, shallowRef, useAttrs, watch } from 'vue'\n\nimport type { FileViewerItem } from '../../../types/file-viewer'\n\ndefineOptions({ name: 'FileViewerImagePreviewer', inheritAttrs: false })\n\nconst props = defineProps<{ file: FileViewerItem }>()\n\nconst emit = defineEmits<{ (e: 'error', err: unknown): void }>()\n\nconst cls = bem('file-viewer')\nconst attrs = useAttrs()\n\nconst url = shallowRef<string>('')\nconst loading = ref(true)\nconst failed = ref(false)\n\nlet revoke: (() => void) | undefined\n\nasync function load() {\n  loading.value = true\n  failed.value = false\n  revoke?.()\n  const { toBlobUrl } = await import('../helper')\n  const r = toBlobUrl(props.file.src, props.file.mime)\n  url.value = r.url\n  revoke = r.revoke\n}\n\nfunction onImgError(e: Event) {\n  loading.value = false\n  failed.value = true\n  emit('error', e)\n}\n\nwatch(\n  () => props.file,\n  () => load(),\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  revoke?.()\n  url.value = ''\n})\n</script>\n"],"mappings":";;;;;;;;;;;EAuBA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAa;EAC7B,MAAM,QAAQ,UAAS;EAEvB,MAAM,MAAM,WAAmB,GAAE;EACjC,MAAM,UAAU,IAAI,KAAI;EACxB,MAAM,SAAS,IAAI,MAAK;EAExB,IAAI;EAEJ,eAAe,OAAO;AACpB,WAAQ,QAAQ;AAChB,UAAO,QAAQ;AACf,aAAS;GACT,MAAM,EAAE,cAAc,MAAM,OAAO;GACnC,MAAM,IAAI,UAAU,MAAM,KAAK,KAAK,MAAM,KAAK,KAAI;AACnD,OAAI,QAAQ,EAAE;AACd,YAAS,EAAE;;EAGb,SAAS,WAAW,GAAU;AAC5B,WAAQ,QAAQ;AAChB,UAAO,QAAQ;AACf,QAAK,SAAS,EAAC;;AAGjB,cACQ,MAAM,YACN,MAAM,EACZ,EAAE,WAAW,MAAK,CACpB;AAEA,wBAAsB;AACpB,aAAS;AACT,OAAI,QAAQ;IACb;;uBA5DC,mBAWM,OAXN,WAWM,EAXA,OAAO,MAAA,IAAG,CAAC,EAAC,QAAA,EAAA,EAAmB,MAAA,MAAK,CAAA,EAAA;IAEhC,IAAA,SAAA,WAAA,EADR,mBAOE,OAAA;;KALC,KAAK,IAAA;KACL,KAAK,QAAA,KAAK;KACX,WAAU;KACT,QAAI,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,QAAO;KACb,SAAO;;IAEC,QAAA,SAAA,WAAA,EAAX,mBAAwD,OAAA;;KAAnC,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;OAAa,QAAI,EAAA,IAAA,mBAAA,QAAA,KAAA;IACvC,OAAA,SAAA,WAAA,EAAX,mBAAyD,OAAA;;KAArC,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;OAAa,UAAM,EAAA,IAAA,mBAAA,QAAA,KAAA"}

package/dist/components/file-viewer/previewers/pdf-previewer.js

@@ -1,4 +1,4 @@
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, shallowRef, unref, watch, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, shallowRef, unref, useAttrs, watch, withCtx } from "vue";
 import { bem } from "@veltra/utils";
 import { createPluginRegistration } from "@embedpdf/core";
 import { EmbedPDF } from "@embedpdf/core/vue";
@@ -10,6 +10,7 @@ import { Viewport, ViewportPluginPackage } from "@embedpdf/plugin-viewport/vue";
 //#region src/components/file-viewer/previewers/pdf-previewer.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	name: "FileViewerPdfPreviewer",
+	inheritAttrs: false,
 	__name: "pdf-previewer",
 	props: { file: {} },
 	emits: ["error"],
@@ -17,6 +18,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		const cls = bem("file-viewer");
+		const attrs = useAttrs();
 		const { engine, isLoading, error } = usePdfiumEngine();
 		const pdfUrl = shallowRef("");
 		let revoke;
@@ -45,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			pdfUrl.value = "";
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).e("pdf")) }, [!unref(engine) || unref(isLoading) ? (openBlock(), createElementBlock("div", {
+			return openBlock(), createElementBlock("div", mergeProps({ class: unref(cls).e("pdf") }, unref(attrs)), [!unref(engine) || unref(isLoading) ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(unref(cls).e("loading"))
 			}, "正在加载 PDF 引擎…", 2)) : pdfUrl.value ? (openBlock(), createBlock(unref(EmbedPDF), {
@@ -80,7 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					_: 2
 				}, 1032, ["document-id"])) : createCommentVNode("v-if", true)]),
 				_: 1
-			}, 8, ["engine", "plugins"])) : createCommentVNode("v-if", true)], 2);
+			}, 8, ["engine", "plugins"])) : createCommentVNode("v-if", true)], 16);
 		};
 	}
 });

package/dist/components/file-viewer/previewers/pdf-previewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"pdf-previewer.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/pdf-previewer.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('pdf')\">\n    <div v-if=\"!engine || isLoading\" :class=\"cls.e('loading')\">正在加载 PDF 引擎…</div>\n    <EmbedPDF v-else-if=\"pdfUrl\" :engine=\"engine\" :plugins=\"plugins\" v-slot=\"{ activeDocumentId }\">\n      <DocumentContent\n        v-if=\"activeDocumentId\"\n        :document-id=\"activeDocumentId\"\n        v-slot=\"{ isLoaded }\"\n      >\n        <Viewport v-if=\"isLoaded\" :document-id=\"activeDocumentId\" :class=\"cls.e('pdf-viewport')\">\n          <Scroller :document-id=\"activeDocumentId\">\n            <template #default=\"{ page }\">\n              <div\n                :class=\"cls.e('pdf-page')\"\n                :style=\"{ width: page.width + 'px', height: page.height + 'px' }\"\n              >\n                <RenderLayer :document-id=\"activeDocumentId\" :page-index=\"page.pageIndex\" />\n              </div>\n            </template>\n          </Scroller>\n        </Viewport>\n      </DocumentContent>\n    </EmbedPDF>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createPluginRegistration } from '@embedpdf/core'\nimport { EmbedPDF } from '@embedpdf/core/vue'\nimport { usePdfiumEngine } from '@embedpdf/engines/vue'\nimport {\n  DocumentContent,\n  DocumentManagerPluginPackage\n} from '@embedpdf/plugin-document-manager/vue'\nimport { RenderLayer, RenderPluginPackage } from '@embedpdf/plugin-render/vue'\nimport { ScrollPluginPackage, Scroller } from '@embedpdf/plugin-scroll/vue'\nimport { ViewportPluginPackage, Viewport } from '@embedpdf/plugin-viewport/vue'\nimport { bem } from '@veltra/utils'\nimport { computed, onBeforeUnmount, shallowRef, watch } from 'vue'\n\nimport type { FileViewerItem } from '../../../types/file-viewer'\n\ndefineOptions({ name: 'FileViewerPdfPreviewer' })\n\nconst props = defineProps<{ file: FileViewerItem }>()\n\nconst emit = defineEmits<{ (e: 'error', err: unknown): void }>()\n\nconst cls = bem('file-viewer')\n\nconst { engine, isLoading, error } = usePdfiumEngine()\n\nconst pdfUrl = shallowRef<string>('')\nlet revoke: (() => void) | undefined\n\nasync function load() {\n  revoke?.()\n  const { toBlobUrl } = await import('../helper')\n  const r = toBlobUrl(props.file.src, props.file.mime ?? 'application/pdf')\n  pdfUrl.value = r.url\n  revoke = r.revoke\n}\n\nconst plugins = computed(() => {\n  if (!pdfUrl.value) return []\n  return [\n    createPluginRegistration(DocumentManagerPluginPackage, {\n      initialDocuments: [{ url: pdfUrl.value }]\n    }),\n    createPluginRegistration(ViewportPluginPackage),\n    createPluginRegistration(ScrollPluginPackage),\n    createPluginRegistration(RenderPluginPackage)\n  ]\n})\n\nwatch(\n  () => props.file,\n  () => load(),\n  { immediate: true }\n)\n\nwatch(error, (err) => {\n  if (err) emit('error', err)\n})\n\nonBeforeUnmount(() => {\n  revoke?.()\n  pdfUrl.value = ''\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;EA4CA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAa;EAE7B,MAAM,EAAE,QAAQ,WAAW,UAAU,iBAAgB;EAErD,MAAM,SAAS,WAAmB,GAAE;EACpC,IAAI;EAEJ,eAAe,OAAO;AACpB,aAAS;GACT,MAAM,EAAE,cAAc,MAAM,OAAO;GACnC,MAAM,IAAI,UAAU,MAAM,KAAK,KAAK,MAAM,KAAK,QAAQ,kBAAiB;AACxE,UAAO,QAAQ,EAAE;AACjB,YAAS,EAAE;;EAGb,MAAM,UAAU,eAAe;AAC7B,OAAI,CAAC,OAAO,MAAO,QAAO,EAAC;AAC3B,UAAO;IACL,yBAAyB,8BAA8B,EACrD,kBAAkB,CAAC,EAAE,KAAK,OAAO,OAAO,CAAA,EACzC,CAAC;IACF,yBAAyB,sBAAsB;IAC/C,yBAAyB,oBAAoB;IAC7C,yBAAyB,oBAAmB;IAC9C;IACD;AAED,cACQ,MAAM,YACN,MAAM,EACZ,EAAE,WAAW,MAAK,CACpB;AAEA,QAAM,QAAQ,QAAQ;AACpB,OAAI,IAAK,MAAK,SAAS,IAAG;IAC3B;AAED,wBAAsB;AACpB,aAAS;AACT,UAAO,QAAQ;IAChB;;uBAvFC,mBAsBM,OAAA,EAtBA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,MAAA,CAAA,EAAA,EAAA,CAAA,CACJ,MAAA,OAAM,IAAI,MAAA,UAAS,IAAA,WAAA,EAA/B,mBAA6E,OAAA;;IAA3C,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;MAAa,gBAAY,EAAA,IAClD,OAAA,SAAA,WAAA,EAArB,YAmBW,MAAA,SAAA,EAAA;;IAnBmB,QAAQ,MAAA,OAAM;IAAG,SAAS,QAAA;;sBAkBpC,EAlBuD,uBAAgB,CAEjF,oBAAA,WAAA,EADR,YAiBkB,MAAA,gBAAA,EAAA;;KAff,eAAa;;uBAcH,EAbD,eAAQ,CAEF,YAAA,WAAA,EAAhB,YAWW,MAAA,SAAA,EAAA;;MAXgB,eAAa;MAAmB,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,eAAA,CAAA;;6BAU1D,CATX,YASW,MAAA,SAAA,EAAA,EATA,eAAa,kBAAgB,EAAA;OAC3B,SAAO,SAMV,EANc,WAAI,CACxB,mBAKM,OAAA;QAJH,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,WAAA,CAAA;QACZ,OAAK,eAAA;SAAA,OAAW,KAAK,QAAK;SAAA,QAAiB,KAAK,SAAM;SAAA,CAAA;WAEvD,YAA4E,MAAA,YAAA,EAAA;QAA9D,eAAa;QAAmB,cAAY,KAAK"}
+{"version":3,"file":"pdf-previewer.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/pdf-previewer.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('pdf')\" v-bind=\"attrs\">\n    <div v-if=\"!engine || isLoading\" :class=\"cls.e('loading')\">正在加载 PDF 引擎…</div>\n    <EmbedPDF v-else-if=\"pdfUrl\" :engine=\"engine\" :plugins=\"plugins\" v-slot=\"{ activeDocumentId }\">\n      <DocumentContent\n        v-if=\"activeDocumentId\"\n        :document-id=\"activeDocumentId\"\n        v-slot=\"{ isLoaded }\"\n      >\n        <Viewport v-if=\"isLoaded\" :document-id=\"activeDocumentId\" :class=\"cls.e('pdf-viewport')\">\n          <Scroller :document-id=\"activeDocumentId\">\n            <template #default=\"{ page }\">\n              <div\n                :class=\"cls.e('pdf-page')\"\n                :style=\"{ width: page.width + 'px', height: page.height + 'px' }\"\n              >\n                <RenderLayer :document-id=\"activeDocumentId\" :page-index=\"page.pageIndex\" />\n              </div>\n            </template>\n          </Scroller>\n        </Viewport>\n      </DocumentContent>\n    </EmbedPDF>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createPluginRegistration } from '@embedpdf/core'\nimport { EmbedPDF } from '@embedpdf/core/vue'\nimport { usePdfiumEngine } from '@embedpdf/engines/vue'\nimport {\n  DocumentContent,\n  DocumentManagerPluginPackage\n} from '@embedpdf/plugin-document-manager/vue'\nimport { RenderLayer, RenderPluginPackage } from '@embedpdf/plugin-render/vue'\nimport { ScrollPluginPackage, Scroller } from '@embedpdf/plugin-scroll/vue'\nimport { ViewportPluginPackage, Viewport } from '@embedpdf/plugin-viewport/vue'\nimport { bem } from '@veltra/utils'\nimport { computed, onBeforeUnmount, shallowRef, useAttrs, watch } from 'vue'\n\nimport type { FileViewerItem } from '../../../types/file-viewer'\n\ndefineOptions({ name: 'FileViewerPdfPreviewer', inheritAttrs: false })\n\nconst props = defineProps<{ file: FileViewerItem }>()\n\nconst emit = defineEmits<{ (e: 'error', err: unknown): void }>()\n\nconst cls = bem('file-viewer')\nconst attrs = useAttrs()\n\nconst { engine, isLoading, error } = usePdfiumEngine()\n\nconst pdfUrl = shallowRef<string>('')\nlet revoke: (() => void) | undefined\n\nasync function load() {\n  revoke?.()\n  const { toBlobUrl } = await import('../helper')\n  const r = toBlobUrl(props.file.src, props.file.mime ?? 'application/pdf')\n  pdfUrl.value = r.url\n  revoke = r.revoke\n}\n\nconst plugins = computed(() => {\n  if (!pdfUrl.value) return []\n  return [\n    createPluginRegistration(DocumentManagerPluginPackage, {\n      initialDocuments: [{ url: pdfUrl.value }]\n    }),\n    createPluginRegistration(ViewportPluginPackage),\n    createPluginRegistration(ScrollPluginPackage),\n    createPluginRegistration(RenderPluginPackage)\n  ]\n})\n\nwatch(\n  () => props.file,\n  () => load(),\n  { immediate: true }\n)\n\nwatch(error, (err) => {\n  if (err) emit('error', err)\n})\n\nonBeforeUnmount(() => {\n  revoke?.()\n  pdfUrl.value = ''\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EA4CA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAa;EAC7B,MAAM,QAAQ,UAAS;EAEvB,MAAM,EAAE,QAAQ,WAAW,UAAU,iBAAgB;EAErD,MAAM,SAAS,WAAmB,GAAE;EACpC,IAAI;EAEJ,eAAe,OAAO;AACpB,aAAS;GACT,MAAM,EAAE,cAAc,MAAM,OAAO;GACnC,MAAM,IAAI,UAAU,MAAM,KAAK,KAAK,MAAM,KAAK,QAAQ,kBAAiB;AACxE,UAAO,QAAQ,EAAE;AACjB,YAAS,EAAE;;EAGb,MAAM,UAAU,eAAe;AAC7B,OAAI,CAAC,OAAO,MAAO,QAAO,EAAC;AAC3B,UAAO;IACL,yBAAyB,8BAA8B,EACrD,kBAAkB,CAAC,EAAE,KAAK,OAAO,OAAO,CAAA,EACzC,CAAC;IACF,yBAAyB,sBAAsB;IAC/C,yBAAyB,oBAAoB;IAC7C,yBAAyB,oBAAmB;IAC9C;IACD;AAED,cACQ,MAAM,YACN,MAAM,EACZ,EAAE,WAAW,MAAK,CACpB;AAEA,QAAM,QAAQ,QAAQ;AACpB,OAAI,IAAK,MAAK,SAAS,IAAG;IAC3B;AAED,wBAAsB;AACpB,aAAS;AACT,UAAO,QAAQ;IAChB;;uBAxFC,mBAsBM,OAtBN,WAsBM,EAtBA,OAAO,MAAA,IAAG,CAAC,EAAC,MAAA,EAAA,EAAiB,MAAA,MAAK,CAAA,EAAA,CAAA,CAC1B,MAAA,OAAM,IAAI,MAAA,UAAS,IAAA,WAAA,EAA/B,mBAA6E,OAAA;;IAA3C,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;MAAa,gBAAY,EAAA,IAClD,OAAA,SAAA,WAAA,EAArB,YAmBW,MAAA,SAAA,EAAA;;IAnBmB,QAAQ,MAAA,OAAM;IAAG,SAAS,QAAA;;sBAkBpC,EAlBuD,uBAAgB,CAEjF,oBAAA,WAAA,EADR,YAiBkB,MAAA,gBAAA,EAAA;;KAff,eAAa;;uBAcH,EAbD,eAAQ,CAEF,YAAA,WAAA,EAAhB,YAWW,MAAA,SAAA,EAAA;;MAXgB,eAAa;MAAmB,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,eAAA,CAAA;;6BAU1D,CATX,YASW,MAAA,SAAA,EAAA,EATA,eAAa,kBAAgB,EAAA;OAC3B,SAAO,SAMV,EANc,WAAI,CACxB,mBAKM,OAAA;QAJH,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,WAAA,CAAA;QACZ,OAAK,eAAA;SAAA,OAAW,KAAK,QAAK;SAAA,QAAiB,KAAK,SAAM;SAAA,CAAA;WAEvD,YAA4E,MAAA,YAAA,EAAA;QAA9D,eAAa;QAAmB,cAAY,KAAK"}