@robot-admin/naive-ui-components 0.3.0

package/dist/C_FilePreview2.js

@@ -0,0 +1,1031 @@
+import { t as export_helper_default } from "./export-helper.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderList, resolveComponent, toDisplayString, toRefs, unref, vShow, watch, withCtx, withDirectives } from "vue";
+import { NButton, NDivider, NEllipsis, NEmpty, NInputNumber, NModal, NPagination, NResult, NSpin, NTabPane, NTabs, NTag, NText } from "naive-ui";
+import * as XLSX from "xlsx";
+import mammoth from "mammoth";
+
+//#region src/components/C_FilePreview/data.ts
+const FILE_TYPE_MAP = {
+	pdf: "pdf",
+	doc: "word",
+	docx: "word",
+	xls: "excel",
+	xlsx: "excel"
+};
+const FILE_CONFIGS = {
+	pdf: {
+		tagType: "error",
+		icon: "ic:outline-picture-as-pdf",
+		color: "#dc2626"
+	},
+	word: {
+		tagType: "info",
+		icon: "ic:outline-description",
+		color: "#2563eb"
+	},
+	excel: {
+		tagType: "success",
+		icon: "ic:outline-grid-on",
+		color: "#16a34a"
+	},
+	unknown: {
+		tagType: "default",
+		icon: "ic:outline-insert-drive-file",
+		color: "#6b7280"
+	}
+};
+const ZOOM_CONFIGS = {
+	pdf: {
+		min: .5,
+		max: 3,
+		step: .25,
+		default: 1
+	},
+	word: {
+		min: 50,
+		max: 200,
+		step: 10,
+		default: 100
+	}
+};
+const PAGE_SIZE_OPTIONS = [
+	20,
+	50,
+	100,
+	200
+];
+const FULLSCREEN_EVENTS = [
+	"fullscreenchange",
+	"webkitfullscreenchange",
+	"mozfullscreenchange",
+	"MSFullscreenChange"
+];
+const extractFileNameFromUrl = (url) => {
+	try {
+		const urlPath = url.split("/").pop() || url.split("\\").pop();
+		if (urlPath?.includes(".")) {
+			const decodedName = decodeURIComponent(urlPath.split("?")[0]);
+			if (decodedName && decodedName !== url) return decodedName;
+		}
+	} catch (error) {
+		console.warn("解析URL文件名失败:", error);
+	}
+	return "未知文件";
+};
+const formatFileSize = (bytes) => {
+	if (bytes === 0) return "0 B";
+	const k = 1024;
+	const sizes = [
+		"B",
+		"KB",
+		"MB",
+		"GB"
+	];
+	const i = Math.floor(Math.log(bytes) / Math.log(k));
+	return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + " " + sizes[i];
+};
+const getFileType = (fileName) => {
+	if (!fileName || fileName === "未知文件") return "unknown";
+	const ext = fileName.toLowerCase().split(".").pop();
+	if (!ext) return "unknown";
+	return FILE_TYPE_MAP[ext] || "unknown";
+};
+const getFileConfig = (fileType) => {
+	return FILE_CONFIGS[fileType] || FILE_CONFIGS.unknown;
+};
+const createZoomHandler = (valueRef, config) => {
+	return (action) => {
+		const { min, max, step, default: defaultValue } = config;
+		switch (action) {
+			case "reset":
+				valueRef.value = defaultValue;
+				break;
+			case "in":
+				if (valueRef.value < max) valueRef.value += step;
+				break;
+			case "out":
+				if (valueRef.value > min) valueRef.value -= step;
+				break;
+		}
+	};
+};
+const getColumnLetter = (index) => {
+	let result = "";
+	while (index >= 0) {
+		result = String.fromCharCode(65 + index % 26) + result;
+		index = Math.floor(index / 26) - 1;
+	}
+	return result;
+};
+const formatCellValue = (value) => {
+	if (!value) return "";
+	const strValue = String(value).trim();
+	if (!isNaN(Number(strValue)) && strValue !== "" && strValue.length < 15) {
+		const num = Number(strValue);
+		return Number.isInteger(num) ? num.toLocaleString() : num.toLocaleString(void 0, { maximumFractionDigits: 2 });
+	}
+	return strValue;
+};
+const getCellClass = (value) => {
+	if (!value) return "cell-empty";
+	const strValue = String(value).trim();
+	if (!isNaN(Number(strValue)) && strValue !== "") return "cell-number";
+	if (strValue.match(/[■▬▪▫─━]/)) return "cell-gantt";
+	if (strValue.match(/^\d{4}[-/]\d{2}[-/]\d{2}/) || strValue.match(/^\d{2}[-/]\d{2}[-/]\d{4}/)) return "cell-date";
+	if (["true", "false"].includes(strValue.toLowerCase())) return "cell-boolean";
+	return strValue.length > 20 ? "cell-text cell-long" : "cell-text";
+};
+const processExcelSheet = (worksheet, merges) => {
+	const { c: maxCol, r: maxRow } = XLSX.utils.decode_range(worksheet["!ref"] || "A1:A1").e;
+	const columns = Array.from({ length: maxCol + 1 }, (_, c) => {
+		const cell = worksheet[XLSX.utils.encode_cell({
+			r: 0,
+			c
+		})];
+		const columnName = cell ? String(cell.v || "").trim() : `列${c + 1}`;
+		return {
+			title: columnName || `列${c + 1}`,
+			key: `col_${c}`,
+			width: Math.min(Math.max(columnName.length * 12, 80), 200)
+		};
+	});
+	const mergeMap = /* @__PURE__ */ new Map();
+	merges.forEach(({ s: { r: sRow, c: sCol }, e: { r: eRow, c: eCol } }) => {
+		for (let r = sRow; r <= eRow; r++) for (let c = sCol; c <= eCol; c++) mergeMap.set(`${r}-${c}`, {
+			isMain: r === sRow && c === sCol,
+			rowspan: eRow - sRow + 1,
+			colspan: eCol - sCol + 1
+		});
+	});
+	return {
+		data: Array.from({ length: maxRow + 1 }, (_, r) => {
+			const row = {};
+			for (let c = 0; c <= maxCol; c++) {
+				const cell = worksheet[XLSX.utils.encode_cell({
+					r,
+					c
+				})];
+				const mergeInfo = mergeMap.get(`${r}-${c}`);
+				row[`col_${c}`] = {
+					value: cell ? cell.v || "" : "",
+					merged: !!mergeInfo,
+					hidden: mergeInfo && !mergeInfo.isMain,
+					rowspan: mergeInfo?.isMain ? mergeInfo.rowspan : 1,
+					colspan: mergeInfo?.isMain ? mergeInfo.colspan : 1
+				};
+			}
+			return row;
+		}),
+		columns
+	};
+};
+async function loadPdf(file) {
+	return {
+		url: URL.createObjectURL(file) + "#toolbar=1&navpanes=1&scrollbar=1&view=FitH",
+		totalPages: 1
+	};
+}
+async function loadWord(file) {
+	const arrayBuffer = await file.arrayBuffer();
+	let content = (await mammoth.convertToHtml({
+		arrayBuffer,
+		styleMap: [
+			"p[style-name='Heading 1'] => h1:fresh",
+			"p[style-name='Heading 2'] => h2:fresh",
+			"p[style-name='Heading 3'] => h3:fresh",
+			"p[style-name='Title'] => h1.title:fresh"
+		]
+	})).value;
+	const headings = [];
+	const tempDiv = document.createElement("div");
+	tempDiv.innerHTML = content;
+	const headingElements = tempDiv.querySelectorAll("h1, h2, h3, h4, h5, h6");
+	Array.from(headingElements).forEach((el, index) => {
+		const id = `heading-${index}`;
+		const level = parseInt(el.tagName.charAt(1));
+		const text = el.textContent || "";
+		content = content.replace(el.outerHTML, el.outerHTML.replace(el.tagName.toLowerCase(), `${el.tagName.toLowerCase()} id="${id}"`));
+		headings.push({
+			id,
+			text,
+			level
+		});
+	});
+	return {
+		content,
+		headings
+	};
+}
+async function loadExcel(file) {
+	const arrayBuffer = await file.arrayBuffer();
+	const workbook = XLSX.read(arrayBuffer, {
+		type: "array",
+		cellStyles: true,
+		cellFormula: true,
+		cellDates: true
+	});
+	if (!workbook.SheetNames.length) throw new Error("Excel文件中没有找到工作表");
+	return { sheets: workbook.SheetNames.map((name) => {
+		const worksheet = workbook.Sheets[name];
+		const merges = worksheet["!merges"] || [];
+		const { data, columns } = processExcelSheet(worksheet, merges);
+		return {
+			name,
+			data,
+			merges,
+			columns
+		};
+	}) };
+}
+
+//#endregion
+//#region src/components/C_FilePreview/components/PdfViewer/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$3 = { class: "file-container pdf-container" };
+const _hoisted_2$3 = { class: "file-toolbar" };
+const _hoisted_3$3 = { class: "flex justify-between items-center" };
+const _hoisted_4$3 = { class: "flex gap-2 items-center" };
+const _hoisted_5$3 = { class: "text-sm text-gray-600" };
+const _hoisted_6$3 = { class: "flex gap-2 items-center" };
+const _hoisted_7$3 = { class: "text-sm text-gray-600 min-w-12 text-center" };
+const _hoisted_8$3 = { class: "file-viewer" };
+const _hoisted_9$3 = ["src"];
+var index_vue_vue_type_script_setup_true_lang_default$3 = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		pdfUrl: {},
+		totalPages: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const currentPage = ref(1);
+		const scale = ref(1);
+		const adjustZoom = createZoomHandler(scale, ZOOM_CONFIGS.pdf);
+		const changePage = (action) => {
+			if (typeof action === "number") currentPage.value = Math.max(1, Math.min(action, props.totalPages));
+			else {
+				const delta = action === "prev" ? -1 : 1;
+				currentPage.value = Math.max(1, Math.min(currentPage.value + delta, props.totalPages));
+			}
+		};
+		return (_ctx, _cache) => {
+			const _component_C_Icon = resolveComponent("C_Icon");
+			return openBlock(), createElementBlock("div", _hoisted_1$3, [createElementVNode("div", _hoisted_2$3, [createElementVNode("div", _hoisted_3$3, [
+				createCommentVNode(" 翻页控制 "),
+				createElementVNode("div", _hoisted_4$3, [
+					createVNode(unref(NButton), {
+						size: "small",
+						disabled: currentPage.value <= 1,
+						onClick: _cache[0] || (_cache[0] = ($event) => changePage("prev"))
+					}, {
+						icon: withCtx(() => [createVNode(_component_C_Icon, { name: "ic:outline-chevron-left" })]),
+						_: 1
+					}, 8, ["disabled"]),
+					createVNode(unref(NInputNumber), {
+						value: currentPage.value,
+						"onUpdate:value": [_cache[1] || (_cache[1] = ($event) => currentPage.value = $event), changePage],
+						size: "small",
+						min: 1,
+						max: _ctx.totalPages,
+						style: { "width": "80px" }
+					}, null, 8, ["value", "max"]),
+					createElementVNode("span", _hoisted_5$3, "/ " + toDisplayString(_ctx.totalPages), 1),
+					createVNode(unref(NButton), {
+						size: "small",
+						disabled: currentPage.value >= _ctx.totalPages,
+						onClick: _cache[2] || (_cache[2] = ($event) => changePage("next"))
+					}, {
+						icon: withCtx(() => [createVNode(_component_C_Icon, { name: "ic:outline-chevron-right" })]),
+						_: 1
+					}, 8, ["disabled"])
+				]),
+				createCommentVNode(" 缩放控制 "),
+				createElementVNode("div", _hoisted_6$3, [
+					createVNode(unref(NButton), {
+						size: "small",
+						disabled: scale.value <= .5,
+						onClick: _cache[3] || (_cache[3] = ($event) => unref(adjustZoom)("out"))
+					}, {
+						icon: withCtx(() => [createVNode(_component_C_Icon, { name: "ic:outline-zoom-out" })]),
+						_: 1
+					}, 8, ["disabled"]),
+					createElementVNode("span", _hoisted_7$3, toDisplayString(Math.round(scale.value * 100)) + "% ", 1),
+					createVNode(unref(NButton), {
+						size: "small",
+						disabled: scale.value >= 3,
+						onClick: _cache[4] || (_cache[4] = ($event) => unref(adjustZoom)("in"))
+					}, {
+						icon: withCtx(() => [createVNode(_component_C_Icon, { name: "ic:outline-zoom-in" })]),
+						_: 1
+					}, 8, ["disabled"]),
+					createVNode(unref(NButton), {
+						size: "small",
+						onClick: _cache[5] || (_cache[5] = ($event) => unref(adjustZoom)("reset"))
+					}, {
+						icon: withCtx(() => [createVNode(_component_C_Icon, { name: "ic:outline-fit-screen" })]),
+						default: withCtx(() => [_cache[6] || (_cache[6] = createTextVNode(" 适应 ", -1))]),
+						_: 1,
+						__: [6]
+					})
+				])
+			])]), createElementVNode("div", _hoisted_8$3, [_ctx.pdfUrl ? (openBlock(), createElementBlock("iframe", {
+				key: 0,
+				src: _ctx.pdfUrl,
+				class: "w-full h-full border-0",
+				title: "PDF预览",
+				frameborder: "0",
+				allowfullscreen: ""
+			}, null, 8, _hoisted_9$3)) : createCommentVNode("v-if", true)])]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_FilePreview/components/PdfViewer/index.vue
+var PdfViewer_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$3, [["__scopeId", "data-v-ebf0149e"]]);
+
+//#endregion
+//#region src/components/C_FilePreview/components/WordViewer/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$2 = { class: "file-container word-container" };
+const _hoisted_2$2 = { class: "file-toolbar" };
+const _hoisted_3$2 = { class: "flex gap-2 items-center" };
+const _hoisted_4$2 = { class: "text-sm text-gray-600 min-w-12 text-center" };
+const _hoisted_5$2 = { class: "word-layout" };
+const _hoisted_6$2 = { class: "word-main" };
+const _hoisted_7$2 = {
+	key: 0,
+	class: "word-outline"
+};
+const _hoisted_8$2 = { class: "outline-content" };
+const _hoisted_9$2 = ["onClick"];
+const _hoisted_10$2 = { class: "word-content" };
+const _hoisted_11$2 = ["innerHTML"];
+var index_vue_vue_type_script_setup_true_lang_default$2 = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		content: {},
+		headings: {}
+	},
+	setup(__props) {
+		const showOutline = ref(true);
+		const wordZoom = ref(100);
+		const adjustWordZoom = createZoomHandler(wordZoom, ZOOM_CONFIGS.word);
+		const scrollToHeading = (headingId) => {
+			document.getElementById(headingId)?.scrollIntoView({
+				behavior: "smooth",
+				block: "start"
+			});
+		};
+		return (_ctx, _cache) => {
+			const _component_C_Icon = resolveComponent("C_Icon");
+			return openBlock(), createElementBlock("div", _hoisted_1$2, [createElementVNode("div", _hoisted_2$2, [createElementVNode("div", _hoisted_3$2, [
+				createVNode(unref(NButton), {
+					size: "small",
+					onClick: _cache[0] || (_cache[0] = ($event) => showOutline.value = !showOutline.value)
+				}, {
+					icon: withCtx(() => [createVNode(_component_C_Icon, { name: "ic:outline-list" })]),
+					default: withCtx(() => [createTextVNode(" " + toDisplayString(showOutline.value ? "隐藏" : "显示") + "目录 ", 1)]),
+					_: 1
+				}),
+				createVNode(unref(NDivider), { vertical: "" }),
+				createVNode(unref(NButton), {
+					size: "small",
+					disabled: wordZoom.value <= 50,
+					onClick: _cache[1] || (_cache[1] = ($event) => unref(adjustWordZoom)("out"))
+				}, {
+					icon: withCtx(() => [createVNode(_component_C_Icon, { name: "ic:outline-zoom-out" })]),
+					_: 1
+				}, 8, ["disabled"]),
+				createElementVNode("span", _hoisted_4$2, toDisplayString(wordZoom.value) + "% ", 1),
+				createVNode(unref(NButton), {
+					size: "small",
+					disabled: wordZoom.value >= 200,
+					onClick: _cache[2] || (_cache[2] = ($event) => unref(adjustWordZoom)("in"))
+				}, {
+					icon: withCtx(() => [createVNode(_component_C_Icon, { name: "ic:outline-zoom-in" })]),
+					_: 1
+				}, 8, ["disabled"]),
+				createVNode(unref(NButton), {
+					size: "small",
+					onClick: _cache[3] || (_cache[3] = ($event) => unref(adjustWordZoom)("reset"))
+				}, {
+					icon: withCtx(() => [createVNode(_component_C_Icon, { name: "ic:outline-fit-screen" })]),
+					default: withCtx(() => [_cache[4] || (_cache[4] = createTextVNode(" 重置 ", -1))]),
+					_: 1,
+					__: [4]
+				})
+			])]), createElementVNode("div", _hoisted_5$2, [createElementVNode("div", _hoisted_6$2, [
+				createCommentVNode(" 侧边栏目录 "),
+				showOutline.value ? (openBlock(), createElementBlock("div", _hoisted_7$2, [_cache[5] || (_cache[5] = createElementVNode("div", { class: "outline-header" }, [createElementVNode("h3", { class: "text-sm font-semibold" }, "文档目录")], -1)), createElementVNode("div", _hoisted_8$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.headings, (heading, index) => {
+					return openBlock(), createElementBlock("div", {
+						key: index,
+						class: normalizeClass(["outline-item", `level-${heading.level}`]),
+						onClick: ($event) => scrollToHeading(heading.id)
+					}, toDisplayString(heading.text), 11, _hoisted_9$2);
+				}), 128))])])) : createCommentVNode("v-if", true),
+				createCommentVNode(" 主要内容区域 "),
+				createElementVNode("div", _hoisted_10$2, [createElementVNode("div", {
+					class: "word-document",
+					style: normalizeStyle({
+						transform: `scale(${wordZoom.value / 100})`,
+						transformOrigin: "top center"
+					}),
+					innerHTML: _ctx.content
+				}, null, 12, _hoisted_11$2)])
+			])])]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_FilePreview/components/WordViewer/index.vue
+var WordViewer_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$2, [["__scopeId", "data-v-c870ce93"]]);
+
+//#endregion
+//#region src/components/C_FilePreview/components/ExcelViewer/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$1 = { class: "file-container excel-container" };
+const _hoisted_2$1 = { class: "file-toolbar" };
+const _hoisted_3$1 = { class: "flex justify-between items-center" };
+const _hoisted_4$1 = { class: "flex gap-2 items-center" };
+const _hoisted_5$1 = {
+	key: 1,
+	class: "text-sm text-gray-600"
+};
+const _hoisted_6$1 = { class: "flex gap-2 items-center" };
+const _hoisted_7$1 = { class: "excel-viewer" };
+const _hoisted_8$1 = {
+	key: 0,
+	class: "excel-info"
+};
+const _hoisted_9$1 = { class: "excel-table-container" };
+const _hoisted_10$1 = {
+	key: 0,
+	class: "excel-table"
+};
+const _hoisted_11$1 = { class: "header-content" };
+const _hoisted_12$1 = { class: "column-letter" };
+const _hoisted_13$1 = { class: "column-title" };
+const _hoisted_14$1 = { class: "row-number" };
+const _hoisted_15$1 = [
+	"rowspan",
+	"colspan",
+	"title"
+];
+const _hoisted_16$1 = {
+	key: 1,
+	class: "excel-empty"
+};
+const _hoisted_17$1 = {
+	key: 0,
+	class: "excel-pagination"
+};
+var index_vue_vue_type_script_setup_true_lang_default$1 = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: { sheets: {} },
+	emits: ["reload"],
+	setup(__props) {
+		const props = __props;
+		const activeSheet = ref("");
+		const showExcelFormat = ref(false);
+		const currentExcelPage = ref(1);
+		const pageSize = ref(50);
+		const currentData = ref([]);
+		const currentColumns = ref([]);
+		const totalExcelPages = computed(() => Math.ceil(currentData.value.length / pageSize.value));
+		const paginatedData = computed(() => {
+			const start = (currentExcelPage.value - 1) * pageSize.value;
+			return currentData.value.slice(start, start + pageSize.value);
+		});
+		const handlePageSizeChange = (newPageSize) => {
+			pageSize.value = newPageSize;
+			currentExcelPage.value = 1;
+		};
+		const syncSheetData = (sheetName) => {
+			const sheet = props.sheets.find((s) => s.name === sheetName);
+			if (sheet) {
+				currentData.value = sheet.data;
+				currentColumns.value = sheet.columns;
+				currentExcelPage.value = 1;
+			}
+		};
+		watch(activeSheet, (newSheet) => {
+			syncSheetData(newSheet);
+		});
+		watch(() => props.sheets, (newSheets) => {
+			if (newSheets.length > 0) {
+				const [firstSheet] = newSheets;
+				activeSheet.value = firstSheet.name;
+				currentData.value = firstSheet.data;
+				currentColumns.value = firstSheet.columns;
+				currentExcelPage.value = 1;
+			}
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			const _component_C_Icon = resolveComponent("C_Icon");
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [
+				createCommentVNode(" 工具栏 "),
+				createElementVNode("div", _hoisted_2$1, [createElementVNode("div", _hoisted_3$1, [createElementVNode("div", _hoisted_4$1, [_ctx.sheets.length > 1 ? (openBlock(), createBlock(unref(NTabs), {
+					key: 0,
+					value: activeSheet.value,
+					"onUpdate:value": _cache[0] || (_cache[0] = ($event) => activeSheet.value = $event),
+					type: "card",
+					size: "small"
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.sheets, (sheet) => {
+						return openBlock(), createBlock(unref(NTabPane), {
+							key: sheet.name,
+							name: sheet.name,
+							tab: sheet.name
+						}, null, 8, ["name", "tab"]);
+					}), 128))]),
+					_: 1
+				}, 8, ["value"])) : (openBlock(), createElementBlock("span", _hoisted_5$1, " 工作表: " + toDisplayString(activeSheet.value), 1))]), createElementVNode("div", _hoisted_6$1, [createVNode(unref(NButton), {
+					size: "small",
+					onClick: _cache[1] || (_cache[1] = ($event) => showExcelFormat.value = !showExcelFormat.value)
+				}, {
+					icon: withCtx(() => [createVNode(_component_C_Icon, { name: "ic:outline-format-paint" })]),
+					default: withCtx(() => [createTextVNode(" " + toDisplayString(showExcelFormat.value ? "紧凑视图" : "完整格式"), 1)]),
+					_: 1
+				})])])]),
+				createElementVNode("div", _hoisted_7$1, [
+					createCommentVNode(" 信息面板 "),
+					currentData.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_8$1, [createVNode(unref(NText), {
+						depth: "3",
+						class: "text-sm"
+					}, {
+						default: withCtx(() => [createTextVNode(" 当前工作表: " + toDisplayString(activeSheet.value) + " | 总行数: " + toDisplayString(currentData.value.length) + " | 总列数: " + toDisplayString(currentColumns.value.length) + " | 当前页: " + toDisplayString(currentExcelPage.value) + "/" + toDisplayString(totalExcelPages.value), 1)]),
+						_: 1
+					})])) : createCommentVNode("v-if", true),
+					createCommentVNode(" 表格 "),
+					createElementVNode("div", _hoisted_9$1, [
+						createElementVNode("div", { class: normalizeClass(["excel-table-wrapper", { "simple-mode": !showExcelFormat.value }]) }, [currentData.value.length > 0 ? (openBlock(), createElementBlock("table", _hoisted_10$1, [createElementVNode("thead", null, [createElementVNode("tr", null, [_cache[4] || (_cache[4] = createElementVNode("th", { class: "row-number" }, "行号", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(currentColumns.value, (col, index) => {
+							return openBlock(), createElementBlock("th", {
+								key: col.key,
+								class: "excel-header",
+								style: normalizeStyle({ minWidth: col.width + "px" })
+							}, [createElementVNode("div", _hoisted_11$1, [createElementVNode("span", _hoisted_12$1, toDisplayString(unref(getColumnLetter)(index)), 1), createElementVNode("span", _hoisted_13$1, toDisplayString(col.title), 1)])], 4);
+						}), 128))])]), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(paginatedData.value, (row, rowIndex) => {
+							return openBlock(), createElementBlock("tr", {
+								key: rowIndex,
+								class: "excel-row"
+							}, [createElementVNode("td", _hoisted_14$1, toDisplayString((currentExcelPage.value - 1) * pageSize.value + rowIndex + 1), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(currentColumns.value, (col) => {
+								return withDirectives((openBlock(), createElementBlock("td", {
+									key: col.key,
+									class: normalizeClass(["excel-cell", [
+										unref(getCellClass)(row[col.key]?.value),
+										row[col.key]?.merged ? "merged-cell" : "",
+										!showExcelFormat.value ? "compact-cell" : ""
+									]]),
+									rowspan: row[col.key]?.rowspan || 1,
+									colspan: row[col.key]?.colspan || 1,
+									title: row[col.key]?.value
+								}, toDisplayString(unref(formatCellValue)(row[col.key]?.value)), 11, _hoisted_15$1)), [[vShow, !row[col.key]?.hidden]]);
+							}), 128))]);
+						}), 128))])])) : (openBlock(), createElementBlock("div", _hoisted_16$1, [createVNode(unref(NEmpty), { description: "该工作表没有数据或解析失败" }, {
+							extra: withCtx(() => [createVNode(unref(NButton), {
+								size: "small",
+								onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("reload"))
+							}, {
+								default: withCtx(() => _cache[5] || (_cache[5] = [createTextVNode(" 重新解析 ", -1)])),
+								_: 1,
+								__: [5]
+							})]),
+							_: 1
+						})]))], 2),
+						createCommentVNode(" 分页 "),
+						totalExcelPages.value > 1 ? (openBlock(), createElementBlock("div", _hoisted_17$1, [createVNode(unref(NPagination), {
+							page: currentExcelPage.value,
+							"onUpdate:page": _cache[3] || (_cache[3] = ($event) => currentExcelPage.value = $event),
+							"page-count": totalExcelPages.value,
+							"page-size": pageSize.value,
+							"show-size-picker": "",
+							"page-sizes": unref(PAGE_SIZE_OPTIONS),
+							"onUpdate:pageSize": handlePageSizeChange
+						}, null, 8, [
+							"page",
+							"page-count",
+							"page-size",
+							"page-sizes"
+						])])) : createCommentVNode("v-if", true)
+					])
+				])
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_FilePreview/components/ExcelViewer/index.vue
+var ExcelViewer_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default$1, [["__scopeId", "data-v-2748efab"]]);
+
+//#endregion
+//#region src/components/C_FilePreview/composables/useFilePreview.ts
+/**
+* useFilePreview — 文件预览核心 composable
+* 管理：文件状态、加载、类型检测、下载
+*/
+/**
+* 文件预览核心 composable — 管理文件状态、加载、类型检测、下载
+* @param options - 文件源配置（file / url / fileName）
+* @param emit - 组件事件发射器
+*/
+function useFilePreview(options, emit) {
+	const { file, url, fileName } = options;
+	const loading = ref(false);
+	const error = ref("");
+	const fileSize = ref(0);
+	const showModal = ref(false);
+	const pdfUrl = ref("");
+	const pdfTotalPages = ref(0);
+	const wordContent = ref("");
+	const wordHeadings = ref([]);
+	const excelSheets = ref([]);
+	const displayFileName = computed(() => {
+		if (fileName.value && fileName.value !== "未知文件") return fileName.value;
+		if (file.value?.name) return file.value.name;
+		if (url.value) return extractFileNameFromUrl(url.value);
+		return "未知文件";
+	});
+	const fileType = computed(() => getFileType(displayFileName.value));
+	const fileConfig = computed(() => getFileConfig(fileType.value));
+	const clearState = () => {
+		error.value = "";
+		loading.value = false;
+		pdfUrl.value = "";
+		pdfTotalPages.value = 0;
+		wordContent.value = "";
+		wordHeadings.value = [];
+		excelSheets.value = [];
+	};
+	const setError = (msg) => {
+		error.value = msg;
+		loading.value = false;
+	};
+	const resolveFile = async () => {
+		if (file.value) {
+			fileSize.value = file.value.size;
+			return file.value;
+		}
+		if (url.value) {
+			const response = await fetch(url.value);
+			if (!response.ok) throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+			const blob = await response.blob();
+			const resolved = new File([blob], displayFileName.value, { type: blob.type });
+			fileSize.value = resolved.size;
+			return resolved;
+		}
+		throw new Error("未提供文件或URL");
+	};
+	const loadByType = async (currentFile, type) => {
+		switch (type) {
+			case "pdf": {
+				const result = await loadPdf(currentFile);
+				pdfUrl.value = result.url;
+				pdfTotalPages.value = result.totalPages;
+				break;
+			}
+			case "word": {
+				const result = await loadWord(currentFile);
+				wordContent.value = result.content;
+				wordHeadings.value = result.headings;
+				break;
+			}
+			case "excel":
+				excelSheets.value = (await loadExcel(currentFile)).sheets;
+				break;
+			default: throw new Error("不支持的文件格式");
+		}
+	};
+	const loadFile = async () => {
+		if (!file.value && !url.value) {
+			setError("未提供文件或URL");
+			return;
+		}
+		clearState();
+		loading.value = true;
+		try {
+			await loadByType(await resolveFile(), fileType.value);
+			loading.value = false;
+		} catch (err) {
+			const errorMessage = err instanceof Error ? err.message : "未知错误";
+			setError(`${fileType.value.toUpperCase()}文件加载失败: ${errorMessage}`);
+		}
+	};
+	const openPreview = async () => {
+		showModal.value = true;
+		await loadFile();
+		emit("preview", file.value || url.value);
+	};
+	const downloadFile = () => {
+		if (file.value) {
+			const downloadUrl = URL.createObjectURL(file.value);
+			Object.assign(document.createElement("a"), {
+				href: downloadUrl,
+				download: displayFileName.value
+			}).click();
+			URL.revokeObjectURL(downloadUrl);
+		} else if (url.value) window.open(url.value, "_blank");
+		emit("download", file.value || url.value);
+	};
+	watch(() => file.value?.size, (newSize) => {
+		fileSize.value = newSize || 0;
+	}, { immediate: true });
+	onUnmounted(() => {
+		if (pdfUrl.value?.startsWith("blob:")) URL.revokeObjectURL(pdfUrl.value.split("#")[0]);
+	});
+	return {
+		loading,
+		error,
+		fileSize,
+		showModal,
+		pdfUrl,
+		pdfTotalPages,
+		wordContent,
+		wordHeadings,
+		excelSheets,
+		displayFileName,
+		fileType,
+		fileConfig,
+		loadFile,
+		openPreview,
+		downloadFile
+	};
+}
+
+//#endregion
+//#region src/components/C_FilePreview/composables/useFullscreen.ts
+/**
+* useFullscreen — 全屏切换 composable
+*/
+/**
+* 全屏切换 composable — 管理全屏状态与跨浏览器兼容
+* @param containerRef - 需要全屏的容器元素引用
+*/
+function useFullscreen(containerRef) {
+	const isFullscreen = ref(false);
+	const handleFullscreenChange = () => {
+		isFullscreen.value = !!document.fullscreenElement;
+	};
+	const tryMethods = (methods, index = 0) => {
+		if (index >= methods.length) {
+			console.warn("无法切换全屏状态");
+			return Promise.resolve();
+		}
+		return methods[index]().catch(() => tryMethods(methods, index + 1));
+	};
+	const toggleFullscreen = async () => {
+		const element = containerRef.value;
+		if (!element) return;
+		await tryMethods(!!document.fullscreenElement ? [
+			() => document.exitFullscreen(),
+			() => document.webkitExitFullscreen(),
+			() => document.mozCancelFullScreen(),
+			() => document.msExitFullscreen()
+		] : [
+			() => element.requestFullscreen(),
+			() => element.webkitRequestFullscreen(),
+			() => element.mozRequestFullScreen(),
+			() => element.msRequestFullscreen()
+		]);
+	};
+	const exitFullscreen = async () => {
+		if (document.fullscreenElement) try {
+			await document.exitFullscreen();
+		} catch {}
+		isFullscreen.value = false;
+	};
+	onMounted(() => {
+		FULLSCREEN_EVENTS.forEach((event) => document.addEventListener(event, handleFullscreenChange));
+	});
+	onUnmounted(() => {
+		FULLSCREEN_EVENTS.forEach((event) => document.removeEventListener(event, handleFullscreenChange));
+	});
+	return {
+		isFullscreen,
+		toggleFullscreen,
+		exitFullscreen
+	};
+}
+
+//#endregion
+//#region src/components/C_FilePreview/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "c-file-preview-wrapper" };
+const _hoisted_2 = {
+	key: 0,
+	class: "file-info-card"
+};
+const _hoisted_3 = { class: "file-info" };
+const _hoisted_4 = { class: "file-icon" };
+const _hoisted_5 = { class: "file-details" };
+const _hoisted_6 = { class: "file-name" };
+const _hoisted_7 = { class: "file-meta" };
+const _hoisted_8 = { class: "file-size" };
+const _hoisted_9 = { class: "file-actions" };
+const _hoisted_10 = { class: "modal-header" };
+const _hoisted_11 = { class: "modal-title" };
+const _hoisted_12 = { class: "modal-actions" };
+const _hoisted_13 = { class: "modal-content" };
+const _hoisted_14 = { class: "preview-header" };
+const _hoisted_15 = { class: "flex justify-between items-center" };
+const _hoisted_16 = { class: "flex items-center gap-3" };
+const _hoisted_17 = { class: "text-sm text-gray-500" };
+const _hoisted_18 = { class: "flex gap-2" };
+const _hoisted_19 = { class: "preview-content" };
+const _hoisted_20 = {
+	key: 0,
+	class: "status-container"
+};
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "C_FilePreview",
+	__name: "index",
+	props: {
+		file: {},
+		url: {},
+		fileName: { default: "未知文件" },
+		autoPreview: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["preview", "download"],
+	setup(__props, { emit: __emit }) {
+		const { file, url, fileName: propFileName, autoPreview } = toRefs(__props);
+		const { loading, error, fileSize, showModal, pdfUrl, pdfTotalPages, wordContent, wordHeadings, excelSheets, displayFileName, fileType, fileConfig, loadFile, openPreview, downloadFile } = useFilePreview({
+			file,
+			url,
+			fileName: propFileName
+		}, __emit);
+		const modalContainer = ref();
+		const { isFullscreen, toggleFullscreen, exitFullscreen } = useFullscreen(modalContainer);
+		watch(showModal, (isShow) => {
+			if (!isShow) exitFullscreen();
+		});
+		return (_ctx, _cache) => {
+			const _component_C_Icon = resolveComponent("C_Icon");
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createCommentVNode(" 文件信息卡片模式 "),
+				!unref(autoPreview) ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [
+					createElementVNode("div", _hoisted_4, [createVNode(_component_C_Icon, {
+						name: unref(fileConfig).icon,
+						size: 40,
+						color: unref(fileConfig).color
+					}, null, 8, ["name", "color"])]),
+					createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [createVNode(unref(NEllipsis), { style: { "max-width": "250px" } }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(displayFileName)), 1)]),
+						_: 1
+					}), createVNode(unref(NTag), {
+						type: unref(fileConfig).tagType,
+						size: "small"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(fileType).toUpperCase()), 1)]),
+						_: 1
+					}, 8, ["type"])]), createElementVNode("div", _hoisted_7, [createElementVNode("span", _hoisted_8, toDisplayString(unref(formatFileSize)(unref(fileSize))), 1)])]),
+					createElementVNode("div", _hoisted_9, [createVNode(unref(NButton), {
+						type: "primary",
+						onClick: unref(openPreview)
+					}, {
+						icon: withCtx(() => [createVNode(_component_C_Icon, { name: "ic:outline-visibility" })]),
+						default: withCtx(() => [_cache[2] || (_cache[2] = createTextVNode(" 预览 ", -1))]),
+						_: 1,
+						__: [2]
+					}, 8, ["onClick"]), createVNode(unref(NButton), {
+						type: "tertiary",
+						onClick: unref(downloadFile)
+					}, {
+						icon: withCtx(() => [createVNode(_component_C_Icon, { name: "ic:outline-download" })]),
+						default: withCtx(() => [_cache[3] || (_cache[3] = createTextVNode(" 下载 ", -1))]),
+						_: 1,
+						__: [3]
+					}, 8, ["onClick"])])
+				])])) : createCommentVNode("v-if", true),
+				createCommentVNode(" 模态框预览 "),
+				createVNode(unref(NModal), {
+					show: unref(showModal),
+					"onUpdate:show": _cache[1] || (_cache[1] = ($event) => isRef(showModal) ? showModal.value = $event : null),
+					"mask-closable": false,
+					closable: false,
+					"auto-focus": false,
+					"transform-origin": "center",
+					style: {
+						"width": "85vw",
+						"max-width": "1200px",
+						"min-width": "800px",
+						"height": "75vh",
+						"max-height": "700px",
+						"min-height": "500px"
+					}
+				}, {
+					default: withCtx(() => [createElementVNode("div", {
+						ref_key: "modalContainer",
+						ref: modalContainer,
+						class: "modal-container"
+					}, [
+						createCommentVNode(" 自定义头部 "),
+						createElementVNode("div", _hoisted_10, [createElementVNode("div", _hoisted_11, [createVNode(_component_C_Icon, {
+							name: unref(fileConfig).icon,
+							size: 20,
+							color: unref(fileConfig).color
+						}, null, 8, ["name", "color"]), createElementVNode("span", null, toDisplayString(unref(displayFileName)), 1)]), createElementVNode("div", _hoisted_12, [createVNode(unref(NButton), {
+							size: "small",
+							type: "tertiary",
+							onClick: unref(downloadFile)
+						}, {
+							icon: withCtx(() => [createVNode(_component_C_Icon, { name: "ic:outline-download" })]),
+							default: withCtx(() => [_cache[4] || (_cache[4] = createTextVNode(" 下载 ", -1))]),
+							_: 1,
+							__: [4]
+						}, 8, ["onClick"]), createVNode(unref(NButton), {
+							size: "small",
+							type: "tertiary",
+							onClick: _cache[0] || (_cache[0] = ($event) => showModal.value = false)
+						}, {
+							icon: withCtx(() => [createVNode(_component_C_Icon, { name: "ic:outline-close" })]),
+							_: 1
+						})])]),
+						createCommentVNode(" 预览内容 "),
+						createElementVNode("div", _hoisted_13, [
+							createCommentVNode(" 文件信息头部 "),
+							createElementVNode("div", _hoisted_14, [createElementVNode("div", _hoisted_15, [createElementVNode("div", _hoisted_16, [
+								createVNode(unref(NTag), {
+									type: unref(fileConfig).tagType,
+									size: "small"
+								}, {
+									icon: withCtx(() => [createVNode(_component_C_Icon, { name: unref(fileConfig).icon }, null, 8, ["name"])]),
+									default: withCtx(() => [createTextVNode(" " + toDisplayString(unref(fileType).toUpperCase()), 1)]),
+									_: 1
+								}, 8, ["type"]),
+								createVNode(unref(NEllipsis), { style: { "max-width": "300px" } }, {
+									default: withCtx(() => [createTextVNode(toDisplayString(unref(displayFileName)), 1)]),
+									_: 1
+								}),
+								createElementVNode("span", _hoisted_17, toDisplayString(unref(formatFileSize)(unref(fileSize))), 1)
+							]), createElementVNode("div", _hoisted_18, [createVNode(unref(NButton), {
+								size: "small",
+								type: "tertiary",
+								disabled: unref(loading),
+								onClick: unref(loadFile)
+							}, {
+								icon: withCtx(() => [createVNode(_component_C_Icon, { name: "ic:outline-refresh" })]),
+								default: withCtx(() => [_cache[5] || (_cache[5] = createTextVNode(" 刷新 ", -1))]),
+								_: 1,
+								__: [5]
+							}, 8, ["disabled", "onClick"]), createVNode(unref(NButton), {
+								size: "small",
+								type: "primary",
+								onClick: unref(toggleFullscreen)
+							}, {
+								icon: withCtx(() => [createVNode(_component_C_Icon, { name: unref(isFullscreen) ? "ic:outline-fullscreen-exit" : "ic:outline-fullscreen" }, null, 8, ["name"])]),
+								default: withCtx(() => [createTextVNode(" " + toDisplayString(unref(isFullscreen) ? "退出全屏" : "全屏"), 1)]),
+								_: 1
+							}, 8, ["onClick"])])])]),
+							createCommentVNode(" 预览内容区域 "),
+							createElementVNode("div", _hoisted_19, [createCommentVNode(" 加载和错误状态 "), unref(loading) || unref(error) ? (openBlock(), createElementBlock("div", _hoisted_20, [unref(loading) ? (openBlock(), createBlock(unref(NSpin), {
+								key: 0,
+								size: "large"
+							}, {
+								description: withCtx(() => [createTextVNode(" 正在加载" + toDisplayString(unref(fileType).toUpperCase()) + "文件... ", 1)]),
+								_: 1
+							})) : (openBlock(), createBlock(unref(NResult), {
+								key: 1,
+								status: "error",
+								title: "预览失败",
+								description: unref(error)
+							}, {
+								footer: withCtx(() => [createVNode(unref(NButton), { onClick: unref(loadFile) }, {
+									default: withCtx(() => _cache[6] || (_cache[6] = [createTextVNode("重试", -1)])),
+									_: 1,
+									__: [6]
+								}, 8, ["onClick"])]),
+								_: 1
+							}, 8, ["description"]))])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" 文件预览 — 委托给子组件 "), unref(fileType) === "pdf" ? (openBlock(), createBlock(PdfViewer_default, {
+								key: 0,
+								"pdf-url": unref(pdfUrl),
+								"total-pages": unref(pdfTotalPages)
+							}, null, 8, ["pdf-url", "total-pages"])) : unref(fileType) === "word" ? (openBlock(), createBlock(WordViewer_default, {
+								key: 1,
+								content: unref(wordContent),
+								headings: unref(wordHeadings)
+							}, null, 8, ["content", "headings"])) : unref(fileType) === "excel" ? (openBlock(), createBlock(ExcelViewer_default, {
+								key: 2,
+								sheets: unref(excelSheets),
+								onReload: unref(loadFile)
+							}, null, 8, ["sheets", "onReload"])) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createCommentVNode(" 不支持的文件类型 "), createVNode(unref(NResult), {
+								status: "warning",
+								title: "不支持的文件格式",
+								description: `暂不支持预览 ${unref(fileType).toUpperCase()} 格式文件`
+							}, null, 8, ["description"])], 2112))], 64))])
+						])
+					], 512)]),
+					_: 1
+				}, 8, ["show"])
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_FilePreview/index.vue
+var C_FilePreview_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1a63259a"]]);
+
+//#endregion
+export { useFullscreen as n, useFilePreview as r, C_FilePreview_default as t };
+//# sourceMappingURL=C_FilePreview2.js.map