@veltra/desktop 1.0.8 → 1.0.9

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-previewer.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/sheet-previewer.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('sheet')\">\n    <div v-if=\"truncated\" :class=\"cls.e('sheet-note')\">\n      仅展示前 {{ renderedRows.toLocaleString() }} 行（共 {{ totalRows.toLocaleString() }} 行）\n    </div>\n    <div v-if=\"sheets.length > 1\" :class=\"cls.e('sheet-tabs')\">\n      <button\n        v-for=\"(s, i) in sheets\"\n        :key=\"s.name\"\n        :class=\"[cls.e('sheet-tab'), bem.is('active', i === activeSheetIndex)]\"\n        @click=\"activeSheetIndex = i\"\n      >\n        {{ s.name }}\n      </button>\n    </div>\n    <div ref=\"container\" :class=\"cls.e('sheet-stage')\" />\n    <div v-if=\"loading\" :class=\"cls.e('loading')\">加载中…</div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { onBeforeUnmount, ref, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport type { FileViewerItem } from '../../../types/file-viewer'\n\ndefineOptions({ name: 'FileViewerSheetPreviewer' })\n\nconst props = withDefaults(\n  defineProps<{\n    file: FileViewerItem\n    maxRows?: number\n  }>(),\n  { maxRows: 50_000 }\n)\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)\nconst truncated = ref(false)\nconst totalRows = ref(0)\nconst renderedRows = ref(0)\n\ninterface SheetData {\n  name: string\n  headers: string[]\n  rows: string[][]\n  totalCount: number\n}\n\nconst sheets = shallowRef<SheetData[]>([])\nconst activeSheetIndex = ref(0)\n\nlet controller: AbortController | undefined\nlet instance: { release?: () => void; resize?: () => void } | undefined\nlet resizeObserver: ResizeObserver | undefined\n\nasync function load() {\n  controller?.abort()\n  controller = new AbortController()\n  const signal = controller.signal\n  loading.value = true\n  sheets.value = []\n  activeSheetIndex.value = 0\n\n  try {\n    const ext = props.file.name.slice(props.file.name.lastIndexOf('.') + 1).toLowerCase()\n    const { toArrayBuffer, parseCsv } = await import('../helper')\n    const buf = await toArrayBuffer(props.file.src, signal)\n    if (signal.aborted) return\n\n    if (ext === 'csv') {\n      const text = new TextDecoder('utf-8', { fatal: false }).decode(buf)\n      const parsed = parseCsv(text).filter((row) => row.some((c) => c.length > 0))\n      const headers = parsed[0] ?? []\n      const rows = parsed.slice(1)\n      sheets.value = [\n        {\n          name: props.file.name,\n          headers: headers.map((h, i) => String(h) || `Column ${i + 1}`),\n          rows,\n          totalCount: rows.length\n        }\n      ]\n    } else {\n      const { readWorkbook } = await import('@cat-kit/excel')\n      const workbook = await readWorkbook(new Uint8Array(buf))\n      if (signal.aborted) return\n      sheets.value = workbook.worksheets.map((ws) => {\n        const wsRows = ws.getRows()\n        const firstRow = wsRows[0]\n        const headers = firstRow ? firstRow.toValues().map((v) => cellToString(v)) : []\n        const rows = wsRows.slice(1).map((r) => r.toValues().map(cellToString))\n        return {\n          name: ws.name,\n          headers: headers.map((h, i) => h || `Column ${i + 1}`),\n          rows,\n          totalCount: rows.length\n        }\n      })\n    }\n\n    await renderActive()\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\nfunction cellToString(v: unknown): string {\n  if (v === null || v === undefined) return ''\n  if (typeof v === 'string') return v\n  if (typeof v === 'number' || typeof v === 'boolean') return String(v)\n  if (v instanceof Date) return v.toLocaleString()\n  if (typeof v === 'object' && v !== null && 'formula' in v) {\n    const f = v as { formula: string; result?: unknown }\n    if (f.result !== undefined && f.result !== null) return cellToString(f.result)\n    return `=${f.formula}`\n  }\n  return String(v)\n}\n\nasync function renderActive() {\n  const sheet = sheets.value[activeSheetIndex.value]\n  if (!sheet || !container.value) return\n\n  releaseInstance()\n\n  const limit = props.maxRows > 0 ? Math.min(props.maxRows, sheet.rows.length) : sheet.rows.length\n  totalRows.value = sheet.totalCount\n  renderedRows.value = limit\n  truncated.value = props.maxRows > 0 && sheet.rows.length > props.maxRows\n\n  const columns = sheet.headers.map((h, i) => ({\n    field: 'c' + i,\n    title: h,\n    width: 'auto' as const\n  }))\n\n  const records: Record<string, string>[] = []\n  for (let i = 0; i < limit; i++) {\n    const row = sheet.rows[i]\n    if (!row) continue\n    const record: Record<string, string> = {}\n    for (let j = 0; j < columns.length; j++) {\n      record['c' + j] = row[j] ?? ''\n    }\n    records.push(record)\n  }\n\n  const VTable = await import('@visactor/vtable')\n  if (!container.value) return\n\n  instance = new VTable.ListTable(container.value, {\n    records,\n    columns,\n    widthMode: 'standard',\n    heightMode: 'standard',\n    defaultRowHeight: 32,\n    defaultHeaderRowHeight: 36,\n    autoFillWidth: true,\n    frozenColCount: 0,\n    theme: (VTable.themes.ARCO ?? VTable.themes.DEFAULT).extends({\n      defaultStyle: {\n        borderLineWidth: 1\n      }\n    })\n  })\n}\n\nfunction releaseInstance() {\n  if (instance && typeof instance.release === 'function') {\n    try {\n      instance.release()\n    } catch {\n      /* noop */\n    }\n  }\n  instance = undefined\n}\n\nwatch(\n  () => props.file,\n  () => load(),\n  { immediate: true }\n)\n\nwatch(activeSheetIndex, () => renderActive())\n\nwatch(container, (el) => {\n  resizeObserver?.disconnect()\n  if (!el) return\n  resizeObserver = new ResizeObserver(() => {\n    instance?.resize?.()\n  })\n  resizeObserver.observe(el)\n})\n\nonBeforeUnmount(() => {\n  controller?.abort()\n  resizeObserver?.disconnect()\n  releaseInstance()\n  sheets.value = []\n})\n</script>\n"],"mappings":"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"}

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

@@ -0,0 +1,74 @@
+import _sfc_main$1 from "../../scroll/scroll.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, ref, shallowRef, toDisplayString, unref, watch, withCtx } from "vue";
+import { bem } from "@veltra/utils";
+//#region src/components/file-viewer/previewers/text-previewer.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FileViewerTextPreviewer",
+	__name: "text-previewer",
+	props: {
+		file: {},
+		maxBytes: { default: 2 * 1024 * 1024 }
+	},
+	emits: ["error"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("file-viewer");
+		const text = shallowRef("");
+		const truncated = ref(false);
+		const loading = ref(true);
+		let controller;
+		function formatKb(bytes) {
+			if (bytes >= 1024 * 1024) return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+			return `${(bytes / 1024).toFixed(0)} KB`;
+		}
+		async function load() {
+			controller?.abort();
+			controller = new AbortController();
+			loading.value = true;
+			truncated.value = false;
+			text.value = "";
+			try {
+				const { toArrayBuffer } = await import("../helper.js");
+				const buf = await toArrayBuffer(props.file.src, controller.signal);
+				const max = props.maxBytes;
+				const view = max > 0 && buf.byteLength > max ? new Uint8Array(buf, 0, max) : new Uint8Array(buf);
+				truncated.value = max > 0 && buf.byteLength > max;
+				text.value = new TextDecoder("utf-8", { fatal: false }).decode(view);
+			} catch (err) {
+				if (err?.name === "AbortError") return;
+				emit("error", err);
+			} finally {
+				loading.value = false;
+			}
+		}
+		watch(() => props.file, () => load(), { immediate: true });
+		onBeforeUnmount(() => {
+			controller?.abort();
+			text.value = "";
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$1), {
+				tag: "div",
+				class: normalizeClass(unref(cls).e("text"))
+			}, {
+				default: withCtx(() => [
+					truncated.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(unref(cls).e("sheet-note"))
+					}, " ⚠ 文件过大，仅展示前 " + toDisplayString(formatKb(__props.maxBytes)), 3)) : createCommentVNode("v-if", true),
+					createElementVNode("pre", { class: normalizeClass(unref(cls).e("text-pre")) }, [createElementVNode("code", null, toDisplayString(text.value), 1)], 2),
+					loading.value ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass(unref(cls).e("loading"))
+					}, "加载中…", 2)) : createCommentVNode("v-if", true)
+				]),
+				_: 1
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=text-previewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-previewer.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/text-previewer.vue"],"sourcesContent":["<template>\n  <u-scroll tag=\"div\" :class=\"cls.e('text')\">\n    <div v-if=\"truncated\" :class=\"cls.e('sheet-note')\">\n      ⚠ 文件过大，仅展示前 {{ formatKb(maxBytes) }}\n    </div>\n    <pre :class=\"cls.e('text-pre')\"><code>{{ text }}</code></pre>\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, shallowRef, watch } from 'vue'\n\nimport type { FileViewerItem } from '../../../types/file-viewer'\nimport { UScroll } from '../../scroll'\n\ndefineOptions({ name: 'FileViewerTextPreviewer' })\n\nconst props = withDefaults(\n  defineProps<{\n    file: FileViewerItem\n    /** 单文件最大读取字节数（超出截断），默认 2MB */\n    maxBytes?: number\n  }>(),\n  { maxBytes: 2 * 1024 * 1024 }\n)\n\nconst emit = defineEmits<{ (e: 'error', err: unknown): void }>()\n\nconst cls = bem('file-viewer')\n\nconst text = shallowRef('')\nconst truncated = ref(false)\nconst loading = ref(true)\n\nlet controller: AbortController | undefined\n\nfunction formatKb(bytes: number): string {\n  if (bytes >= 1024 * 1024) return `${(bytes / 1024 / 1024).toFixed(1)} MB`\n  return `${(bytes / 1024).toFixed(0)} KB`\n}\n\nasync function load() {\n  controller?.abort()\n  controller = new AbortController()\n  loading.value = true\n  truncated.value = false\n  text.value = ''\n\n  try {\n    const { toArrayBuffer } = await import('../helper')\n    const buf = await toArrayBuffer(props.file.src, controller.signal)\n    const max = props.maxBytes\n    const view = max > 0 && buf.byteLength > max ? new Uint8Array(buf, 0, max) : new Uint8Array(buf)\n    truncated.value = max > 0 && buf.byteLength > max\n    text.value = new TextDecoder('utf-8', { fatal: false }).decode(view)\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  text.value = ''\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;EAmBA,MAAM,QAAQ;EASd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAa;EAE7B,MAAM,OAAO,WAAW,GAAE;EAC1B,MAAM,YAAY,IAAI,MAAK;EAC3B,MAAM,UAAU,IAAI,KAAI;EAExB,IAAI;EAEJ,SAAS,SAAS,OAAuB;AACvC,OAAI,SAAS,OAAO,KAAM,QAAO,IAAI,QAAQ,OAAO,MAAM,QAAQ,EAAE,CAAC;AACrE,UAAO,IAAI,QAAQ,MAAM,QAAQ,EAAE,CAAC;;EAGtC,eAAe,OAAO;AACpB,eAAY,OAAM;AAClB,gBAAa,IAAI,iBAAgB;AACjC,WAAQ,QAAQ;AAChB,aAAU,QAAQ;AAClB,QAAK,QAAQ;AAEb,OAAI;IACF,MAAM,EAAE,kBAAkB,MAAM,OAAO;IACvC,MAAM,MAAM,MAAM,cAAc,MAAM,KAAK,KAAK,WAAW,OAAM;IACjE,MAAM,MAAM,MAAM;IAClB,MAAM,OAAO,MAAM,KAAK,IAAI,aAAa,MAAM,IAAI,WAAW,KAAK,GAAG,IAAI,GAAG,IAAI,WAAW,IAAG;AAC/F,cAAU,QAAQ,MAAM,KAAK,IAAI,aAAa;AAC9C,SAAK,QAAQ,IAAI,YAAY,SAAS,EAAE,OAAO,OAAO,CAAC,CAAC,OAAO,KAAI;YAC5D,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,QAAK,QAAQ;IACd;;uBAzEC,YAMW,MAAA,YAAA,EAAA;IAND,KAAI;IAAO,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA;;2BAGzB;KAFK,UAAA,SAAA,WAAA,EAAX,mBAEM,OAAA;;MAFiB,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,aAAA,CAAA;QAAgB,kBACrC,gBAAG,SAAS,QAAA,SAAQ,CAAA,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA;KAElC,mBAA6D,OAAA,EAAvD,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,WAAA,CAAA,EAAA,EAAA,CAAc,mBAAuB,QAAA,MAAA,gBAAd,KAAA,MAAI,EAAA,EAAA,CAAA,EAAA,EAAA;KAClC,QAAA,SAAA,WAAA,EAAX,mBAAwD,OAAA;;MAAnC,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;QAAa,QAAI,EAAA,IAAA,mBAAA,QAAA,KAAA"}

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

@@ -0,0 +1,62 @@
+import { createCommentVNode, createElementBlock, defineComponent, normalizeClass, onBeforeUnmount, openBlock, shallowRef, unref, useTemplateRef, watch } from "vue";
+import { bem } from "@veltra/utils";
+//#region src/components/file-viewer/previewers/video-previewer.vue
+const _hoisted_1 = ["src", "type"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FileViewerVideoPreviewer",
+	__name: "video-previewer",
+	props: { file: {} },
+	emits: ["error"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("file-viewer");
+		const url = shallowRef("");
+		const videoRef = useTemplateRef("videoRef");
+		let revoke;
+		let unmounting = false;
+		async function load() {
+			revoke?.();
+			const { toBlobUrl } = await import("../helper.js");
+			const r = toBlobUrl(props.file.src, props.file.mime);
+			url.value = r.url;
+			revoke = r.revoke;
+		}
+		function onVideoError(e) {
+			if (unmounting) return;
+			if (!e.target?.src) return;
+			emit("error", e);
+		}
+		watch(() => props.file, () => load(), { immediate: true });
+		onBeforeUnmount(() => {
+			unmounting = true;
+			const v = videoRef.value;
+			if (v) {
+				v.pause();
+				v.removeAttribute("src");
+				try {
+					v.load();
+				} catch {}
+			}
+			revoke?.();
+			url.value = "";
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).e("video")) }, [url.value ? (openBlock(), createElementBlock("video", {
+				key: 0,
+				ref_key: "videoRef",
+				ref: videoRef,
+				src: url.value,
+				type: __props.file.mime,
+				controls: "",
+				preload: "metadata",
+				playsinline: "",
+				onError: onVideoError
+			}, null, 40, _hoisted_1)) : createCommentVNode("v-if", true)], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=video-previewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"video-previewer.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/video-previewer.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('video')\">\n    <video\n      v-if=\"url\"\n      ref=\"videoRef\"\n      :src=\"url\"\n      :type=\"file.mime\"\n      controls\n      preload=\"metadata\"\n      playsinline\n      @error=\"onVideoError\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { onBeforeUnmount, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport type { FileViewerItem } from '../../../types/file-viewer'\n\ndefineOptions({ name: 'FileViewerVideoPreviewer' })\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 videoRef = useTemplateRef<HTMLVideoElement>('videoRef')\n\nlet revoke: (() => void) | undefined\nlet unmounting = false\n\nasync function load() {\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 onVideoError(e: Event) {\n  if (unmounting) return\n  const v = e.target as HTMLVideoElement | null\n  if (!v?.src) return\n  emit('error', e)\n}\n\nwatch(\n  () => props.file,\n  () => load(),\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  unmounting = true\n  const v = videoRef.value\n  if (v) {\n    v.pause()\n    v.removeAttribute('src')\n    try {\n      v.load()\n    } catch {\n      /* noop */\n    }\n  }\n  revoke?.()\n  url.value = ''\n})\n</script>\n"],"mappings":";;;;;;;;;;EAuBA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAa;EAE7B,MAAM,MAAM,WAAmB,GAAE;EACjC,MAAM,WAAW,eAAiC,WAAU;EAE5D,IAAI;EACJ,IAAI,aAAa;EAEjB,eAAe,OAAO;AACpB,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,aAAa,GAAU;AAC9B,OAAI,WAAY;AAEhB,OAAI,CADM,EAAE,QACJ,IAAK;AACb,QAAK,SAAS,EAAC;;AAGjB,cACQ,MAAM,YACN,MAAM,EACZ,EAAE,WAAW,MAAK,CACpB;AAEA,wBAAsB;AACpB,gBAAa;GACb,MAAM,IAAI,SAAS;AACnB,OAAI,GAAG;AACL,MAAE,OAAM;AACR,MAAE,gBAAgB,MAAK;AACvB,QAAI;AACF,OAAE,MAAK;YACD;;AAIV,aAAS;AACT,OAAI,QAAQ;IACb;;uBArEC,mBAWM,OAAA,EAXA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,QAAA,CAAA,EAAA,EAAA,CAER,IAAA,SAAA,WAAA,EADR,mBASE,SAAA;;aAPI;IAAJ,KAAI;IACH,KAAK,IAAA;IACL,MAAM,QAAA,KAAK;IACZ,UAAA;IACA,SAAQ;IACR,aAAA;IACC,SAAO"}

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

@@ -0,0 +1 @@
+export { };

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

@@ -0,0 +1,4 @@
+import "../icon/style.js";
+import "../scroll/style.js";
+import "../empty/style.js";
+import "./style2.css";