@veltra/desktop 1.0.7 → 1.0.9

package/dist/components/file-viewer/helper.js

@@ -0,0 +1,185 @@
+//#region src/components/file-viewer/helper.ts
+const IMAGE_EXTS = new Set([
+	"png",
+	"jpg",
+	"jpeg",
+	"gif",
+	"webp",
+	"bmp",
+	"svg",
+	"avif",
+	"ico"
+]);
+const VIDEO_EXTS = new Set([
+	"mp4",
+	"webm",
+	"mov",
+	"m4v",
+	"ogv",
+	"mkv"
+]);
+const SHEET_EXTS = new Set([
+	"xlsx",
+	"xlsm",
+	"xlsb",
+	"csv"
+]);
+const TEXT_EXTS = new Set([
+	"txt",
+	"log",
+	"md",
+	"markdown",
+	"json",
+	"yml",
+	"yaml",
+	"xml",
+	"js",
+	"ts",
+	"tsx",
+	"jsx",
+	"css",
+	"scss",
+	"sass",
+	"less",
+	"html",
+	"htm",
+	"ini",
+	"toml",
+	"sh",
+	"bash",
+	"zsh",
+	"env",
+	"sql"
+]);
+function getExtension(name) {
+	const idx = name.lastIndexOf(".");
+	return idx === -1 ? "" : name.slice(idx + 1).toLowerCase();
+}
+function inferKind(name, explicit) {
+	if (explicit) return explicit;
+	const ext = getExtension(name);
+	if (IMAGE_EXTS.has(ext)) return "image";
+	if (VIDEO_EXTS.has(ext)) return "video";
+	if (ext === "pdf") return "pdf";
+	if (SHEET_EXTS.has(ext)) return "sheet";
+	if (ext === "docx") return "docx";
+	if (TEXT_EXTS.has(ext)) return "text";
+	return "text";
+}
+const FILE_VIEWER_KIND_LABEL = {
+	image: "IMG",
+	video: "MP4",
+	pdf: "PDF",
+	sheet: "XLS",
+	docx: "DOC",
+	text: "TXT"
+};
+/** 规范化数据源为 ArrayBuffer，可被 AbortController 中断（仅 URL fetch 场景生效） */
+async function toArrayBuffer(src, signal) {
+	if (typeof src === "string") {
+		const res = await fetch(src, { signal });
+		if (!res.ok) throw new Error(`Fetch failed: ${res.status} ${res.statusText}`);
+		return await res.arrayBuffer();
+	}
+	if (src instanceof ArrayBuffer) return src;
+	if (src instanceof Uint8Array) return src.slice().buffer;
+	return await src.arrayBuffer();
+}
+/** 返回用于 <img> / <video> 等标签 src 的 URL；二进制会创建 ObjectURL 并返回 revoke 钩子 */
+function toBlobUrl(src, mime) {
+	if (typeof src === "string") return {
+		url: src,
+		revoke: () => {}
+	};
+	let blob;
+	if (src instanceof Blob) blob = src;
+	else if (src instanceof ArrayBuffer) blob = new Blob([src], { type: mime ?? "application/octet-stream" });
+	else {
+		const copy = new Uint8Array(src.byteLength);
+		copy.set(src);
+		blob = new Blob([copy.buffer], { type: mime ?? "application/octet-stream" });
+	}
+	const url = URL.createObjectURL(blob);
+	return {
+		url,
+		revoke: () => URL.revokeObjectURL(url)
+	};
+}
+/**
+* RFC-4180 子集 CSV 解析：支持 "" 转义、\r\n 与 \n 换行、, 分隔。
+* 为性能起见采用状态机而非 split。
+*/
+function parseCsv(text) {
+	const rows = [];
+	let row = [];
+	let field = "";
+	let inQuotes = false;
+	const len = text.length;
+	for (let i = 0; i < len; i++) {
+		const ch = text[i];
+		if (inQuotes) {
+			if (ch === "\"") if (text[i + 1] === "\"") {
+				field += "\"";
+				i++;
+			} else inQuotes = false;
+			else field += ch;
+			continue;
+		}
+		if (ch === "\"") inQuotes = true;
+		else if (ch === ",") {
+			row.push(field);
+			field = "";
+		} else if (ch === "\n") {
+			row.push(field);
+			rows.push(row);
+			row = [];
+			field = "";
+		} else if (ch === "\r") {} else field += ch;
+	}
+	if (field.length > 0 || row.length > 0) {
+		row.push(field);
+		rows.push(row);
+	}
+	return rows;
+}
+function formatBytes(bytes) {
+	if (bytes === void 0 || bytes === null || Number.isNaN(bytes)) return "-";
+	if (bytes < 1024) return `${bytes} B`;
+	const units = [
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	];
+	let v = bytes / 1024;
+	let i = 0;
+	while (v >= 1024 && i < units.length - 1) {
+		v /= 1024;
+		i++;
+	}
+	return `${v.toFixed(v >= 10 ? 0 : 1)} ${units[i]}`;
+}
+/** 触发浏览器下载 */
+async function downloadFile(file) {
+	let href;
+	let revoke;
+	if (typeof file.src === "string") href = file.src;
+	else {
+		const url = toBlobUrl(file.src, file.mime);
+		href = url.url;
+		revoke = url.revoke;
+	}
+	const a = document.createElement("a");
+	a.href = href;
+	a.download = file.name;
+	a.rel = "noopener";
+	a.style.display = "none";
+	document.body.appendChild(a);
+	a.click();
+	document.body.removeChild(a);
+	if (revoke) setTimeout(revoke, 4e3);
+}
+//#endregion
+export { FILE_VIEWER_KIND_LABEL, downloadFile, formatBytes, getExtension, inferKind, parseCsv, toArrayBuffer, toBlobUrl };
+
+//# sourceMappingURL=helper.js.map

package/dist/components/file-viewer/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","names":[],"sources":["../../../src/components/file-viewer/helper.ts"],"sourcesContent":["import type { FileViewerItem, FileViewerKind } from '../../types/file-viewer'\n\nconst IMAGE_EXTS = new Set(['png', 'jpg', 'jpeg', 'gif', 'webp', 'bmp', 'svg', 'avif', 'ico'])\n\nconst VIDEO_EXTS = new Set(['mp4', 'webm', 'mov', 'm4v', 'ogv', 'mkv'])\n\nconst SHEET_EXTS = new Set(['xlsx', 'xlsm', 'xlsb', 'csv'])\n\nconst TEXT_EXTS = new Set([\n  'txt',\n  'log',\n  'md',\n  'markdown',\n  'json',\n  'yml',\n  'yaml',\n  'xml',\n  'js',\n  'ts',\n  'tsx',\n  'jsx',\n  'css',\n  'scss',\n  'sass',\n  'less',\n  'html',\n  'htm',\n  'ini',\n  'toml',\n  'sh',\n  'bash',\n  'zsh',\n  'env',\n  'sql'\n])\n\nexport function getExtension(name: string): string {\n  const idx = name.lastIndexOf('.')\n  return idx === -1 ? '' : name.slice(idx + 1).toLowerCase()\n}\n\nexport function inferKind(name: string, explicit?: FileViewerKind): FileViewerKind {\n  if (explicit) return explicit\n  const ext = getExtension(name)\n  if (IMAGE_EXTS.has(ext)) return 'image'\n  if (VIDEO_EXTS.has(ext)) return 'video'\n  if (ext === 'pdf') return 'pdf'\n  if (SHEET_EXTS.has(ext)) return 'sheet'\n  if (ext === 'docx') return 'docx'\n  if (TEXT_EXTS.has(ext)) return 'text'\n  return 'text'\n}\n\nexport const FILE_VIEWER_KIND_LABEL: Record<FileViewerKind, string> = {\n  image: 'IMG',\n  video: 'MP4',\n  pdf: 'PDF',\n  sheet: 'XLS',\n  docx: 'DOC',\n  text: 'TXT'\n}\n\n/** 规范化数据源为 ArrayBuffer，可被 AbortController 中断（仅 URL fetch 场景生效） */\nexport async function toArrayBuffer(\n  src: FileViewerItem['src'],\n  signal?: AbortSignal\n): Promise<ArrayBuffer> {\n  if (typeof src === 'string') {\n    const res = await fetch(src, { signal })\n    if (!res.ok) {\n      throw new Error(`Fetch failed: ${res.status} ${res.statusText}`)\n    }\n    return await res.arrayBuffer()\n  }\n  if (src instanceof ArrayBuffer) return src\n  if (src instanceof Uint8Array) {\n    // 复制底层以切断共享引用，防止外部修改影响预览\n    return src.slice().buffer as ArrayBuffer\n  }\n  // File/Blob\n  return await src.arrayBuffer()\n}\n\n/** 返回用于 <img> / <video> 等标签 src 的 URL；二进制会创建 ObjectURL 并返回 revoke 钩子 */\nexport function toBlobUrl(\n  src: FileViewerItem['src'],\n  mime?: string\n): { url: string; revoke: () => void } {\n  if (typeof src === 'string') {\n    return { url: src, revoke: () => {} }\n  }\n  let blob: Blob\n  if (src instanceof Blob) {\n    blob = src\n  } else if (src instanceof ArrayBuffer) {\n    blob = new Blob([src], { type: mime ?? 'application/octet-stream' })\n  } else {\n    // Uint8Array: 复制到新的 ArrayBuffer，避免与外部共享底层\n    const copy = new Uint8Array(src.byteLength)\n    copy.set(src)\n    blob = new Blob([copy.buffer], { type: mime ?? 'application/octet-stream' })\n  }\n  const url = URL.createObjectURL(blob)\n  return { url, revoke: () => URL.revokeObjectURL(url) }\n}\n\n/**\n * RFC-4180 子集 CSV 解析：支持 \"\" 转义、\\r\\n 与 \\n 换行、, 分隔。\n * 为性能起见采用状态机而非 split。\n */\nexport function parseCsv(text: string): string[][] {\n  const rows: string[][] = []\n  let row: string[] = []\n  let field = ''\n  let inQuotes = false\n  const len = text.length\n\n  for (let i = 0; i < len; i++) {\n    const ch = text[i]\n\n    if (inQuotes) {\n      if (ch === '\"') {\n        if (text[i + 1] === '\"') {\n          field += '\"'\n          i++\n        } else {\n          inQuotes = false\n        }\n      } else {\n        field += ch\n      }\n      continue\n    }\n\n    if (ch === '\"') {\n      inQuotes = true\n    } else if (ch === ',') {\n      row.push(field)\n      field = ''\n    } else if (ch === '\\n') {\n      row.push(field)\n      rows.push(row)\n      row = []\n      field = ''\n    } else if (ch === '\\r') {\n      // swallow CR; LF will commit the row\n    } else {\n      field += ch\n    }\n  }\n\n  // 最后一行\n  if (field.length > 0 || row.length > 0) {\n    row.push(field)\n    rows.push(row)\n  }\n  return rows\n}\n\nexport function formatBytes(bytes?: number): string {\n  if (bytes === undefined || bytes === null || Number.isNaN(bytes)) return '-'\n  if (bytes < 1024) return `${bytes} B`\n  const units = ['KB', 'MB', 'GB', 'TB']\n  let v = bytes / 1024\n  let i = 0\n  while (v >= 1024 && i < units.length - 1) {\n    v /= 1024\n    i++\n  }\n  return `${v.toFixed(v >= 10 ? 0 : 1)} ${units[i]}`\n}\n\n/** 触发浏览器下载 */\nexport async function downloadFile(file: FileViewerItem): Promise<void> {\n  let href: string\n  let revoke: (() => void) | undefined\n  if (typeof file.src === 'string') {\n    href = file.src\n  } else {\n    const url = toBlobUrl(file.src, file.mime)\n    href = url.url\n    revoke = url.revoke\n  }\n  const a = document.createElement('a')\n  a.href = href\n  a.download = file.name\n  a.rel = 'noopener'\n  a.style.display = 'none'\n  document.body.appendChild(a)\n  a.click()\n  document.body.removeChild(a)\n  if (revoke) setTimeout(revoke, 4000)\n}\n"],"mappings":"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"}

package/dist/components/file-viewer/index.d.ts

@@ -0,0 +1 @@
+import { _default } from "./file-viewer.vue.js";

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

@@ -0,0 +1,76 @@
+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 { bem } from "@veltra/utils";
+//#region src/components/file-viewer/previewers/docx-previewer.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FileViewerDocxPreviewer",
+	__name: "docx-previewer",
+	props: { file: {} },
+	emits: ["error"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("file-viewer");
+		const container = useTemplateRef("container");
+		const loading = ref(true);
+		let controller;
+		async function load() {
+			controller?.abort();
+			controller = new AbortController();
+			const signal = controller.signal;
+			loading.value = true;
+			try {
+				const [{ toArrayBuffer }, docx] = await Promise.all([import("../helper.js"), import("docx-preview")]);
+				const buf = await toArrayBuffer(props.file.src, signal);
+				if (signal.aborted) return;
+				const el = container.value;
+				if (!el) return;
+				el.innerHTML = "";
+				await docx.renderAsync(buf, el, void 0, {
+					className: "u-file-viewer__docx-doc",
+					inWrapper: true,
+					ignoreWidth: false,
+					ignoreHeight: false,
+					ignoreFonts: false,
+					breakPages: true,
+					experimental: false,
+					useBase64URL: false,
+					renderChanges: false,
+					renderHeaders: true,
+					renderFooters: true,
+					renderFootnotes: true
+				});
+			} catch (err) {
+				if (err?.name === "AbortError") return;
+				emit("error", err);
+			} finally {
+				loading.value = false;
+			}
+		}
+		watch(() => props.file, () => load(), { immediate: true });
+		onBeforeUnmount(() => {
+			controller?.abort();
+			if (container.value) container.value.innerHTML = "";
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$1), {
+				tag: "div",
+				class: normalizeClass(unref(cls).e("docx"))
+			}, {
+				default: withCtx(() => [createElementVNode("div", {
+					ref_key: "container",
+					ref: container,
+					class: normalizeClass(unref(cls).e("docx-body"))
+				}, null, 2), loading.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(cls).e("loading"))
+				}, "加载中…", 2)) : createCommentVNode("v-if", true)]),
+				_: 1
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=docx-previewer.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,64 @@
+import { createCommentVNode, createElementBlock, defineComponent, normalizeClass, onBeforeUnmount, openBlock, ref, shallowRef, unref, 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",
+	__name: "image-previewer",
+	props: { file: {} },
+	emits: ["error"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("file-viewer");
+		const url = shallowRef("");
+		const loading = ref(true);
+		const failed = ref(false);
+		const actual = ref(false);
+		let revoke;
+		async function load() {
+			loading.value = true;
+			failed.value = false;
+			revoke?.();
+			const { toBlobUrl } = await import("../helper.js");
+			const r = toBlobUrl(props.file.src, props.file.mime);
+			url.value = r.url;
+			revoke = r.revoke;
+		}
+		function onImgError(e) {
+			loading.value = false;
+			failed.value = true;
+			emit("error", e);
+		}
+		watch(() => props.file, () => load(), { immediate: true });
+		onBeforeUnmount(() => {
+			revoke?.();
+			url.value = "";
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass([unref(cls).e("image"), unref(bem).is("actual", actual.value)]) }, [
+				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)
+				}, null, 40, _hoisted_1)) : createCommentVNode("v-if", true),
+				loading.value ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(unref(cls).e("loading"))
+				}, "加载中…", 2)) : createCommentVNode("v-if", true),
+				failed.value ? (openBlock(), createElementBlock("div", {
+					key: 2,
+					class: normalizeClass(unref(cls).e("loading"))
+				}, "图片加载失败", 2)) : createCommentVNode("v-if", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=image-previewer.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,90 @@
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, shallowRef, unref, watch, withCtx } from "vue";
+import { bem } from "@veltra/utils";
+import { createPluginRegistration } from "@embedpdf/core";
+import { EmbedPDF } from "@embedpdf/core/vue";
+import { usePdfiumEngine } from "@embedpdf/engines/vue";
+import { DocumentContent, DocumentManagerPluginPackage } from "@embedpdf/plugin-document-manager/vue";
+import { RenderLayer, RenderPluginPackage } from "@embedpdf/plugin-render/vue";
+import { ScrollPluginPackage, Scroller } from "@embedpdf/plugin-scroll/vue";
+import { Viewport, ViewportPluginPackage } from "@embedpdf/plugin-viewport/vue";
+//#region src/components/file-viewer/previewers/pdf-previewer.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FileViewerPdfPreviewer",
+	__name: "pdf-previewer",
+	props: { file: {} },
+	emits: ["error"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("file-viewer");
+		const { engine, isLoading, error } = usePdfiumEngine();
+		const pdfUrl = shallowRef("");
+		let revoke;
+		async function load() {
+			revoke?.();
+			const { toBlobUrl } = await import("../helper.js");
+			const r = toBlobUrl(props.file.src, props.file.mime ?? "application/pdf");
+			pdfUrl.value = r.url;
+			revoke = r.revoke;
+		}
+		const plugins = computed(() => {
+			if (!pdfUrl.value) return [];
+			return [
+				createPluginRegistration(DocumentManagerPluginPackage, { initialDocuments: [{ url: pdfUrl.value }] }),
+				createPluginRegistration(ViewportPluginPackage),
+				createPluginRegistration(ScrollPluginPackage),
+				createPluginRegistration(RenderPluginPackage)
+			];
+		});
+		watch(() => props.file, () => load(), { immediate: true });
+		watch(error, (err) => {
+			if (err) emit("error", err);
+		});
+		onBeforeUnmount(() => {
+			revoke?.();
+			pdfUrl.value = "";
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).e("pdf")) }, [!unref(engine) || unref(isLoading) ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(unref(cls).e("loading"))
+			}, "正在加载 PDF 引擎…", 2)) : pdfUrl.value ? (openBlock(), createBlock(unref(EmbedPDF), {
+				key: 1,
+				engine: unref(engine),
+				plugins: plugins.value
+			}, {
+				default: withCtx(({ activeDocumentId }) => [activeDocumentId ? (openBlock(), createBlock(unref(DocumentContent), {
+					key: 0,
+					"document-id": activeDocumentId
+				}, {
+					default: withCtx(({ isLoaded }) => [isLoaded ? (openBlock(), createBlock(unref(Viewport), {
+						key: 0,
+						"document-id": activeDocumentId,
+						class: normalizeClass(unref(cls).e("pdf-viewport"))
+					}, {
+						default: withCtx(() => [createVNode(unref(Scroller), { "document-id": activeDocumentId }, {
+							default: withCtx(({ page }) => [createElementVNode("div", {
+								class: normalizeClass(unref(cls).e("pdf-page")),
+								style: normalizeStyle({
+									width: page.width + "px",
+									height: page.height + "px"
+								})
+							}, [createVNode(unref(RenderLayer), {
+								"document-id": activeDocumentId,
+								"page-index": page.pageIndex
+							}, null, 8, ["document-id", "page-index"])], 6)]),
+							_: 2
+						}, 1032, ["document-id"])]),
+						_: 2
+					}, 1032, ["document-id", "class"])) : createCommentVNode("v-if", true)]),
+					_: 2
+				}, 1032, ["document-id"])) : createCommentVNode("v-if", true)]),
+				_: 1
+			}, 8, ["engine", "plugins"])) : createCommentVNode("v-if", true)], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=pdf-previewer.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,175 @@
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, ref, renderList, shallowRef, toDisplayString, unref, useTemplateRef, watch } from "vue";
+import { bem } from "@veltra/utils";
+//#region src/components/file-viewer/previewers/sheet-previewer.vue
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FileViewerSheetPreviewer",
+	__name: "sheet-previewer",
+	props: {
+		file: {},
+		maxRows: { default: 5e4 }
+	},
+	emits: ["error"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("file-viewer");
+		const container = useTemplateRef("container");
+		const loading = ref(true);
+		const truncated = ref(false);
+		const totalRows = ref(0);
+		const renderedRows = ref(0);
+		const sheets = shallowRef([]);
+		const activeSheetIndex = ref(0);
+		let controller;
+		let instance;
+		let resizeObserver;
+		async function load() {
+			controller?.abort();
+			controller = new AbortController();
+			const signal = controller.signal;
+			loading.value = true;
+			sheets.value = [];
+			activeSheetIndex.value = 0;
+			try {
+				const ext = props.file.name.slice(props.file.name.lastIndexOf(".") + 1).toLowerCase();
+				const { toArrayBuffer, parseCsv } = await import("../helper.js");
+				const buf = await toArrayBuffer(props.file.src, signal);
+				if (signal.aborted) return;
+				if (ext === "csv") {
+					const parsed = parseCsv(new TextDecoder("utf-8", { fatal: false }).decode(buf)).filter((row) => row.some((c) => c.length > 0));
+					const headers = parsed[0] ?? [];
+					const rows = parsed.slice(1);
+					sheets.value = [{
+						name: props.file.name,
+						headers: headers.map((h, i) => String(h) || `Column ${i + 1}`),
+						rows,
+						totalCount: rows.length
+					}];
+				} else {
+					const { readWorkbook } = await import("@cat-kit/excel");
+					const workbook = await readWorkbook(new Uint8Array(buf));
+					if (signal.aborted) return;
+					sheets.value = workbook.worksheets.map((ws) => {
+						const wsRows = ws.getRows();
+						const firstRow = wsRows[0];
+						const headers = firstRow ? firstRow.toValues().map((v) => cellToString(v)) : [];
+						const rows = wsRows.slice(1).map((r) => r.toValues().map(cellToString));
+						return {
+							name: ws.name,
+							headers: headers.map((h, i) => h || `Column ${i + 1}`),
+							rows,
+							totalCount: rows.length
+						};
+					});
+				}
+				await renderActive();
+			} catch (err) {
+				if (err?.name === "AbortError") return;
+				emit("error", err);
+			} finally {
+				loading.value = false;
+			}
+		}
+		function cellToString(v) {
+			if (v === null || v === void 0) return "";
+			if (typeof v === "string") return v;
+			if (typeof v === "number" || typeof v === "boolean") return String(v);
+			if (v instanceof Date) return v.toLocaleString();
+			if (typeof v === "object" && v !== null && "formula" in v) {
+				const f = v;
+				if (f.result !== void 0 && f.result !== null) return cellToString(f.result);
+				return `=${f.formula}`;
+			}
+			return String(v);
+		}
+		async function renderActive() {
+			const sheet = sheets.value[activeSheetIndex.value];
+			if (!sheet || !container.value) return;
+			releaseInstance();
+			const limit = props.maxRows > 0 ? Math.min(props.maxRows, sheet.rows.length) : sheet.rows.length;
+			totalRows.value = sheet.totalCount;
+			renderedRows.value = limit;
+			truncated.value = props.maxRows > 0 && sheet.rows.length > props.maxRows;
+			const columns = sheet.headers.map((h, i) => ({
+				field: "c" + i,
+				title: h,
+				width: "auto"
+			}));
+			const records = [];
+			for (let i = 0; i < limit; i++) {
+				const row = sheet.rows[i];
+				if (!row) continue;
+				const record = {};
+				for (let j = 0; j < columns.length; j++) record["c" + j] = row[j] ?? "";
+				records.push(record);
+			}
+			const VTable = await import("@visactor/vtable");
+			if (!container.value) return;
+			instance = new VTable.ListTable(container.value, {
+				records,
+				columns,
+				widthMode: "standard",
+				heightMode: "standard",
+				defaultRowHeight: 32,
+				defaultHeaderRowHeight: 36,
+				autoFillWidth: true,
+				frozenColCount: 0,
+				theme: (VTable.themes.ARCO ?? VTable.themes.DEFAULT).extends({ defaultStyle: { borderLineWidth: 1 } })
+			});
+		}
+		function releaseInstance() {
+			if (instance && typeof instance.release === "function") try {
+				instance.release();
+			} catch {}
+			instance = void 0;
+		}
+		watch(() => props.file, () => load(), { immediate: true });
+		watch(activeSheetIndex, () => renderActive());
+		watch(container, (el) => {
+			resizeObserver?.disconnect();
+			if (!el) return;
+			resizeObserver = new ResizeObserver(() => {
+				instance?.resize?.();
+			});
+			resizeObserver.observe(el);
+		});
+		onBeforeUnmount(() => {
+			controller?.abort();
+			resizeObserver?.disconnect();
+			releaseInstance();
+			sheets.value = [];
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).e("sheet")) }, [
+				truncated.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(cls).e("sheet-note"))
+				}, " 仅展示前 " + toDisplayString(renderedRows.value.toLocaleString()) + " 行（共 " + toDisplayString(totalRows.value.toLocaleString()) + " 行） ", 3)) : createCommentVNode("v-if", true),
+				sheets.value.length > 1 ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(unref(cls).e("sheet-tabs"))
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(sheets.value, (s, i) => {
+					return openBlock(), createElementBlock("button", {
+						key: s.name,
+						class: normalizeClass([unref(cls).e("sheet-tab"), unref(bem).is("active", i === activeSheetIndex.value)]),
+						onClick: ($event) => activeSheetIndex.value = i
+					}, toDisplayString(s.name), 11, _hoisted_1);
+				}), 128))], 2)) : createCommentVNode("v-if", true),
+				createElementVNode("div", {
+					ref_key: "container",
+					ref: container,
+					class: normalizeClass(unref(cls).e("sheet-stage"))
+				}, null, 2),
+				loading.value ? (openBlock(), createElementBlock("div", {
+					key: 2,
+					class: normalizeClass(unref(cls).e("loading"))
+				}, "加载中…", 2)) : createCommentVNode("v-if", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=sheet-previewer.js.map