@veltra/sheet 2.0.0 → 2.1.1

package/dist/vue/popups/find-popup.js

@@ -0,0 +1,113 @@
+import { useFindReplace } from "../use-find-replace.js";
+import { Fragment, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, normalizeClass, openBlock, toDisplayString, unref, vModelCheckbox, vModelSelect, withDirectives } from "vue";
+import { UInput } from "@veltra/desktop";
+import { bem } from "@veltra/utils";
+//#region src/vue/popups/find-popup.vue
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = ["disabled"];
+const _hoisted_3 = ["disabled"];
+const _hoisted_4 = ["disabled"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "USheetFindPopup",
+	__name: "find-popup",
+	props: {
+		sheet: {},
+		context: {}
+	},
+	emits: ["close"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* 查找条（关键词 / 上一个 / 下一个 / 命中计数 / 关闭 + 替换 / 全部替换）。
+		* 不参与面板事务：每次替换独立为一个 undo 单元；全部替换 = 一次批量 = 单 undo 单元。
+		* 弹层随 v-if 挂载 / 销毁，每次打开都是全新状态（关键词清空）。
+		*/
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("sheet");
+		const { findQuery, findReplace, caseSensitive, wholeCell, searchIn, canFind, canReplace, findCountText, findForward, findPrevious, handleFindKeydown, replaceCurrent, replaceAll } = useFindReplace({
+			getSheet: () => props.sheet,
+			context: props.context
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createElementVNode("div", { class: normalizeClass(unref(cls).e("find-row")) }, [
+					createVNode(unref(UInput), {
+						modelValue: unref(findQuery),
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(findQuery) ? findQuery.value = $event : null),
+						placeholder: "查找内容",
+						size: "small",
+						class: normalizeClass(unref(cls).e("find-input")),
+						onKeydown: unref(handleFindKeydown)
+					}, null, 8, [
+						"modelValue",
+						"class",
+						"onKeydown"
+					]),
+					createElementVNode("span", { class: normalizeClass(unref(cls).e("find-count")) }, toDisplayString(unref(findCountText)), 3),
+					createElementVNode("button", {
+						type: "button",
+						class: normalizeClass(unref(cls).e("find-nav")),
+						disabled: !unref(canFind),
+						title: "上一个（Shift+Enter）",
+						onClick: _cache[1] || (_cache[1] = (...args) => unref(findPrevious) && unref(findPrevious)(...args))
+					}, " ↑ ", 10, _hoisted_1),
+					createElementVNode("button", {
+						type: "button",
+						class: normalizeClass(unref(cls).e("find-nav")),
+						disabled: !unref(canFind),
+						title: "下一个（Enter）",
+						onClick: _cache[2] || (_cache[2] = (...args) => unref(findForward) && unref(findForward)(...args))
+					}, " ↓ ", 10, _hoisted_2),
+					createElementVNode("button", {
+						type: "button",
+						class: normalizeClass(unref(cls).e("find-close")),
+						title: "关闭",
+						onClick: _cache[3] || (_cache[3] = ($event) => emit("close"))
+					}, " ✕ ", 2)
+				], 2),
+				createElementVNode("div", { class: normalizeClass(unref(cls).e("find-row")) }, [
+					createVNode(unref(UInput), {
+						modelValue: unref(findReplace),
+						"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(findReplace) ? findReplace.value = $event : null),
+						placeholder: "替换为",
+						size: "small",
+						class: normalizeClass(unref(cls).e("find-input")),
+						onKeydown: unref(handleFindKeydown)
+					}, null, 8, [
+						"modelValue",
+						"class",
+						"onKeydown"
+					]),
+					createElementVNode("button", {
+						type: "button",
+						class: normalizeClass(unref(cls).e("find-btn")),
+						disabled: !unref(canReplace),
+						onClick: _cache[5] || (_cache[5] = (...args) => unref(replaceCurrent) && unref(replaceCurrent)(...args))
+					}, " 替换 ", 10, _hoisted_3),
+					createElementVNode("button", {
+						type: "button",
+						class: normalizeClass(unref(cls).e("find-btn")),
+						disabled: !unref(canReplace),
+						onClick: _cache[6] || (_cache[6] = (...args) => unref(replaceAll) && unref(replaceAll)(...args))
+					}, " 全部替换 ", 10, _hoisted_4)
+				], 2),
+				createElementVNode("div", { class: normalizeClass(unref(cls).e("find-row")) }, [
+					createElementVNode("label", { class: normalizeClass(unref(cls).e("find-option")) }, [withDirectives(createElementVNode("input", {
+						"onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => isRef(caseSensitive) ? caseSensitive.value = $event : null),
+						type: "checkbox"
+					}, null, 512), [[vModelCheckbox, unref(caseSensitive)]]), _cache[10] || (_cache[10] = createTextVNode("区分大小写 ", -1))], 2),
+					createElementVNode("label", { class: normalizeClass(unref(cls).e("find-option")) }, [withDirectives(createElementVNode("input", {
+						"onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isRef(wholeCell) ? wholeCell.value = $event : null),
+						type: "checkbox"
+					}, null, 512), [[vModelCheckbox, unref(wholeCell)]]), _cache[11] || (_cache[11] = createTextVNode("整格匹配 ", -1))], 2),
+					createElementVNode("label", { class: normalizeClass(unref(cls).e("find-option")) }, [_cache[13] || (_cache[13] = createTextVNode(" 查找 ", -1)), withDirectives(createElementVNode("select", {
+						"onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => isRef(searchIn) ? searchIn.value = $event : null),
+						class: normalizeClass(unref(cls).e("find-select"))
+					}, [..._cache[12] || (_cache[12] = [createElementVNode("option", { value: "value" }, "按显示值", -1), createElementVNode("option", { value: "formula" }, "按公式", -1)])], 2), [[vModelSelect, unref(searchIn)]])], 2)
+				], 2)
+			], 64);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };

package/dist/vue/popups/font-color-popup.js

@@ -0,0 +1,37 @@
+import { currentRange } from "../popup-helpers.js";
+import { createBlock, defineComponent, onMounted, openBlock, ref, unref } from "vue";
+import { UPalette } from "@veltra/desktop";
+//#region src/vue/popups/font-color-popup.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "USheetFontColorPopup",
+	__name: "font-color-popup",
+	props: { context: {} },
+	setup(__props) {
+		/**
+		* 字体颜色面板（UPalette；空值 = 清除 color 保留其它字体字段）。
+		* 面板打开期间的写入由 use-tool-popup 事务包裹为一个 undo 单元。
+		*/
+		const props = __props;
+		/** 字体颜色（'' = 自动/默认） */
+		const fontColor = ref("");
+		onMounted(() => {
+			const active = props.context.getSelection().activeCell;
+			const style = active ? props.context.getCellStyle(active) : void 0;
+			fontColor.value = style?.font?.color ?? "";
+		});
+		/** 字体颜色变化（'' = 清除 color） */
+		function applyFontColor(color) {
+			const range = currentRange(props.context);
+			if (!range) return;
+			props.context.setCellStyle(range, color ? { font: { color } } : { font: { color: null } });
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(UPalette), {
+				"model-value": fontColor.value,
+				"onUpdate:modelValue": applyFontColor
+			}, null, 8, ["model-value"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };

package/dist/vue/popups/font-size-popup.js

@@ -0,0 +1,63 @@
+import { currentRange } from "../popup-helpers.js";
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, onMounted, openBlock, ref, renderList, toDisplayString, unref, withCtx } from "vue";
+import { UScroll } from "@veltra/desktop";
+import { bem } from "@veltra/utils";
+//#region src/vue/popups/font-size-popup.vue
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "USheetFontSizePopup",
+	__name: "font-size-popup",
+	props: { context: {} },
+	setup(__props) {
+		/** 预设字号列表（pt，与 Excel 常用档对齐） */
+		const FONT_SIZES = [
+			9,
+			10,
+			11,
+			12,
+			14,
+			16,
+			18,
+			20,
+			24,
+			28,
+			32
+		];
+		/**
+		* 字号面板（预设列表；点击写入 font.size）。
+		* 面板打开期间的写入由 use-tool-popup 事务包裹为一个 undo 单元。
+		*/
+		const props = __props;
+		const cls = bem("sheet");
+		const currentSize = ref(void 0);
+		onMounted(() => {
+			const active = props.context.getSelection().activeCell;
+			const style = active ? props.context.getCellStyle(active) : void 0;
+			currentSize.value = style?.font?.size;
+		});
+		function applyFontSize(size) {
+			const range = currentRange(props.context);
+			if (!range) return;
+			currentSize.value = size;
+			props.context.setCellStyle(range, { font: { size } });
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" 下拉排列：每行一个字号；滚动用 desktop UScroll（自定义滚动条） "), createVNode(unref(UScroll), {
+				height: 280,
+				class: normalizeClass(unref(cls).e("popup-size-scroll"))
+			}, {
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(cls).e("popup-size-list")) }, [(openBlock(), createElementBlock(Fragment, null, renderList(FONT_SIZES, (size) => {
+					return createElementVNode("button", {
+						key: size,
+						type: "button",
+						class: normalizeClass([unref(cls).e("popup-size-item"), unref(bem).is("active", currentSize.value === size)]),
+						onClick: ($event) => applyFontSize(size)
+					}, toDisplayString(size), 11, _hoisted_1);
+				}), 64))], 2)]),
+				_: 1
+			}, 8, ["class"])], 2112);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };

package/dist/vue/popups/import.worker.d.ts

@@ -0,0 +1,21 @@
+import { SheetSnapshot } from "@veltra/sheet-core/core/sheet";
+//#region src/vue/popups/import.worker.d.ts
+type ImportWorkerResponse = {
+  type: 'progress';
+  done: number;
+  total: number;
+} | {
+  type: 'done';
+  ok: true;
+  sheets: {
+    name: string;
+    snapshot: SheetSnapshot;
+  }[];
+  activeIndex: number;
+} | {
+  type: 'done';
+  ok: false;
+  error: string;
+};
+//#endregion
+export { ImportWorkerResponse };

package/dist/vue/popups/import.worker.js

@@ -0,0 +1,41 @@
+//#region src/vue/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/vue/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/vue/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/vue/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/vue/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/vue/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 };