@veltra/desktop 1.0.7 → 1.0.9

package/dist/components/date-range-picker/style.js

@@ -1 +1,4 @@
+import "../icon/style.js";
+import "../dropdown/style.js";
+import "../date-panel/style.js";
 import "./style2.css";

package/dist/components/dialog/style.js

@@ -1,3 +1,5 @@
+import "../icon/style.js";
+import "../scroll/style.js";
 import "./style2.css";
 import "@veltra/styles/anime/fade.scss";
 import "@veltra/styles/anime/spring.scss";

package/dist/components/drawer/style.js

@@ -1,2 +1,3 @@
+import "../icon/style.js";
 import "./style2.css";
 import "@veltra/styles/anime/fade.scss";

package/dist/components/drawer/style2.css

@@ -33,18 +33,6 @@
   align-items: center;
   justify-content: center;
 }
-.u-drawer.is-right {
-  --transform: translateX(100%);
-}
-.u-drawer.is-left {
-  --transform: translateX(-100%);
-}
-.u-drawer.is-top {
-  --transform: translateY(-100%);
-}
-.u-drawer.is-bottom {
-  --transform: translateY(100%);
-}
 .u-drawer.is-right {
   top: 4px;
   bottom: 4px;
@@ -134,20 +122,20 @@
 
 .drawer-slide-right-enter-from,
 .drawer-slide-right-leave-to {
-  transform: var(--transform);
+  transform: translateX(100%);
 }
 
 .drawer-slide-left-enter-from,
 .drawer-slide-left-leave-to {
-  transform: var(--transform);
+  transform: translateX(-100%);
 }
 
 .drawer-slide-top-enter-from,
 .drawer-slide-top-leave-to {
-  transform: var(--transform);
+  transform: translateY(-100%);
 }
 
 .drawer-slide-bottom-enter-from,
 .drawer-slide-bottom-leave-to {
-  transform: var(--transform);
+  transform: translateY(100%);
 }

package/dist/components/empty/style.js

@@ -1 +1,2 @@
+import "../icon/style.js";
 import "./style2.css";

package/dist/components/expression-editor/style.js

@@ -1 +1,7 @@
+import "../icon/style.js";
+import "../tip/style.js";
+import "../scroll/style.js";
+import "../input/style.js";
+import "../tag/style.js";
+import "../empty/style.js";
 import "./style2.css";

package/dist/components/file-picker/file-picker.vue.d.ts

@@ -13,8 +13,8 @@ declare const __VLS_base: _$vue.DefineComponent<UploaderProps, {}, {}, {}, {}, _
 }, string, _$vue.PublicProps, Readonly<UploaderProps> & Readonly<{
   onPick?: ((files: File[]) => any) | undefined;
 }>, {
-  multiple: boolean;
   tag: string;
+  multiple: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,17 +1,29 @@
 //#region src/components/file-picker/helper.ts
 /**
-* 校验文件是否匹配 accept 字符串 (仅支持 MIME 类型)
-* @param file 文件对象
-* @param accept 接受的文件类型，例如：image/*,application/pdf
+* 校验文件是否匹配 accept 字符串（支持 MIME 类型与通配符）。
+*
+* 支持的形式：
+* - `*` / `*\/*`：接受所有文件
+* - `image/*`：MIME 类型组匹配
+* - `application/pdf`：精确 MIME 类型
+* - `.pdf` / `.docx`：扩展名匹配（不区分大小写）
+*
+* 多个值以逗号分隔，命中任一即视为匹配。
 */
 function matchAccept(file, accept) {
 	if (!accept) return true;
 	const fileType = file.type.toLowerCase();
-	return accept.split(",").map((item) => item.trim().toLowerCase()).some((item) => {
+	const fileName = file.name.toLowerCase();
+	const acceptList = accept.split(",").map((item) => item.trim().toLowerCase()).filter(Boolean);
+	if (!acceptList.length) return true;
+	return acceptList.some((item) => {
+		if (item === "*" || item === "*/*") return true;
+		if (item.startsWith(".")) return fileName.endsWith(item);
 		if (item.endsWith("/*")) {
-			const group = item.replace("/*", "");
-			return fileType.startsWith(group);
-		} else return fileType === item;
+			const group = item.slice(0, -2);
+			return fileType.startsWith(`${group}/`);
+		}
+		return fileType === item;
 	});
 }
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"helper.js","names":[],"sources":["../../../src/components/file-picker/helper.ts"],"sourcesContent":["/**\n * 校验文件是否匹配 accept 字符串 (仅支持 MIME 类型)\n * @param file 文件对象\n * @param accept 接受的文件类型，例如：image/*,application/pdf\n */\nexport function matchAccept(file: File, accept?: string): boolean {\n  if (!accept) return true\n\n  const fileType = file.type.toLowerCase()\n  const acceptList = accept.split(',').map((item) => item.trim().toLowerCase())\n\n  return acceptList.some((item) => {\n    if (item.endsWith('/*')) {\n      // MIME 类型组匹配 (例如：image/*)\n      const group = item.replace('/*', '')\n      return fileType.startsWith(group)\n    } else {\n      // MIME 类型精确匹配\n      return fileType === item\n    }\n  })\n}\n"],"mappings":";;;;;;AAKA,SAAgB,YAAY,MAAY,QAA0B;AAChE,KAAI,CAAC,OAAQ,QAAO;CAEpB,MAAM,WAAW,KAAK,KAAK,aAAa;AAGxC,QAFmB,OAAO,MAAM,IAAI,CAAC,KAAK,SAAS,KAAK,MAAM,CAAC,aAAa,CAAC,CAE3D,MAAM,SAAS;AAC/B,MAAI,KAAK,SAAS,KAAK,EAAE;GAEvB,MAAM,QAAQ,KAAK,QAAQ,MAAM,GAAG;AACpC,UAAO,SAAS,WAAW,MAAM;QAGjC,QAAO,aAAa;GAEtB"}
+{"version":3,"file":"helper.js","names":[],"sources":["../../../src/components/file-picker/helper.ts"],"sourcesContent":["/**\n * 校验文件是否匹配 accept 字符串（支持 MIME 类型与通配符）。\n *\n * 支持的形式：\n * - `*` / `*\\/*`：接受所有文件\n * - `image/*`：MIME 类型组匹配\n * - `application/pdf`：精确 MIME 类型\n * - `.pdf` / `.docx`：扩展名匹配（不区分大小写）\n *\n * 多个值以逗号分隔，命中任一即视为匹配。\n */\nexport function matchAccept(file: File, accept?: string): boolean {\n  if (!accept) return true\n\n  const fileType = file.type.toLowerCase()\n  const fileName = file.name.toLowerCase()\n  const acceptList = accept\n    .split(',')\n    .map((item) => item.trim().toLowerCase())\n    .filter(Boolean)\n\n  if (!acceptList.length) return true\n\n  return acceptList.some((item) => {\n    if (item === '*' || item === '*/*') return true\n    if (item.startsWith('.')) return fileName.endsWith(item)\n    if (item.endsWith('/*')) {\n      const group = item.slice(0, -2)\n      return fileType.startsWith(`${group}/`)\n    }\n    return fileType === item\n  })\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,YAAY,MAAY,QAA0B;AAChE,KAAI,CAAC,OAAQ,QAAO;CAEpB,MAAM,WAAW,KAAK,KAAK,aAAa;CACxC,MAAM,WAAW,KAAK,KAAK,aAAa;CACxC,MAAM,aAAa,OAChB,MAAM,IAAI,CACV,KAAK,SAAS,KAAK,MAAM,CAAC,aAAa,CAAC,CACxC,OAAO,QAAQ;AAElB,KAAI,CAAC,WAAW,OAAQ,QAAO;AAE/B,QAAO,WAAW,MAAM,SAAS;AAC/B,MAAI,SAAS,OAAO,SAAS,MAAO,QAAO;AAC3C,MAAI,KAAK,WAAW,IAAI,CAAE,QAAO,SAAS,SAAS,KAAK;AACxD,MAAI,KAAK,SAAS,KAAK,EAAE;GACvB,MAAM,QAAQ,KAAK,MAAM,GAAG,GAAG;AAC/B,UAAO,SAAS,WAAW,GAAG,MAAM,GAAG;;AAEzC,SAAO,aAAa;GACpB"}

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

@@ -0,0 +1,294 @@
+import _sfc_main$1 from "../icon/icon.js";
+import _sfc_main$2 from "../scroll/scroll.js";
+import _sfc_main$3 from "../empty/empty.js";
+import { FILE_VIEWER_KIND_LABEL, downloadFile, formatBytes, inferKind } from "./helper.js";
+import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, renderList, resolveDynamicComponent, shallowRef, toDisplayString, unref, useModel, watch, withCtx, withModifiers } from "vue";
+import { bem, withUnit } from "@veltra/utils";
+import { Close } from "@veltra/icons/normal";
+//#region src/components/file-viewer/file-viewer.vue
+const _hoisted_1 = ["tabindex"];
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = ["title"];
+const _hoisted_4 = ["disabled"];
+const _hoisted_5 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FileViewer",
+	inheritAttrs: false,
+	__name: "file-viewer",
+	props: /* @__PURE__ */ mergeModels({
+		files: {},
+		modelValue: { default: void 0 },
+		sidebarWidth: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: "280px"
+		},
+		sheetMaxRows: { default: 5e4 },
+		downloadable: {
+			type: Boolean,
+			default: true
+		},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		closeOnClickBackdrop: {
+			type: Boolean,
+			default: true
+		},
+		closeOnEsc: {
+			type: Boolean,
+			default: true
+		}
+	}, {
+		"modelValue": { default: void 0 },
+		"modelModifiers": {},
+		"open": {
+			type: Boolean,
+			default: void 0
+		},
+		"openModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels([
+		"update:modelValue",
+		"update:open",
+		"change",
+		"error"
+	], ["update:modelValue", "update:open"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("file-viewer");
+		const activeId = useModel(__props, "modelValue");
+		const openModel = useModel(__props, "open");
+		const rootRef = shallowRef();
+		const PreviewerMap = {
+			image: defineAsyncComponent(() => import("./previewers/image-previewer.js")),
+			video: defineAsyncComponent(() => import("./previewers/video-previewer.js")),
+			pdf: defineAsyncComponent(() => import("./previewers/pdf-previewer.js")),
+			sheet: defineAsyncComponent(() => import("./previewers/sheet-previewer.js")),
+			docx: defineAsyncComponent(() => import("./previewers/docx-previewer.js")),
+			text: defineAsyncComponent(() => import("./previewers/text-previewer.js"))
+		};
+		const normalizedFiles = computed(() => props.files.map((f, i) => ({
+			...f,
+			id: f.id ?? `file-${i}`,
+			kind: inferKind(f.name, f.kind)
+		})));
+		const activeFile = computed(() => normalizedFiles.value.find((f) => f.id === activeId.value));
+		const activeIndex = computed(() => normalizedFiles.value.findIndex((f) => f.id === activeId.value));
+		const hasPrev = computed(() => activeIndex.value > 0);
+		const hasNext = computed(() => activeIndex.value >= 0 && activeIndex.value < normalizedFiles.value.length - 1);
+		const showSidebar = computed(() => props.sidebarWidth !== false && props.sidebarWidth !== 0);
+		const sidebarWidthCss = computed(() => {
+			const w = props.sidebarWidth;
+			if (w === false || w === 0) return void 0;
+			return withUnit(w ?? "280px", "px");
+		});
+		/** 是否启用模态模式：只要父组件显式传入 open（含 v-model:open），即进入模态 */
+		const isModal = computed(() => openModel.value !== void 0);
+		function label(kind) {
+			return FILE_VIEWER_KIND_LABEL[kind];
+		}
+		function activate(id) {
+			if (activeId.value === id) return;
+			activeId.value = id;
+			const f = normalizedFiles.value.find((x) => x.id === id);
+			if (f) emit("change", f);
+		}
+		function prev() {
+			const i = activeIndex.value;
+			if (i <= 0) return;
+			const target = normalizedFiles.value[i - 1];
+			if (target) activate(target.id);
+		}
+		function next() {
+			const i = activeIndex.value;
+			if (i < 0 || i >= normalizedFiles.value.length - 1) return;
+			const target = normalizedFiles.value[i + 1];
+			if (target) activate(target.id);
+		}
+		async function download() {
+			if (!activeFile.value) return;
+			try {
+				await downloadFile(activeFile.value);
+			} catch (err) {
+				emit("error", {
+					file: activeFile.value,
+					error: err
+				});
+			}
+		}
+		function handleChildError(err) {
+			if (!activeFile.value) return;
+			emit("error", {
+				file: activeFile.value,
+				error: err
+			});
+		}
+		function handleClose() {
+			if (!isModal.value) return;
+			openModel.value = false;
+		}
+		function handleWindowKeydown(e) {
+			if (e.key !== "Escape") return;
+			if (!isModal.value || !openModel.value) return;
+			if (props.closeOnEsc === false) return;
+			e.stopPropagation();
+			handleClose();
+		}
+		function handleBackdropMousedown() {
+			if (!isModal.value) return;
+			if (props.closeOnClickBackdrop === false) return;
+			handleClose();
+		}
+		watch(normalizedFiles, (files) => {
+			if (!files.length) {
+				activeId.value = void 0;
+				return;
+			}
+			if (!activeId.value || !files.some((f) => f.id === activeId.value)) activeId.value = files[0].id;
+		}, { immediate: true });
+		let previousBodyOverflow = "";
+		let isBodyLocked = false;
+		function lockBody() {
+			if (isBodyLocked || typeof document === "undefined") return;
+			previousBodyOverflow = document.body.style.overflow;
+			document.body.style.overflow = "hidden";
+			isBodyLocked = true;
+		}
+		function unlockBody() {
+			if (!isBodyLocked || typeof document === "undefined") return;
+			document.body.style.overflow = previousBodyOverflow;
+			isBodyLocked = false;
+		}
+		watch([isModal, openModel], ([modal, open]) => {
+			if (modal && open) {
+				lockBody();
+				nextTick(() => {
+					rootRef.value?.focus();
+				});
+				if (typeof window !== "undefined") window.addEventListener("keydown", handleWindowKeydown, true);
+			} else {
+				unlockBody();
+				if (typeof window !== "undefined") window.removeEventListener("keydown", handleWindowKeydown, true);
+			}
+		}, { immediate: true });
+		onBeforeUnmount(() => {
+			unlockBody();
+			if (typeof window !== "undefined") window.removeEventListener("keydown", handleWindowKeydown, true);
+		});
+		__expose({
+			activeId,
+			activate,
+			next,
+			prev
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, {
+				to: "body",
+				disabled: !isModal.value
+			}, [createVNode(Transition, { name: isModal.value ? "u-file-viewer-modal" : "" }, {
+				default: withCtx(() => [!isModal.value || openModel.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass([unref(cls).b, unref(bem).is("modal", isModal.value)]),
+					tabindex: isModal.value ? -1 : void 0,
+					ref_key: "rootRef",
+					ref: rootRef,
+					onMousedown: withModifiers(handleBackdropMousedown, ["self"])
+				}, [isModal.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(cls).e("backdrop")),
+					onMousedown: withModifiers(handleBackdropMousedown, ["self"])
+				}, null, 34)) : createCommentVNode("v-if", true), createElementVNode("div", { class: normalizeClass(unref(cls).e("inner")) }, [showSidebar.value ? (openBlock(), createElementBlock("aside", {
+					key: 0,
+					class: normalizeClass(unref(cls).e("sidebar")),
+					style: normalizeStyle({ width: sidebarWidthCss.value })
+				}, [createElementVNode("header", { class: normalizeClass(unref(cls).e("sidebar-head")) }, [createElementVNode("span", { class: normalizeClass(unref(cls).e("sidebar-title")) }, "文件", 2), createElementVNode("span", { class: normalizeClass(unref(cls).e("sidebar-count")) }, toDisplayString(normalizedFiles.value.length), 3)], 2), createVNode(unref(_sfc_main$2), {
+					tag: "ul",
+					class: normalizeClass(unref(cls).e("list"))
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedFiles.value, (f) => {
+						return openBlock(), createElementBlock("li", {
+							key: f.id,
+							class: normalizeClass([unref(cls).e("item"), unref(bem).is("active", f.id === activeId.value)]),
+							onClick: ($event) => activate(f.id)
+						}, [createElementVNode("span", { class: normalizeClass([unref(cls).e("badge"), unref(cls).em("badge", f.kind)]) }, toDisplayString(label(f.kind)), 3), createElementVNode("span", { class: normalizeClass(unref(cls).e("item-meta")) }, [createElementVNode("span", {
+							class: normalizeClass(unref(cls).e("item-name")),
+							title: f.name
+						}, toDisplayString(f.name), 11, _hoisted_3), createElementVNode("span", { class: normalizeClass(unref(cls).e("item-size")) }, toDisplayString(unref(formatBytes)(f.size)), 3)], 2)], 10, _hoisted_2);
+					}), 128)), !normalizedFiles.value.length ? (openBlock(), createElementBlock("li", {
+						key: 0,
+						class: normalizeClass(unref(cls).e("list-empty"))
+					}, [createVNode(unref(_sfc_main$3), {
+						text: "暂无文件",
+						size: 32
+					})], 2)) : createCommentVNode("v-if", true)]),
+					_: 1
+				}, 8, ["class"])], 6)) : createCommentVNode("v-if", true), createElementVNode("section", { class: normalizeClass(unref(cls).e("stage")) }, [createElementVNode("header", { class: normalizeClass(unref(cls).e("stage-head")) }, [createElementVNode("div", { class: normalizeClass(unref(cls).e("stage-title")) }, [
+					activeFile.value ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass([unref(cls).e("badge"), unref(cls).em("badge", activeFile.value.kind)])
+					}, toDisplayString(label(activeFile.value.kind)), 3)) : createCommentVNode("v-if", true),
+					createElementVNode("span", { class: normalizeClass(unref(cls).e("stage-name")) }, toDisplayString(activeFile.value?.name ?? "—"), 3),
+					activeFile.value?.size ? (openBlock(), createElementBlock("span", {
+						key: 1,
+						class: normalizeClass(unref(cls).e("stage-sub"))
+					}, toDisplayString(unref(formatBytes)(activeFile.value.size)), 3)) : createCommentVNode("v-if", true)
+				], 2), createElementVNode("div", { class: normalizeClass(unref(cls).e("stage-actions")) }, [
+					createElementVNode("button", {
+						class: normalizeClass(unref(cls).e("action")),
+						disabled: !hasPrev.value,
+						type: "button",
+						onClick: prev
+					}, " 上一个 ", 10, _hoisted_4),
+					createElementVNode("button", {
+						class: normalizeClass(unref(cls).e("action")),
+						disabled: !hasNext.value,
+						type: "button",
+						onClick: next
+					}, " 下一个 ", 10, _hoisted_5),
+					__props.downloadable && activeFile.value ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						class: normalizeClass([unref(cls).e("action"), unref(cls).em("action", "primary")]),
+						type: "button",
+						onClick: download
+					}, " 下载 ", 2)) : createCommentVNode("v-if", true),
+					isModal.value ? (openBlock(), createElementBlock("button", {
+						key: 1,
+						class: normalizeClass([unref(cls).e("action"), unref(cls).em("action", "icon")]),
+						type: "button",
+						"aria-label": "关闭预览",
+						title: "关闭",
+						onClick: handleClose
+					}, [createVNode(unref(_sfc_main$1), { size: 16 }, {
+						default: withCtx(() => [createVNode(unref(Close))]),
+						_: 1
+					})], 2)) : createCommentVNode("v-if", true)
+				], 2)], 2), createElementVNode("div", { class: normalizeClass(unref(cls).e("body")) }, [createVNode(Transition, {
+					name: "u-file-viewer-fade",
+					mode: "out-in"
+				}, {
+					default: withCtx(() => [activeFile.value ? (openBlock(), createBlock(resolveDynamicComponent(PreviewerMap[activeFile.value.kind]), {
+						key: activeFile.value.id,
+						file: activeFile.value,
+						"max-rows": __props.sheetMaxRows,
+						onError: handleChildError
+					}, null, 40, ["file", "max-rows"])) : (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass(unref(cls).e("empty"))
+					}, [createVNode(unref(_sfc_main$3), { text: "暂无可预览文件" })], 2))]),
+					_: 1
+				})], 2)], 2)], 2)], 42, _hoisted_1)) : createCommentVNode("v-if", true)]),
+				_: 1
+			}, 8, ["name"])], 8, ["disabled"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=file-viewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-viewer.js","names":[],"sources":["../../../src/components/file-viewer/file-viewer.vue"],"sourcesContent":["<template>\n  <Teleport to=\"body\" :disabled=\"!isModal\">\n    <transition :name=\"isModal ? 'u-file-viewer-modal' : ''\">\n      <div\n        v-if=\"!isModal || openModel\"\n        :class=\"[cls.b, bem.is('modal', isModal)]\"\n        :tabindex=\"isModal ? -1 : undefined\"\n        ref=\"rootRef\"\n        @mousedown.self=\"handleBackdropMousedown\"\n      >\n        <div v-if=\"isModal\" :class=\"cls.e('backdrop')\" @mousedown.self=\"handleBackdropMousedown\" />\n        <div :class=\"cls.e('inner')\">\n          <aside v-if=\"showSidebar\" :class=\"cls.e('sidebar')\" :style=\"{ width: sidebarWidthCss }\">\n            <header :class=\"cls.e('sidebar-head')\">\n              <span :class=\"cls.e('sidebar-title')\">文件</span>\n              <span :class=\"cls.e('sidebar-count')\">{{ normalizedFiles.length }}</span>\n            </header>\n            <u-scroll tag=\"ul\" :class=\"cls.e('list')\">\n              <li\n                v-for=\"f in normalizedFiles\"\n                :key=\"f.id\"\n                :class=\"[cls.e('item'), bem.is('active', f.id === activeId)]\"\n                @click=\"activate(f.id)\"\n              >\n                <span :class=\"[cls.e('badge'), cls.em('badge', f.kind)]\">\n                  {{ label(f.kind) }}\n                </span>\n                <span :class=\"cls.e('item-meta')\">\n                  <span :class=\"cls.e('item-name')\" :title=\"f.name\">{{ f.name }}</span>\n                  <span :class=\"cls.e('item-size')\">{{ formatBytes(f.size) }}</span>\n                </span>\n              </li>\n              <li v-if=\"!normalizedFiles.length\" :class=\"cls.e('list-empty')\">\n                <u-empty text=\"暂无文件\" :size=\"32\" />\n              </li>\n            </u-scroll>\n          </aside>\n\n          <section :class=\"cls.e('stage')\">\n            <header :class=\"cls.e('stage-head')\">\n              <div :class=\"cls.e('stage-title')\">\n                <span v-if=\"activeFile\" :class=\"[cls.e('badge'), cls.em('badge', activeFile.kind)]\">\n                  {{ label(activeFile.kind) }}\n                </span>\n                <span :class=\"cls.e('stage-name')\">\n                  {{ activeFile?.name ?? '—' }}\n                </span>\n                <span v-if=\"activeFile?.size\" :class=\"cls.e('stage-sub')\">\n                  {{ formatBytes(activeFile.size) }}\n                </span>\n              </div>\n              <div :class=\"cls.e('stage-actions')\">\n                <button :class=\"cls.e('action')\" :disabled=\"!hasPrev\" type=\"button\" @click=\"prev\">\n                  上一个\n                </button>\n                <button :class=\"cls.e('action')\" :disabled=\"!hasNext\" type=\"button\" @click=\"next\">\n                  下一个\n                </button>\n                <button\n                  v-if=\"downloadable && activeFile\"\n                  :class=\"[cls.e('action'), cls.em('action', 'primary')]\"\n                  type=\"button\"\n                  @click=\"download\"\n                >\n                  下载\n                </button>\n                <button\n                  v-if=\"isModal\"\n                  :class=\"[cls.e('action'), cls.em('action', 'icon')]\"\n                  type=\"button\"\n                  aria-label=\"关闭预览\"\n                  title=\"关闭\"\n                  @click=\"handleClose\"\n                >\n                  <u-icon :size=\"16\">\n                    <Close />\n                  </u-icon>\n                </button>\n              </div>\n            </header>\n            <div :class=\"cls.e('body')\">\n              <transition name=\"u-file-viewer-fade\" mode=\"out-in\">\n                <component\n                  :is=\"PreviewerMap[activeFile.kind]\"\n                  v-if=\"activeFile\"\n                  :key=\"activeFile.id\"\n                  :file=\"activeFile\"\n                  :max-rows=\"sheetMaxRows\"\n                  @error=\"handleChildError\"\n                />\n                <div v-else :class=\"cls.e('empty')\">\n                  <u-empty text=\"暂无可预览文件\" />\n                </div>\n              </transition>\n            </div>\n          </section>\n        </div>\n      </div>\n    </transition>\n  </Teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Close } from '@veltra/icons/normal'\nimport { bem, withUnit } from '@veltra/utils'\nimport { computed, defineAsyncComponent, nextTick, onBeforeUnmount, shallowRef, watch } from 'vue'\n\nimport type {\n  _FileViewerExposed,\n  FileViewerEmits,\n  FileViewerItem,\n  FileViewerKind,\n  FileViewerProps\n} from '../../types/file-viewer'\nimport { UEmpty } from '../empty'\nimport { UIcon } from '../icon'\nimport { UScroll } from '../scroll'\nimport { FILE_VIEWER_KIND_LABEL, downloadFile, formatBytes, inferKind } from './helper'\n\ndefineOptions({\n  name: 'FileViewer',\n  inheritAttrs: false\n})\n\nconst props = withDefaults(defineProps<FileViewerProps>(), {\n  modelValue: undefined,\n  sidebarWidth: '280px',\n  sheetMaxRows: 50_000,\n  downloadable: true,\n  open: undefined,\n  closeOnClickBackdrop: true,\n  closeOnEsc: true\n})\n\nconst emit = defineEmits<FileViewerEmits>()\n\nconst cls = bem('file-viewer')\n\nconst activeId = defineModel<string | undefined>('modelValue', { default: undefined })\nconst openModel = defineModel<boolean | undefined>('open', { default: undefined })\n\nconst rootRef = shallowRef<HTMLDivElement>()\n\nconst PreviewerMap: Record<FileViewerKind, ReturnType<typeof defineAsyncComponent>> = {\n  image: defineAsyncComponent(() => import('./previewers/image-previewer.vue')),\n  video: defineAsyncComponent(() => import('./previewers/video-previewer.vue')),\n  pdf: defineAsyncComponent(() => import('./previewers/pdf-previewer.vue')),\n  sheet: defineAsyncComponent(() => import('./previewers/sheet-previewer.vue')),\n  docx: defineAsyncComponent(() => import('./previewers/docx-previewer.vue')),\n  text: defineAsyncComponent(() => import('./previewers/text-previewer.vue'))\n}\n\ninterface NormalizedFile extends FileViewerItem {\n  id: string\n  kind: FileViewerKind\n}\n\nconst normalizedFiles = computed<NormalizedFile[]>(() =>\n  props.files.map((f, i) => ({\n    ...f,\n    id: f.id ?? `file-${i}`,\n    kind: inferKind(f.name, f.kind)\n  }))\n)\n\nconst activeFile = computed<NormalizedFile | undefined>(() =>\n  normalizedFiles.value.find((f) => f.id === activeId.value)\n)\n\nconst activeIndex = computed(() => normalizedFiles.value.findIndex((f) => f.id === activeId.value))\n\nconst hasPrev = computed(() => activeIndex.value > 0)\nconst hasNext = computed(\n  () => activeIndex.value >= 0 && activeIndex.value < normalizedFiles.value.length - 1\n)\n\nconst showSidebar = computed(() => props.sidebarWidth !== false && props.sidebarWidth !== 0)\n\nconst sidebarWidthCss = computed(() => {\n  const w = props.sidebarWidth\n  if (w === false || w === 0) return undefined\n  return withUnit(w ?? '280px', 'px')\n})\n\n/** 是否启用模态模式：只要父组件显式传入 open（含 v-model:open），即进入模态 */\nconst isModal = computed(() => openModel.value !== undefined)\n\nfunction label(kind: FileViewerKind): string {\n  return FILE_VIEWER_KIND_LABEL[kind]\n}\n\nfunction activate(id: string) {\n  if (activeId.value === id) return\n  activeId.value = id\n  const f = normalizedFiles.value.find((x) => x.id === id)\n  if (f) emit('change', f)\n}\n\nfunction prev() {\n  const i = activeIndex.value\n  if (i <= 0) return\n  const target = normalizedFiles.value[i - 1]\n  if (target) activate(target.id)\n}\n\nfunction next() {\n  const i = activeIndex.value\n  if (i < 0 || i >= normalizedFiles.value.length - 1) return\n  const target = normalizedFiles.value[i + 1]\n  if (target) activate(target.id)\n}\n\nasync function download() {\n  if (!activeFile.value) return\n  try {\n    await downloadFile(activeFile.value)\n  } catch (err) {\n    emit('error', { file: activeFile.value, error: err })\n  }\n}\n\nfunction handleChildError(err: unknown) {\n  if (!activeFile.value) return\n  emit('error', { file: activeFile.value, error: err })\n}\n\nfunction handleClose() {\n  if (!isModal.value) return\n  openModel.value = false\n}\n\nfunction handleWindowKeydown(e: KeyboardEvent) {\n  if (e.key !== 'Escape') return\n  if (!isModal.value || !openModel.value) return\n  if (props.closeOnEsc === false) return\n  e.stopPropagation()\n  handleClose()\n}\n\nfunction handleBackdropMousedown() {\n  if (!isModal.value) return\n  if (props.closeOnClickBackdrop === false) return\n  handleClose()\n}\n\nwatch(\n  normalizedFiles,\n  (files) => {\n    if (!files.length) {\n      activeId.value = undefined\n      return\n    }\n    if (!activeId.value || !files.some((f) => f.id === activeId.value)) {\n      activeId.value = files[0]!.id\n    }\n  },\n  { immediate: true }\n)\n\n// 模态打开时：锁定 body 滚动 + 让容器获得焦点以便接收 ESC\nlet previousBodyOverflow = ''\nlet isBodyLocked = false\n\nfunction lockBody() {\n  if (isBodyLocked || typeof document === 'undefined') return\n  previousBodyOverflow = document.body.style.overflow\n  document.body.style.overflow = 'hidden'\n  isBodyLocked = true\n}\n\nfunction unlockBody() {\n  if (!isBodyLocked || typeof document === 'undefined') return\n  document.body.style.overflow = previousBodyOverflow\n  isBodyLocked = false\n}\n\nwatch(\n  [isModal, openModel],\n  ([modal, open]) => {\n    if (modal && open) {\n      lockBody()\n      nextTick(() => {\n        rootRef.value?.focus()\n      })\n      if (typeof window !== 'undefined') {\n        window.addEventListener('keydown', handleWindowKeydown, true)\n      }\n    } else {\n      unlockBody()\n      if (typeof window !== 'undefined') {\n        window.removeEventListener('keydown', handleWindowKeydown, true)\n      }\n    }\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  unlockBody()\n  if (typeof window !== 'undefined') {\n    window.removeEventListener('keydown', handleWindowKeydown, true)\n  }\n})\n\ndefineExpose<_FileViewerExposed>({\n  activeId,\n  activate,\n  next,\n  prev\n})\n</script>\n"],"mappings":"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"}

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

@@ -0,0 +1,42 @@
+import { FileViewerItem, FileViewerProps, _FileViewerExposed } from "../../types/file-viewer.js";
+import * as _$vue from "vue";
+
+//#region src/components/file-viewer/file-viewer.vue.d.ts
+type __VLS_Props = FileViewerProps;
+type __VLS_ModelProps = {
+  'modelValue'?: string | undefined;
+  'open'?: boolean | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, _FileViewerExposed, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: string | undefined) => any;
+  "update:open": (value: boolean | undefined) => any;
+} & {
+  "update:modelValue": (id: string) => any;
+  change: (file: FileViewerItem) => any;
+  error: (err: {
+    file: FileViewerItem;
+    error: unknown;
+  }) => any;
+  "update:open": (value: boolean) => any;
+}, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+  "onUpdate:modelValue"?: ((id: string) => any) | undefined;
+  onChange?: ((file: FileViewerItem) => any) | undefined;
+  onError?: ((err: {
+    file: FileViewerItem;
+    error: unknown;
+  }) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+  modelValue: string;
+  open: boolean;
+  sidebarWidth: string | number | false;
+  sheetMaxRows: number;
+  downloadable: boolean;
+  closeOnClickBackdrop: boolean;
+  closeOnEsc: boolean;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };
+//# sourceMappingURL=file-viewer.vue.d.ts.map