@veltra/sheet 2.0.1 → 2.2.0

package/dist/components/sheet/sheet.js

@@ -0,0 +1,198 @@
+import _sfc_main$1 from "./formula-bar.js";
+import { pickAndImportFile } from "./import-file.js";
+import _sfc_main$2 from "./popups/border-popup.js";
+import _sfc_main$3 from "./popups/export-popup.js";
+import _sfc_main$4 from "./popups/fill-color-popup.js";
+import _sfc_main$5 from "./popups/find-popup.js";
+import _sfc_main$6 from "./popups/font-color-popup.js";
+import _sfc_main$7 from "./popups/font-size-popup.js";
+import _sfc_main$8 from "./popups/insert-image-popup.js";
+import _sfc_main$9 from "./sheet-tabs.js";
+import _sfc_main$10 from "./sheet-toolbar.js";
+import { useSheetGrid } from "./use-sheet-grid.js";
+import { useSheetState } from "./use-sheet-state.js";
+import { useToolGroups } from "./use-tool-groups.js";
+import { useToolPopup } from "./use-tool-popup.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, unref, useTemplateRef, watch, withCtx, withModifiers } from "vue";
+import { UDropdown } from "@veltra/desktop";
+import { bem } from "@veltra/utils";
+//#region src/components/sheet/sheet.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "USheet",
+	__name: "sheet",
+	props: {
+		workbook: {},
+		rows: { default: 100 },
+		cols: { default: 26 },
+		resolveDisplayValue: {},
+		resolveCellStyle: {},
+		resolveCellRenderer: {},
+		showToolbar: {
+			type: Boolean,
+			default: true
+		},
+		showFormulaBar: {
+			type: Boolean,
+			default: true
+		},
+		showTabs: {
+			type: Boolean,
+			default: true
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["active-sheet-change"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("sheet");
+		/** 根容器 ref：Ctrl/Cmd+F 判定焦点是否在本实例内（#6，避免劫持浏览器查找） */
+		const rootRef = useTemplateRef("rootRef");
+		const { workbook, activeIndex, sheetList, activeSheet, context, stateTick, syncFromWorkbook } = useSheetState(props, emit, {
+			onBeforeSheetChange: () => closePopup(),
+			rebuildGrid: () => rebuildGrid(),
+			activateGrid: () => activateGrid(),
+			pruneCache: (sheets) => pruneCache(sheets)
+		});
+		const { popupTool, popupAnchor, closePopup, handleToolClick: openOrRunTool } = useToolPopup(context, rootRef);
+		const parsing = ref(false);
+		const parseProgress = ref({
+			done: 0,
+			total: 0
+		});
+		const parseText = computed(() => parseProgress.value.total > 0 ? `正在解析… ${parseProgress.value.done}/${parseProgress.value.total}` : "正在读取文件结构…");
+		/** 导入无弹层：直接系统文件选择；其余工具走 useToolPopup */
+		function handleToolClick(tool, event) {
+			if (tool.id === "import") {
+				if (tool.disabled?.(context)) return;
+				pickAndImportFile({
+					workbook: workbook.value,
+					activeSheet: activeSheet.value,
+					parsing,
+					parseProgress,
+					onCsvImported: () => rebuildGrid(),
+					onWorkbookReplaced: () => syncFromWorkbook()
+				});
+				return;
+			}
+			openOrRunTool(tool, event);
+		}
+		const popupDropdownRef = useTemplateRef("popupDropdownRef");
+		watch(popupTool, () => {
+			const dropdown = popupDropdownRef.value;
+			if (!dropdown) return;
+			if (popupTool.value) dropdown.open({ trigger: popupAnchor.value ?? void 0 });
+			else dropdown.close();
+		});
+		/** UDropdown 内部关闭（滚动 / resize / transition 结束）→ 同步状态并提交面板事务 */
+		function handlePopupVisible(visible) {
+			if (!visible) closePopup();
+		}
+		const toolGroups = useToolGroups(context, stateTick);
+		const gridRef = useTemplateRef("gridRef");
+		const formulaBarRef = useTemplateRef("formulaBarRef");
+		const { rebuildGrid, activateGrid, pruneCache, getGrid } = useSheetGrid({
+			props,
+			gridRef,
+			getActiveSheet: () => activeSheet.value,
+			context,
+			formulaBarRef
+		});
+		__expose({
+			workbook,
+			getActiveSheet: () => activeSheet.value,
+			getContext: () => context,
+			getGrid
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "rootRef",
+				ref: rootRef,
+				class: normalizeClass(unref(cls).b)
+			}, [
+				createElementVNode("div", { class: normalizeClass(unref(cls).e("toolbar-wrap")) }, [
+					__props.showToolbar ? (openBlock(), createBlock(_sfc_main$10, {
+						key: 0,
+						groups: unref(toolGroups),
+						onToolClick: handleToolClick
+					}, null, 8, ["groups"])) : createCommentVNode("v-if", true),
+					createCommentVNode(" 弹层型工具面板（填充/边框/字体色/字号/查找/插入图片/导出）：UDropdown（Teleport 到\n           #pop-container + floating-ui 定位：锚点跟随触发按钮、自动翻转/边界位移；\n           触发元素滚动/窗口缩放时自动关闭）。面板交互走 SheetContext 命令入口。\n           导入无弹层：点击直接系统文件选择（见 handleToolClick → pickAndImportFile） "),
+					createVNode(unref(UDropdown), {
+						ref_key: "popupDropdownRef",
+						ref: popupDropdownRef,
+						trigger: "custom",
+						visible: unref(popupTool) !== null,
+						width: "auto",
+						"onUpdate:visible": handlePopupVisible
+					}, {
+						content: withCtx(() => [unref(popupTool) ? (openBlock(), createElementBlock("div", {
+							key: 0,
+							class: normalizeClass(unref(cls).e("popup")),
+							onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
+						}, [unref(popupTool).popup === "fill-color" ? (openBlock(), createBlock(_sfc_main$4, {
+							key: 0,
+							context: unref(context)
+						}, null, 8, ["context"])) : unref(popupTool).popup === "border" ? (openBlock(), createBlock(_sfc_main$2, {
+							key: 1,
+							context: unref(context)
+						}, null, 8, ["context"])) : unref(popupTool).popup === "font-color" ? (openBlock(), createBlock(_sfc_main$6, {
+							key: 2,
+							context: unref(context)
+						}, null, 8, ["context"])) : unref(popupTool).popup === "font-size" ? (openBlock(), createBlock(_sfc_main$7, {
+							key: 3,
+							context: unref(context)
+						}, null, 8, ["context"])) : unref(popupTool).popup === "find" ? (openBlock(), createBlock(_sfc_main$5, {
+							key: 4,
+							sheet: unref(activeSheet),
+							context: unref(context),
+							onClose: unref(closePopup)
+						}, null, 8, [
+							"sheet",
+							"context",
+							"onClose"
+						])) : unref(popupTool).popup === "insert-image" ? (openBlock(), createBlock(_sfc_main$8, {
+							key: 5,
+							context: unref(context),
+							onClose: unref(closePopup)
+						}, null, 8, ["context", "onClose"])) : unref(popupTool).popup === "export" ? (openBlock(), createBlock(_sfc_main$3, {
+							key: 6,
+							context: unref(context),
+							onClose: unref(closePopup)
+						}, null, 8, ["context", "onClose"])) : createCommentVNode("v-if", true)], 2)) : createCommentVNode("v-if", true)]),
+						_: 1
+					}, 8, ["visible"])
+				], 2),
+				__props.showFormulaBar ? (openBlock(), createBlock(_sfc_main$1, {
+					key: 0,
+					ref_key: "formulaBarRef",
+					ref: formulaBarRef,
+					sheet: unref(activeSheet),
+					context: unref(context)
+				}, null, 8, ["sheet", "context"])) : createCommentVNode("v-if", true),
+				createElementVNode("div", {
+					ref_key: "gridRef",
+					ref: gridRef,
+					class: normalizeClass(unref(cls).e("grid"))
+				}, [createCommentVNode(" 导入解析覆盖层（自绘，不动 desktop Loading 组件）：遮罩 + 动画 + 文字\n           同一层，动画在上、文字在下，不存在被遮罩掩盖的问题 "), parsing.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(cls).e("loading-mask"))
+				}, [createElementVNode("div", { class: normalizeClass(unref(cls).e("loading-spinner")) }, null, 2), createElementVNode("div", { class: normalizeClass(unref(cls).e("loading-text")) }, toDisplayString(parseText.value), 3)], 2)) : createCommentVNode("v-if", true)], 2),
+				__props.showTabs ? (openBlock(), createBlock(_sfc_main$9, {
+					key: 1,
+					workbook: unref(workbook),
+					"sheet-list": unref(sheetList),
+					"active-index": unref(activeIndex)
+				}, null, 8, [
+					"workbook",
+					"sheet-list",
+					"active-index"
+				])) : createCommentVNode("v-if", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };

package/dist/components/sheet/style.d.ts

@@ -0,0 +1,11 @@
+import "@veltra/desktop/components/contextmenu/style";
+import "@veltra/desktop/components/dropdown/style";
+import "@veltra/desktop/components/number-input/style";
+import "@veltra/desktop/components/palette/style";
+import "@veltra/desktop/components/scroll/style";
+import "@veltra/desktop/components/tip/style";
+import "@veltra/desktop/components/loading/style";
+import "@veltra/desktop/components/message/style";
+import "@veltra/desktop/components/input/style";
+import "@veltra/desktop/components/file-picker/style";
+import "@veltra/desktop/components/icon/style";

package/dist/components/sheet/style.js

@@ -0,0 +1,12 @@
+import "./style2.css";
+import "@veltra/desktop/components/contextmenu/style";
+import "@veltra/desktop/components/dropdown/style";
+import "@veltra/desktop/components/number-input/style";
+import "@veltra/desktop/components/palette/style";
+import "@veltra/desktop/components/scroll/style";
+import "@veltra/desktop/components/tip/style";
+import "@veltra/desktop/components/loading/style";
+import "@veltra/desktop/components/message/style";
+import "@veltra/desktop/components/input/style";
+import "@veltra/desktop/components/file-picker/style";
+import "@veltra/desktop/components/icon/style";