@veltra/sheet 2.0.1 → 2.2.0

package/dist/components/sheet/popups/import.worker.js

@@ -0,0 +1,41 @@
+//#region src/components/sheet/popups/import.worker.ts
+self.onmessage = (e) => {
+	const { buffer } = e.data;
+	(async () => {
+		try {
+			const [{ readXlsx }, { buildWorkbookFromHucre }] = await Promise.all([import("hucre/xlsx"), import("@veltra/sheet-core/core/io/import")]);
+			const hucreWb = await readXlsx(new Uint8Array(buffer), { readStyles: true });
+			let lastPercent = -1;
+			const wb = buildWorkbookFromHucre(hucreWb, (done, total) => {
+				const percent = total > 0 ? Math.floor(done / total * 10) : 10;
+				if (percent !== lastPercent || done === total) {
+					lastPercent = percent;
+					const progress = {
+						type: "progress",
+						done,
+						total
+					};
+					self.postMessage(progress);
+				}
+			});
+			const response = {
+				type: "done",
+				ok: true,
+				sheets: wb.getSheets().map((s) => ({
+					name: s.name,
+					snapshot: s.snapshot()
+				})),
+				activeIndex: wb.activeSheetIndex
+			};
+			self.postMessage(response);
+		} catch (err) {
+			const response = {
+				type: "done",
+				ok: false,
+				error: err instanceof Error ? err.message : String(err)
+			};
+			self.postMessage(response);
+		}
+	})();
+};
+//#endregion

package/dist/components/sheet/popups/insert-image-popup.js

@@ -0,0 +1,38 @@
+import { INSERT_IMAGE_ACCEPT, insertImageFromFile } from "../insert-image.js";
+import { createBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, unref, withCtx } from "vue";
+import { UFilePicker } from "@veltra/desktop";
+import { bem } from "@veltra/utils";
+//#region src/components/sheet/popups/insert-image-popup.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "USheetInsertImagePopup",
+	__name: "insert-image-popup",
+	props: { context: {} },
+	emits: ["close"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* 插入图片面板（UFilePicker）：选文件后走共享 insertImageFromFile，锚定当前选区活动格。
+		* 不参与面板事务（单次插入 = 一个 undo 单元）。
+		*/
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("sheet");
+		function handlePick(files) {
+			const file = files[0];
+			if (!file) return;
+			emit("close");
+			insertImageFromFile(props.context, file);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(UFilePicker), {
+				accept: unref(INSERT_IMAGE_ACCEPT),
+				class: normalizeClass(unref(cls).e("insert-image-picker")),
+				onPick: handlePick
+			}, {
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(cls).e("insert-image-hint")) }, [_cache[0] || (_cache[0] = createTextVNode(" 选择图片文件 ", -1)), createElementVNode("div", { class: normalizeClass(unref(cls).e("insert-image-sub")) }, "支持 png / jpeg / gif / svg / webp", 2)], 2)]),
+				_: 1
+			}, 8, ["accept", "class"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };

package/dist/components/sheet/sheet-context-menu.js

@@ -0,0 +1,200 @@
+import { defaultToolRegistry } from "../../tools/registry.js";
+import { pickAndInsertImage } from "./insert-image.js";
+import _sfc_main from "./insert-count-menu-item.js";
+import { createRange } from "@veltra/sheet-core/core/address";
+import { defineComponent, h } from "vue";
+const INSERT_COUNT_MAX = 1e3;
+/** 选区覆盖行/列数 → 插入默认 N（min 1 / max 1000） */
+function defaultInsertCount(range, axis) {
+	if (!range) return 1;
+	const n = axis === "row" ? range.end.row - range.start.row + 1 : range.end.col - range.start.col + 1;
+	return Math.min(INSERT_COUNT_MAX, Math.max(1, n));
+}
+/** 点击行是否落在任一选区内（按行号覆盖） */
+function isRowInSelection(ranges, row) {
+	return ranges.some((r) => r.start.row <= row && row <= r.end.row);
+}
+/** 点击列是否落在任一选区内（按列号覆盖） */
+function isColInSelection(ranges, col) {
+	return ranges.some((r) => r.start.col <= col && col <= r.end.col);
+}
+/** 整行选区（列跨渲染宽度） */
+function wholeRowRange(row, colCount) {
+	return createRange({
+		row,
+		col: 0
+	}, {
+		row,
+		col: Math.max(colCount - 1, 0)
+	});
+}
+/** 整列选区（行跨渲染高度） */
+function wholeColRange(col, rowCount) {
+	return createRange({
+		row: 0,
+		col
+	}, {
+		row: Math.max(rowCount - 1, 0),
+		col
+	});
+}
+/** 渲染尺寸 = max(props, sheet.rows/cols)，与 SheetGrid 一致 */
+function resolveRenderSize(propsRows, propsCols, sheetRows, sheetCols) {
+	return {
+		rows: Math.max(propsRows ?? 100, sheetRows),
+		cols: Math.max(propsCols ?? 26, sheetCols)
+	};
+}
+function insertCountRender(options) {
+	return defineComponent({
+		name: "SheetInsertCountMenuRender",
+		setup() {
+			return () => h(_sfc_main, {
+				prefix: options.prefix,
+				suffix: options.suffix,
+				defaultValue: options.defaultValue,
+				min: 1,
+				max: INSERT_COUNT_MAX,
+				onConfirm: options.onConfirm
+			});
+		}
+	});
+}
+function primaryRange(ctx) {
+	return ctx.getSelection().ranges[0] ?? null;
+}
+/** 行号右键菜单：插入×2 / 删除 / divider / 冻结 / 取消冻结 */
+function buildRowHeaderMenus(ctx) {
+	const range = primaryRange(ctx);
+	const startRow = range?.start.row ?? 0;
+	const endRow = range?.end.row ?? startRow;
+	const rowCount = defaultInsertCount(range, "row");
+	const deleteCount = range ? endRow - startRow + 1 : 1;
+	const frozen = ctx.frozen;
+	const freezeActive = frozen.rows === endRow + 1;
+	return [
+		{
+			label: "在上方插入行",
+			keepOpen: true,
+			render: insertCountRender({
+				prefix: "在上方插入",
+				suffix: "行",
+				defaultValue: rowCount,
+				onConfirm: (n) => ctx.insertRows(startRow, n)
+			})
+		},
+		{
+			label: "在下方插入行",
+			keepOpen: true,
+			render: insertCountRender({
+				prefix: "在下方插入",
+				suffix: "行",
+				defaultValue: rowCount,
+				onConfirm: (n) => ctx.insertRows(endRow + 1, n)
+			})
+		},
+		{
+			label: "删除行",
+			callback: () => ctx.deleteRows(startRow, deleteCount)
+		},
+		{ divider: true },
+		{
+			label: freezeActive ? "✓ 冻结到当前行" : "冻结到当前行",
+			callback: () => ctx.setFrozen(endRow + 1, frozen.cols)
+		},
+		{
+			label: "取消冻结",
+			disabled: frozen.rows === 0 && frozen.cols === 0,
+			callback: () => ctx.setFrozen(0, 0)
+		}
+	];
+}
+/** 列头右键菜单：插入×2 / 删除 / divider / 冻结 / 取消冻结 */
+function buildColHeaderMenus(ctx) {
+	const range = primaryRange(ctx);
+	const startCol = range?.start.col ?? 0;
+	const endCol = range?.end.col ?? startCol;
+	const colCount = defaultInsertCount(range, "col");
+	const deleteCount = range ? endCol - startCol + 1 : 1;
+	const frozen = ctx.frozen;
+	const freezeActive = frozen.cols === endCol + 1;
+	return [
+		{
+			label: "在左侧插入列",
+			keepOpen: true,
+			render: insertCountRender({
+				prefix: "在左侧插入",
+				suffix: "列",
+				defaultValue: colCount,
+				onConfirm: (n) => ctx.insertCols(startCol, n)
+			})
+		},
+		{
+			label: "在右侧插入列",
+			keepOpen: true,
+			render: insertCountRender({
+				prefix: "在右侧插入",
+				suffix: "列",
+				defaultValue: colCount,
+				onConfirm: (n) => ctx.insertCols(endCol + 1, n)
+			})
+		},
+		{
+			label: "删除列",
+			callback: () => ctx.deleteCols(startCol, deleteCount)
+		},
+		{ divider: true },
+		{
+			label: freezeActive ? "✓ 冻结到当前列" : "冻结到当前列",
+			callback: () => ctx.setFrozen(frozen.rows, endCol + 1)
+		},
+		{
+			label: "取消冻结",
+			disabled: frozen.rows === 0 && frozen.cols === 0,
+			callback: () => ctx.setFrozen(0, 0)
+		}
+	];
+}
+/** body 格右键菜单：合并/取消合并 + 插入图片（行列插入/删除仅行号/列头菜单） */
+function buildBodyMenus(ctx) {
+	const mergeTool = defaultToolRegistry.get("merge");
+	const unmergeTool = defaultToolRegistry.get("unmerge");
+	const active = ctx.getSelection().activeCell;
+	return [
+		{
+			label: "合并单元格",
+			disabled: mergeTool?.disabled?.(ctx) ?? true,
+			callback: () => mergeTool?.onClick(ctx)
+		},
+		{
+			label: "取消合并单元格",
+			disabled: unmergeTool?.disabled?.(ctx) ?? true,
+			callback: () => unmergeTool?.onClick(ctx)
+		},
+		{
+			label: "插入图片",
+			disabled: !active,
+			callback: () => pickAndInsertImage(ctx)
+		}
+	];
+}
+/**
+* 右键落点预处理：body 格落在选区外 → 选中该格；
+* 行号/列头落在选区外 → 选中整行/整列（渲染尺寸）。
+*/
+function ensureContextMenuSelection(ctx, info, renderSize) {
+	const ranges = ctx.getSelection().ranges;
+	if (info.kind === "body" && info.addr) {
+		if (!ranges.some((range) => range.start.row <= info.addr.row && info.addr.row <= range.end.row && range.start.col <= info.addr.col && info.addr.col <= range.end.col)) ctx.selectCell(info.addr);
+		return;
+	}
+	if (info.kind === "row-header" && info.row != null) {
+		if (!isRowInSelection(ranges, info.row)) ctx.selectRange(wholeRowRange(info.row, renderSize.cols));
+		return;
+	}
+	if (info.kind === "col-header" && info.col != null) {
+		if (!isColInSelection(ranges, info.col)) ctx.selectRange(wholeColRange(info.col, renderSize.rows));
+	}
+}
+//#endregion
+export { INSERT_COUNT_MAX, buildBodyMenus, buildColHeaderMenus, buildRowHeaderMenus, defaultInsertCount, ensureContextMenuSelection, isColInSelection, isRowInSelection, resolveRenderSize, wholeColRange, wholeRowRange };

package/dist/components/sheet/sheet-tabs.js

@@ -0,0 +1,162 @@
+import { useSheetTabsBar } from "./use-sheet-tabs-bar.js";
+import { ArrowLeft, ArrowRight } from "@veltra/icons/normal";
+import { Fragment, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, openBlock, ref, renderList, toDisplayString, toRef, unref, useTemplateRef, vModelText, vShow, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { UIcon, contextmenu, message, messageConfirm } from "@veltra/desktop";
+import { bem } from "@veltra/utils";
+//#region src/components/sheet/sheet-tabs.vue
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = ["onClick", "onContextmenu"];
+const _hoisted_3 = ["onKeydown"];
+const _hoisted_4 = { key: 1 };
+const _hoisted_5 = ["disabled"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "USheetTabs",
+	__name: "sheet-tabs",
+	props: {
+		workbook: {},
+		sheetList: {},
+		activeIndex: {}
+	},
+	setup(__props) {
+		/**
+		* 底部 sheet tabs（可滚动视口 + 左右导航；「+」钉在视口外）：
+		* - tab 点击切换；末尾「+」addSheet + 自动激活新表（激活事件驱动 grid 重建）
+		* - tab 右键菜单「重命名 / 删除」：重命名进入行内输入（Enter 提交、Esc 取消、失焦提交；
+		*   冲突提示且不写入），删除二次确认（最后一个 sheet 的删除项禁用）
+		* - sheet 增删改名是工作簿级结构操作（不走 undo），直接调用 Workbook——
+		*   不经 SheetContext（见 AGENTS.md 门面边界）；UI 刷新由 workbook 事件驱动
+		*/
+		const props = __props;
+		const cls = bem("sheet");
+		const tabsViewportRef = useTemplateRef("tabsViewportRef");
+		const tabsListRef = useTemplateRef("tabsListRef");
+		const { showNav, canPrev, canNext, scrollByStep } = useSheetTabsBar({
+			viewportRef: tabsViewportRef,
+			listRef: tabsListRef,
+			sheetList: toRef(props, "sheetList"),
+			activeIndex: toRef(props, "activeIndex")
+		});
+		function handleTabClick(index) {
+			if (index === props.activeIndex) return;
+			const sheet = props.sheetList[index];
+			if (sheet) props.workbook.activateSheet(sheet.name);
+		}
+		/** 「+」添加 sheet：自动激活新表（激活事件驱动 grid 重建） */
+		function handleAddSheet() {
+			const sheet = props.workbook.addSheet();
+			props.workbook.activateSheet(sheet.name);
+		}
+		/** 正在行内重命名的 tab 下标（-1 = 无） */
+		const renamingIndex = ref(-1);
+		const renameDraft = ref("");
+		const renameInputRef = useTemplateRef("renameInputRef");
+		function handleTabContextMenu(event, sheet, index) {
+			contextmenu.pop({
+				mousePosition: {
+					x: event.clientX,
+					y: event.clientY
+				},
+				width: 160,
+				menus: [{
+					label: "重命名",
+					callback: () => startRename(index)
+				}, {
+					label: "删除",
+					disabled: props.sheetList.length <= 1,
+					callback: () => confirmRemoveSheet(sheet)
+				}]
+			});
+		}
+		/** 进入行内重命名（预填当前名并全选） */
+		function startRename(index) {
+			renamingIndex.value = index;
+			renameDraft.value = props.sheetList[index]?.name ?? "";
+			nextTick(() => renameInputRef.value?.[0]?.select());
+		}
+		/** 提交重命名：空名 / 重名（含大小写变体）由 Workbook 拒绝，提示且不写入 */
+		function commitRename() {
+			const index = renamingIndex.value;
+			if (index < 0) return;
+			renamingIndex.value = -1;
+			const sheet = props.sheetList[index];
+			if (!sheet) return;
+			const next = renameDraft.value.trim();
+			if (next === "" || next === sheet.name) return;
+			if (!props.workbook.renameSheet(sheet.name, next)) message.warn(`无法重命名：名称“${next}”无效或已被占用`);
+		}
+		function cancelRename() {
+			renamingIndex.value = -1;
+		}
+		/** 删除确认（message-confirm）；最后一个 sheet 在菜单层已禁用，这里再兜底 */
+		function confirmRemoveSheet(sheet) {
+			if (props.workbook.sheetCount <= 1) return;
+			messageConfirm.danger(`确定删除工作表“${sheet.name}”吗？删除后不可恢复。`, {
+				confirmButtonText: "删除",
+				onClosed: (action) => {
+					if (action !== "confirm") return;
+					props.workbook.removeSheet(sheet.name);
+				}
+			});
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).e("tabs")) }, [
+				withDirectives(createElementVNode("button", {
+					type: "button",
+					class: normalizeClass(unref(cls).e("tabs-nav")),
+					disabled: !unref(canPrev),
+					title: "向左滚动",
+					onClick: _cache[0] || (_cache[0] = ($event) => unref(scrollByStep)(-1))
+				}, [createVNode(unref(UIcon), null, {
+					default: withCtx(() => [createVNode(unref(ArrowLeft))]),
+					_: 1
+				})], 10, _hoisted_1), [[vShow, unref(showNav)]]),
+				createElementVNode("div", {
+					ref_key: "tabsViewportRef",
+					ref: tabsViewportRef,
+					class: normalizeClass(unref(cls).e("tabs-viewport"))
+				}, [createElementVNode("div", {
+					ref_key: "tabsListRef",
+					ref: tabsListRef,
+					class: normalizeClass(unref(cls).e("tabs-list"))
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.sheetList, (sheet, index) => {
+					return openBlock(), createElementBlock("div", {
+						key: sheet,
+						class: normalizeClass([unref(cls).e("tab"), unref(bem).is("active", index === __props.activeIndex)]),
+						title: "右键重命名 / 删除",
+						onClick: ($event) => handleTabClick(index),
+						onContextmenu: withModifiers(($event) => handleTabContextMenu($event, sheet, index), ["prevent"])
+					}, [renamingIndex.value === index ? withDirectives((openBlock(), createElementBlock("input", {
+						key: 0,
+						ref_for: true,
+						ref_key: "renameInputRef",
+						ref: renameInputRef,
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => renameDraft.value = $event),
+						class: normalizeClass(unref(cls).e("tab-rename-input")),
+						maxlength: 31,
+						onClick: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"])),
+						onKeydown: [withKeys(withModifiers(commitRename, ["prevent"]), ["enter"]), withKeys(withModifiers(cancelRename, ["prevent"]), ["esc"])],
+						onBlur: commitRename
+					}, null, 42, _hoisted_3)), [[vModelText, renameDraft.value]]) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(sheet.name), 1))], 42, _hoisted_2);
+				}), 128))], 2)], 2),
+				withDirectives(createElementVNode("button", {
+					type: "button",
+					class: normalizeClass(unref(cls).e("tabs-nav")),
+					disabled: !unref(canNext),
+					title: "向右滚动",
+					onClick: _cache[3] || (_cache[3] = ($event) => unref(scrollByStep)(1))
+				}, [createVNode(unref(UIcon), null, {
+					default: withCtx(() => [createVNode(unref(ArrowRight))]),
+					_: 1
+				})], 10, _hoisted_5), [[vShow, unref(showNav)]]),
+				createElementVNode("button", {
+					type: "button",
+					class: normalizeClass(unref(cls).e("tab-add")),
+					title: "添加工作表",
+					onClick: handleAddSheet
+				}, " + ", 2)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };

package/dist/components/sheet/sheet-toolbar.js

@@ -0,0 +1,106 @@
+import { useToolbarScroll } from "./use-toolbar-scroll.js";
+import { ArrowLeft, ArrowRight } from "@veltra/icons/normal";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, resolveComponent, resolveDynamicComponent, toDisplayString, toRef, unref, useTemplateRef, withCtx } from "vue";
+import { UIcon } from "@veltra/desktop";
+import { bem } from "@veltra/utils";
+//#region src/components/sheet/sheet-toolbar.vue
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = [
+	"data-tool-id",
+	"disabled",
+	"title",
+	"onClick"
+];
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = ["disabled"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "USheetToolbar",
+	__name: "sheet-toolbar",
+	props: { groups: {} },
+	emits: ["toolClick"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* 工具栏（渲染 defaultToolRegistry 分组工具 + 分隔符，单行溢出滚动）。
+		* 纯展示：有 icon 时只渲染图标（title/tooltip 经 UTip + 原生 title 兜底）；
+		* 无 icon 时回落文字按钮（自定义工具兼容）。
+		* 内容超出视口时显示左右箭头（点击步进滚动、滚轮横滚），不换行挤压 grid。
+		*/
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("sheet");
+		const scrollRef = useTemplateRef("scrollRef");
+		const listRef = useTemplateRef("listRef");
+		const { showNav, canPrev, canNext, scrollByStep } = useToolbarScroll({
+			viewportRef: scrollRef,
+			listRef,
+			content: toRef(props, "groups")
+		});
+		return (_ctx, _cache) => {
+			const _component_u_tip = resolveComponent("u-tip");
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).e("toolbar")) }, [
+				unref(showNav) ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: normalizeClass(unref(cls).e("toolbar-nav")),
+					disabled: !unref(canPrev),
+					"aria-label": "向左滚动工具栏",
+					onClick: _cache[0] || (_cache[0] = ($event) => unref(scrollByStep)(-1))
+				}, [createVNode(unref(UIcon), null, {
+					default: withCtx(() => [createVNode(unref(ArrowLeft))]),
+					_: 1
+				})], 10, _hoisted_1)) : createCommentVNode("v-if", true),
+				createCommentVNode(" 单行滚动视口：内容超出时由左右箭头导航（use-toolbar-scroll），不再换行 "),
+				createElementVNode("div", {
+					ref_key: "scrollRef",
+					ref: scrollRef,
+					class: normalizeClass(unref(cls).e("toolbar-scroll"))
+				}, [createElementVNode("div", {
+					ref_key: "listRef",
+					ref: listRef,
+					class: normalizeClass(unref(cls).e("toolbar-list"))
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.groups, (group, groupIndex) => {
+					return openBlock(), createElementBlock(Fragment, { key: group.name }, [groupIndex > 0 ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(unref(cls).e("toolbar-divider"))
+					}, null, 2)) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(group.tools, (item) => {
+						return openBlock(), createBlock(_component_u_tip, {
+							key: item.tool.id,
+							content: item.tool.tooltip ?? item.tool.title,
+							trigger: "hover",
+							direction: "top",
+							alignment: "center",
+							"show-delay": 400,
+							disabled: item.disabled
+						}, {
+							default: withCtx(() => [createElementVNode("button", {
+								type: "button",
+								class: normalizeClass([unref(cls).e("tool"), unref(bem).is("active", item.active)]),
+								"data-tool-id": item.tool.id,
+								disabled: item.disabled,
+								title: item.tool.tooltip ?? item.tool.title,
+								onClick: ($event) => emit("toolClick", item.tool, $event)
+							}, [item.tool.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.tool.icon), {
+								key: 0,
+								class: normalizeClass(unref(cls).e("tool-icon"))
+							}, null, 8, ["class"])) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(item.tool.title), 1))], 10, _hoisted_2)]),
+							_: 2
+						}, 1032, ["content", "disabled"]);
+					}), 128))], 64);
+				}), 128))], 2)], 2),
+				unref(showNav) ? (openBlock(), createElementBlock("button", {
+					key: 1,
+					type: "button",
+					class: normalizeClass(unref(cls).e("toolbar-nav")),
+					disabled: !unref(canNext),
+					"aria-label": "向右滚动工具栏",
+					onClick: _cache[1] || (_cache[1] = ($event) => unref(scrollByStep)(1))
+				}, [createVNode(unref(UIcon), null, {
+					default: withCtx(() => [createVNode(unref(ArrowRight))]),
+					_: 1
+				})], 10, _hoisted_4)) : createCommentVNode("v-if", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };