@veltra/sheet 2.0.1 → 2.1.1

package/dist/tools/export.worker.js

@@ -0,0 +1,29 @@
+//#region src/tools/export.worker.ts
+self.onmessage = (e) => {
+	Promise.all([import("@veltra/sheet-core/core/io/export"), import("@veltra/sheet-core/core/workbook")]).then(([{ exportWorkbookXlsx }, { Workbook }]) => {
+		const wb = new Workbook();
+		const sheets = e.data.sheets;
+		for (let i = 0; i < sheets.length; i++) {
+			const { name, snapshot } = sheets[i];
+			const sheet = i === 0 ? wb.activeSheet : wb.addSheet(name);
+			if (i === 0 && sheet.name !== name) wb.renameSheet(sheet.name, name);
+			sheet.restore(snapshot);
+		}
+		wb.activateSheet(wb.getSheets()[Math.min(e.data.activeIndex, wb.sheetCount - 1)].name);
+		return exportWorkbookXlsx(wb);
+	}).then((buffer) => {
+		const exact = buffer.slice();
+		const response = {
+			ok: true,
+			buffer: exact
+		};
+		self.postMessage(response, [exact.buffer]);
+	}).catch((err) => {
+		const response = {
+			ok: false,
+			error: err instanceof Error ? err.message : String(err)
+		};
+		self.postMessage(response);
+	});
+};
+//#endregion

package/dist/tools/registry.d.ts

@@ -10,6 +10,8 @@ import { SheetContext } from "./context.js";
  * - 默认注册表全局共享：所有 USheet 实例渲染同一组工具
  *   （与 defaultCommandRegistry 同语义；每个实例的 SheetContext 各自绑定当前 sheet）
  */
+/** 弹层型工具类型：vue 层按类型渲染弹层面板（面板交互走 SheetContext 命令入口） */
+type SheetToolPopupType = 'fill-color' | 'border' | 'font-color' | 'font-size' | 'find' | 'insert-image' | 'export';
 /** 工具定义 */
 interface SheetTool {
   /** 唯一 id；同 id 重复注册视为替换（保留原位置） */
@@ -28,6 +30,10 @@ interface SheetTool {
   visible?(ctx: SheetContext): boolean;
   /** 是否禁用（工具栏状态刷新时求值）；缺省可用 */
   disabled?(ctx: SheetContext): boolean;
+  /** 是否处于激活/高亮状态（工具栏状态刷新时求值，vue 层渲染 is-active）；缺省 false */
+  active?(ctx: SheetContext): boolean;
+  /** 弹层型工具：vue 层渲染弹层面板，onClick 不执行（面板交互走 SheetContext） */
+  popup?: SheetToolPopupType;
   /** 点击执行；ctx 是唯一操作入口（写操作全走命令系统，天然可撤销） */
   onClick(ctx: SheetContext): void;
 }
@@ -36,8 +42,6 @@ interface SheetToolGroup {
   name: string;
   tools: SheetTool[];
 }
-/** 缺省分组名 */
-declare const DEFAULT_TOOL_GROUP = "default";
 declare class ToolRegistry {
   private entries;
   private seq;
@@ -64,5 +68,4 @@ declare function registerTool(tool: SheetTool): void;
 /** 从默认注册表注销工具；id 不存在时返回 false */
 declare function unregisterTool(id: string): boolean;
 //#endregion
-export { DEFAULT_TOOL_GROUP, SheetTool, SheetToolGroup, ToolRegistry, defaultToolRegistry, registerTool, unregisterTool };
-//# sourceMappingURL=registry.d.ts.map
+export { SheetTool, SheetToolGroup, SheetToolPopupType, ToolRegistry, defaultToolRegistry, registerTool, unregisterTool };

package/dist/tools/registry.js

@@ -1,4 +1,4 @@
-import { TypedEventEmitter } from "../core/events.js";
+import { TypedEventEmitter } from "@veltra/sheet-core/core/events";
 //#region src/tools/registry.ts
 /** 缺省分组名 */
 const DEFAULT_TOOL_GROUP = "default";
@@ -73,5 +73,3 @@ function unregisterTool(id) {
 }
 //#endregion
 export { DEFAULT_TOOL_GROUP, ToolRegistry, defaultToolRegistry, registerTool, unregisterTool };
-
-//# sourceMappingURL=registry.js.map

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
 import { SheetEmits, SheetExposed, SheetProps, _SheetExposed } from "./sheet.js";
+import "@veltra/sheet-core/core/image";
 export { SheetEmits, SheetExposed, SheetProps, _SheetExposed };

package/dist/types/sheet.d.ts

@@ -1,9 +1,9 @@
-import { Sheet } from "../core/sheet.js";
-import { Workbook } from "../core/workbook.js";
-import { SheetGrid } from "../grid/sheet-grid.js";
 import { SheetContext } from "../tools/context.js";
 import { ComputedRef } from "vue";
 import { DeconstructValue } from "@veltra/utils";
+import { SheetGrid } from "@veltra/sheet-core/grid/sheet-grid";
+import { Workbook } from "@veltra/sheet-core/core/workbook";
+import { Sheet } from "@veltra/sheet-core/core/sheet";
 //#region src/types/sheet.d.ts
 /** 电子表格组件属性 */
 interface SheetProps {
@@ -15,6 +15,8 @@ interface SheetProps {
   cols?: number;
   /** 是否显示工具栏，默认 true */
   showToolbar?: boolean;
+  /** 是否显示顶部公式栏（名称框 + fx 输入栏），默认 true */
+  showFormulaBar?: boolean;
   /** 是否显示底部 sheet 标签栏，默认 true */
   showTabs?: boolean;
 }
@@ -39,5 +41,4 @@ interface _SheetExposed {
 /** 电子表格组件暴露的属性和方法 */
 type SheetExposed = DeconstructValue<_SheetExposed>;
 //#endregion
-export { SheetEmits, SheetExposed, SheetProps, _SheetExposed };
-//# sourceMappingURL=sheet.d.ts.map
+export { SheetEmits, SheetExposed, SheetProps, _SheetExposed };

package/dist/vue/formula-bar.js

@@ -0,0 +1,393 @@
+import _sfc_main$1 from "./formula-suggest-list.js";
+import { insertRefText, isRefSelectContext } from "./use-formula-ref-select.js";
+import { applySuggest, filterFormulaSuggestions, getSuggestContext, moveSuggestIndex } from "./use-formula-suggest.js";
+import { formatAddress, formatRange, parseRange } from "@veltra/sheet-core/core/address";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, shallowRef, unref, useTemplateRef, vModelText, watch, withDirectives, withModifiers } from "vue";
+import { message } from "@veltra/desktop";
+import { bem } from "@veltra/utils";
+//#region src/vue/formula-bar.vue
+const _hoisted_1 = ["disabled", "readonly"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UFormulaBar",
+	__name: "formula-bar",
+	props: {
+		sheet: {},
+		context: {}
+	},
+	setup(__props, { expose: __expose }) {
+		/**
+		* 公式栏（名称框 + fx 输入栏），USheet 顶部结构之一。
+		*
+		* - 名称框：显示当前选区（单格 A1 / 区域 A1:B2）；合法地址回车跳转。
+		* - fx 输入栏：活动格内容；Enter/✓ 提交、Esc/✗ 取消、失焦提交。
+		* - 函数补全：`=` 开头且光标在函数名 token 上时弹出候选（↑↓ / Tab / Enter / 点击）。
+		* - 引用选择：光标在运算符/`(`/`,` 后时，画布点选/拖选插入引用（blur 抑制防误提交）。
+		* - 网格编辑镜像：只读显示网格编辑器文本。
+		*/
+		const props = __props;
+		const cls = bem("sheet");
+		const fxRef = useTemplateRef("fxRef");
+		const selection = shallowRef({
+			activeCell: null,
+			ranges: []
+		});
+		const nameDraft = ref("");
+		const nameFocused = ref(false);
+		const editing = ref(false);
+		let editAddr = null;
+		const mirroring = ref(false);
+		let mirrorAddr = null;
+		const fxDraft = ref("");
+		/** 输入面板是否因内容增高而浮出（文档流仍保持单行） */
+		const fxExpanded = ref(false);
+		/** textarea 光标（selectionStart）；输入/点击/方向键后同步 */
+		const fxCursor = ref(0);
+		/** 画布 pointerdown 置位：下一帧 blur 跳过提交（引用选择模式） */
+		let suppressBlurCommit = false;
+		const suggestItems = shallowRef([]);
+		const suggestIndex = ref(0);
+		const suggestOpen = computed(() => suggestItems.value.length > 0);
+		const fxDisabled = computed(() => selection.value.activeCell == null);
+		/** 编排层查询：fx 编辑中且光标处于可插入引用位置 */
+		function isRefSelecting() {
+			return editing.value && !mirroring.value && isRefSelectContext(fxDraft.value, fxCursor.value);
+		}
+		/** 网格 pointerdown（capture）→ 挂起即将到来的 blur 提交 */
+		function beginBlurSuppress() {
+			if (!isRefSelecting()) return;
+			suppressBlurCommit = true;
+		}
+		/** 选区拦截回调：插入 A1 / A1:B2 到光标处 */
+		function handleRefSelect(range) {
+			if (!editing.value || mirroring.value) return;
+			const rangeText = formatRange(range);
+			const selEnd = fxRef.value?.selectionEnd ?? fxCursor.value;
+			const result = insertRefText(fxDraft.value, fxCursor.value, rangeText, selEnd);
+			fxDraft.value = result.text;
+			fxCursor.value = result.cursor;
+			closeSuggest();
+			nextTick(() => {
+				const input = fxRef.value;
+				if (!input) return;
+				input.focus();
+				input.setSelectionRange(result.cursor, result.cursor);
+				autosizeFx();
+			});
+		}
+		function nameText(state) {
+			const range = state.ranges[0];
+			if (range) return formatRange(range);
+			return state.activeCell ? formatAddress(state.activeCell) : "";
+		}
+		function cellText(addr) {
+			const data = props.context.getCellData(addr);
+			if (data?.f != null) return `=${data.f}`;
+			if (data?.v != null) return String(data.v);
+			return "";
+		}
+		function refreshName() {
+			nameDraft.value = nameText(selection.value);
+		}
+		function refreshFx() {
+			const active = selection.value.activeCell;
+			fxDraft.value = active ? cellText(active) : "";
+			fxCursor.value = fxDraft.value.length;
+			closeSuggest();
+			scheduleAutosize();
+		}
+		/** 每帧合并一次的 autosizeFx（批量 cell-change 同帧 N 次 nextTick → 1 次强制布局） */
+		let autosizePending = false;
+		function scheduleAutosize() {
+			if (autosizePending) return;
+			autosizePending = true;
+			nextTick(() => {
+				autosizePending = false;
+				autosizeFx();
+			});
+		}
+		/**
+		* 按内容增高浮出面板，不超过 CSS max-height。
+		* 增高走绝对定位，公式栏文档流高度始终单行。
+		*/
+		function autosizeFx() {
+			const el = fxRef.value;
+			if (!el) return;
+			el.style.height = "0px";
+			const styles = getComputedStyle(el);
+			const max = Number.parseFloat(styles.maxHeight);
+			const min = Number.parseFloat(styles.minHeight);
+			const content = el.scrollHeight;
+			const next = Number.isFinite(max) && max > 0 ? Math.min(content, max) : content;
+			el.style.height = `${next}px`;
+			fxExpanded.value = Number.isFinite(min) ? next > min + 1 : next > 1;
+		}
+		function syncFxCursor() {
+			const el = fxRef.value;
+			if (!el) return;
+			fxCursor.value = el.selectionStart;
+			refreshSuggest();
+		}
+		function handleFxInput() {
+			syncFxCursor();
+			autosizeFx();
+		}
+		function closeSuggest() {
+			suggestItems.value = [];
+			suggestIndex.value = 0;
+		}
+		function refreshSuggest() {
+			if (!editing.value || mirroring.value) {
+				closeSuggest();
+				return;
+			}
+			const ctx = getSuggestContext(fxDraft.value, fxCursor.value);
+			if (!ctx) {
+				closeSuggest();
+				return;
+			}
+			const items = filterFormulaSuggestions(ctx.prefix);
+			suggestItems.value = items;
+			if (suggestIndex.value >= items.length) suggestIndex.value = 0;
+		}
+		function confirmSuggest(item) {
+			const pick = item ?? suggestItems.value[suggestIndex.value];
+			if (!pick) return;
+			const ctx = getSuggestContext(fxDraft.value, fxCursor.value);
+			if (!ctx) return;
+			const result = applySuggest(fxDraft.value, ctx.start, ctx.end, pick.name);
+			fxDraft.value = result.text;
+			fxCursor.value = result.cursor;
+			closeSuggest();
+			nextTick(() => {
+				const el = fxRef.value;
+				if (!el) return;
+				el.focus();
+				el.setSelectionRange(result.cursor, result.cursor);
+				autosizeFx();
+				refreshSuggest();
+			});
+		}
+		function handleNameKeydown(event) {
+			if (event.key === "Enter") {
+				event.preventDefault();
+				commitName();
+			} else if (event.key === "Escape") {
+				event.preventDefault();
+				refreshName();
+			}
+		}
+		function handleNameBlur() {
+			nameFocused.value = false;
+			refreshName();
+		}
+		function commitName() {
+			const range = parseRange(nameDraft.value);
+			if (!range) {
+				message.warn("无效的单元格地址");
+				refreshName();
+				return;
+			}
+			if (range.start.row === range.end.row && range.start.col === range.end.col) props.context.selectCell(range.start);
+			else props.context.selectRange(range);
+			refreshName();
+		}
+		function handleFxFocus() {
+			if (fxDisabled.value) return;
+			mirroring.value = false;
+			mirrorAddr = null;
+			editing.value = true;
+			editAddr = selection.value.activeCell;
+			syncFxCursor();
+		}
+		/**
+		* 失焦提交；引用选择期间（画布 pointerdown 已挂起）跳过。
+		* ✓/✗ / 候选列表用 mousedown.prevent 拦截失焦。
+		*/
+		function handleFxBlur() {
+			if (!editing.value) return;
+			if (suppressBlurCommit) {
+				suppressBlurCommit = false;
+				return;
+			}
+			commitEdit();
+		}
+		function handleFxKeydown(event) {
+			if (suggestOpen.value) {
+				if (event.key === "ArrowDown") {
+					event.preventDefault();
+					suggestIndex.value = moveSuggestIndex(suggestIndex.value, suggestItems.value.length, 1);
+					return;
+				}
+				if (event.key === "ArrowUp") {
+					event.preventDefault();
+					suggestIndex.value = moveSuggestIndex(suggestIndex.value, suggestItems.value.length, -1);
+					return;
+				}
+				if (event.key === "Enter" || event.key === "Tab") {
+					event.preventDefault();
+					confirmSuggest();
+					return;
+				}
+				if (event.key === "Escape") {
+					event.preventDefault();
+					closeSuggest();
+					return;
+				}
+			}
+			if (event.key === "Enter" && !event.shiftKey) {
+				event.preventDefault();
+				commitEdit();
+			} else if (event.key === "Escape") {
+				event.preventDefault();
+				cancelEdit();
+			}
+		}
+		function commitEdit() {
+			if (!editing.value) return;
+			const addr = editAddr;
+			editing.value = false;
+			editAddr = null;
+			suppressBlurCommit = false;
+			closeSuggest();
+			if (addr) props.context.setCellValue(addr, fxDraft.value);
+			refreshFx();
+		}
+		function cancelEdit() {
+			if (!editing.value) return;
+			editing.value = false;
+			editAddr = null;
+			suppressBlurCommit = false;
+			closeSuggest();
+			refreshFx();
+		}
+		function handleSelectionChange(state) {
+			selection.value = state;
+			if (!nameFocused.value) refreshName();
+			if (editing.value) return;
+			mirroring.value = false;
+			mirrorAddr = null;
+			refreshFx();
+		}
+		function handleCellChange({ addr }) {
+			if (editing.value) return;
+			if (mirroring.value) {
+				if (mirrorAddr && addr.row === mirrorAddr.row && addr.col === mirrorAddr.col) {
+					mirroring.value = false;
+					mirrorAddr = null;
+					refreshFx();
+				}
+				return;
+			}
+			const active = selection.value.activeCell;
+			if (!active || addr.row !== active.row || addr.col !== active.col) return;
+			refreshFx();
+		}
+		function mirrorGridEdit(addr) {
+			if (editing.value || fxDisabled.value) return;
+			mirroring.value = true;
+			mirrorAddr = addr;
+			fxDraft.value = cellText(addr);
+			closeSuggest();
+		}
+		function exitMirror(addr) {
+			if (!mirroring.value) return;
+			if (mirrorAddr && addr.row === mirrorAddr.row && addr.col === mirrorAddr.col) {
+				mirroring.value = false;
+				mirrorAddr = null;
+				refreshFx();
+			}
+		}
+		__expose({
+			mirrorGridEdit,
+			exitMirror,
+			isRefSelecting,
+			beginBlurSuppress,
+			handleRefSelect
+		});
+		let dispose = [];
+		function bindSheet(sheet) {
+			for (const off of dispose) off();
+			dispose = [sheet.on("selection-change", handleSelectionChange), sheet.on("cell-change", handleCellChange)];
+		}
+		watch(() => props.sheet, (sheet, prev) => {
+			if (sheet === prev) return;
+			editing.value = false;
+			editAddr = null;
+			mirroring.value = false;
+			mirrorAddr = null;
+			suppressBlurCommit = false;
+			closeSuggest();
+			bindSheet(sheet);
+			selection.value = sheet.getSelection();
+			refreshName();
+			refreshFx();
+		});
+		onMounted(() => {
+			bindSheet(props.sheet);
+			selection.value = props.sheet.getSelection();
+			refreshName();
+			refreshFx();
+		});
+		onBeforeUnmount(() => {
+			for (const off of dispose) off();
+			dispose = [];
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).e("formula-bar")) }, [
+				withDirectives(createElementVNode("input", {
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => nameDraft.value = $event),
+					class: normalizeClass(unref(cls).e("name-box")),
+					spellcheck: "false",
+					autocomplete: "off",
+					title: "单元格地址或区域（如 B3 或 B3:D5），回车跳转",
+					onFocus: _cache[1] || (_cache[1] = ($event) => nameFocused.value = true),
+					onBlur: handleNameBlur,
+					onKeydown: handleNameKeydown
+				}, null, 34), [[vModelText, nameDraft.value]]),
+				createElementVNode("span", { class: normalizeClass(unref(cls).e("fx-label")) }, "fx", 2),
+				createElementVNode("div", { class: normalizeClass(unref(cls).e("fx-editor")) }, [createCommentVNode(" 文档流只占单行；面板绝对定位向下浮起，不撑开公式栏 "), createElementVNode("div", { class: normalizeClass([unref(cls).e("fx-input-panel"), unref(bem).is("expanded", fxExpanded.value)]) }, [withDirectives(createElementVNode("textarea", {
+					ref_key: "fxRef",
+					ref: fxRef,
+					"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => fxDraft.value = $event),
+					class: normalizeClass(unref(cls).e("fx-input")),
+					disabled: fxDisabled.value,
+					readonly: mirroring.value,
+					rows: "1",
+					spellcheck: "false",
+					autocomplete: "off",
+					title: "活动单元格内容（'=' 开头为公式）；Enter 提交，Esc 取消",
+					onFocus: handleFxFocus,
+					onBlur: handleFxBlur,
+					onKeydown: handleFxKeydown,
+					onInput: handleFxInput,
+					onClick: syncFxCursor,
+					onKeyup: syncFxCursor,
+					onSelect: syncFxCursor
+				}, null, 42, _hoisted_1), [[vModelText, fxDraft.value]]), createVNode(_sfc_main$1, {
+					items: suggestItems.value,
+					"active-index": suggestIndex.value,
+					onSelect: confirmSuggest,
+					onHover: _cache[3] || (_cache[3] = (i) => suggestIndex.value = i)
+				}, null, 8, ["items", "active-index"])], 2)], 2),
+				editing.value ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: normalizeClass(unref(cls).e("fx-btn")),
+					title: "提交（Enter）",
+					onMousedown: _cache[4] || (_cache[4] = withModifiers(() => {}, ["prevent"])),
+					onClick: commitEdit
+				}, " ✓ ", 34)) : createCommentVNode("v-if", true),
+				editing.value ? (openBlock(), createElementBlock("button", {
+					key: 1,
+					type: "button",
+					class: normalizeClass(unref(cls).e("fx-btn")),
+					title: "取消（Esc）",
+					onMousedown: _cache[5] || (_cache[5] = withModifiers(() => {}, ["prevent"])),
+					onClick: cancelEdit
+				}, " ✗ ", 34)) : createCommentVNode("v-if", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };

package/dist/vue/formula-suggest-list.js

@@ -0,0 +1,66 @@
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, openBlock, renderList, toDisplayString, unref, watch, withCtx, withModifiers } from "vue";
+import { UScroll } from "@veltra/desktop";
+import { bem } from "@veltra/utils";
+//#region src/vue/formula-suggest-list.vue
+const _hoisted_1 = [
+	"aria-selected",
+	"onMousedown",
+	"onMouseenter"
+];
+const SUGGEST_MAX_HEIGHT = 240;
+/** 单项约高（含 padding + 签名/描述两行）；用于估算 UScroll height */
+const SUGGEST_ITEM_HEIGHT = 48;
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UFormulaSuggestList",
+	__name: "formula-suggest-list",
+	props: {
+		items: {},
+		activeIndex: {}
+	},
+	emits: ["select", "hover"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("sheet");
+		/** 候选列表最大可视高度；内容更短时收缩，避免空前缀少量项时大片留白 */
+		const scrollHeight = computed(() => Math.min(Math.max(props.items.length, 1) * SUGGEST_ITEM_HEIGHT, SUGGEST_MAX_HEIGHT));
+		const itemEls = [];
+		function setItemRef(index, el) {
+			itemEls[index] = el instanceof HTMLElement ? el : null;
+		}
+		watch(() => [props.activeIndex, props.items], async ([index]) => {
+			await nextTick();
+			itemEls[index]?.scrollIntoView({ block: "nearest" });
+		});
+		return (_ctx, _cache) => {
+			return __props.items.length > 0 ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(unref(cls).e("fx-suggest")),
+				role: "listbox",
+				onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"]))
+			}, [createCommentVNode(" 滚动用 desktop UScroll（自定义滚动条；原生 overflow 滚动条在浮层里常看不见） "), createVNode(unref(UScroll), {
+				height: scrollHeight.value,
+				class: normalizeClass(unref(cls).e("fx-suggest-scroll"))
+			}, {
+				default: withCtx(() => [createElementVNode("ul", { class: normalizeClass(unref(cls).e("fx-suggest-list")) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+					return openBlock(), createElementBlock("li", {
+						key: item.name,
+						ref_for: true,
+						ref: (el) => setItemRef(index, el),
+						class: normalizeClass([unref(cls).e("fx-suggest-item"), unref(bem).is("active", index === __props.activeIndex)]),
+						role: "option",
+						"aria-selected": index === __props.activeIndex,
+						onMousedown: withModifiers(($event) => emit("select", item), ["prevent"]),
+						onMouseenter: ($event) => emit("hover", index)
+					}, [createElementVNode("span", { class: normalizeClass(unref(cls).e("fx-suggest-sig")) }, toDisplayString(item.signature), 3), item.description ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(unref(cls).e("fx-suggest-desc"))
+					}, toDisplayString(item.description), 3)) : createCommentVNode("v-if", true)], 42, _hoisted_1);
+				}), 128))], 2)]),
+				_: 1
+			}, 8, ["height", "class"])], 34)) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };