@veltra/sheet 2.0.1 → 2.2.0

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

@@ -0,0 +1,79 @@
+import { message } from "@veltra/desktop";
+//#region src/components/sheet/insert-image.ts
+/** 文件选择 accept（工具栏弹层与右键菜单共用；不用裸 image/*） */
+const INSERT_IMAGE_ACCEPT = ".png,.jpg,.jpeg,.gif,.svg,.webp";
+const MIME_TO_TYPE = {
+	"image/png": "png",
+	"image/jpeg": "jpeg",
+	"image/jpg": "jpeg",
+	"image/gif": "gif",
+	"image/svg+xml": "svg",
+	"image/webp": "webp"
+};
+const EXT_TO_TYPE = {
+	png: "png",
+	jpg: "jpeg",
+	jpeg: "jpeg",
+	gif: "gif",
+	svg: "svg",
+	webp: "webp"
+};
+/** MIME → hucre 图片类型；MIME 为空时回落扩展名 */
+function resolveImageType(file) {
+	const mime = file.type.trim().toLowerCase();
+	if (mime && MIME_TO_TYPE[mime]) return MIME_TO_TYPE[mime];
+	const ext = file.name.includes(".") ? file.name.slice(file.name.lastIndexOf(".") + 1) : "";
+	return EXT_TO_TYPE[ext.toLowerCase()];
+}
+/**
+* 从本地 File 插入浮动图片：读字节 → 映射类型 → 锚定活动格 → ctx.insertImage。
+* 不支持的格式 / 无活动格时 message.error 提示并返回 undefined。
+*/
+async function insertImageFromFile(ctx, file) {
+	const type = resolveImageType(file);
+	if (!type) {
+		message.error("不支持的图片格式，请选择 png / jpeg / gif / svg / webp");
+		return;
+	}
+	const active = ctx.getSelection().activeCell;
+	if (!active) {
+		message.error("请先选择单元格");
+		return;
+	}
+	const buffer = await file.arrayBuffer();
+	return ctx.insertImage({
+		data: new Uint8Array(buffer),
+		type,
+		anchor: { from: {
+			row: active.row,
+			col: active.col
+		} }
+	});
+}
+/**
+* 拉起系统文件选择框（右键菜单用；不用 UFilePicker——无编程式打开 API）。
+* 选中文件后走 insertImageFromFile。
+*/
+function pickAndInsertImage(ctx) {
+	const input = document.createElement("input");
+	input.type = "file";
+	input.accept = INSERT_IMAGE_ACCEPT;
+	input.hidden = true;
+	const cleanup = () => {
+		input.remove();
+	};
+	input.addEventListener("change", () => {
+		const file = input.files?.[0];
+		cleanup();
+		if (file) insertImageFromFile(ctx, file);
+	});
+	window.addEventListener("focus", () => {
+		setTimeout(() => {
+			if (document.body.contains(input) && !input.files?.length) cleanup();
+		}, 300);
+	}, { once: true });
+	document.body.appendChild(input);
+	input.click();
+}
+//#endregion
+export { INSERT_IMAGE_ACCEPT, insertImageFromFile, pickAndInsertImage, resolveImageType };

package/dist/components/sheet/popup-helpers.js

@@ -0,0 +1,73 @@
+import { BORDER_STYLE_WIDTH } from "@veltra/sheet-core/core/style/types";
+//#region src/components/sheet/popup-helpers.ts
+/** 当前选区（ranges[0] 优先；无区域选区时用活动格单格） */
+function currentRange(context) {
+	const { activeCell, ranges } = context.getSelection();
+	return ranges[0] ?? (activeCell ? {
+		start: activeCell,
+		end: activeCell
+	} : null);
+}
+const BORDER_LINE_STYLES = [
+	"thin",
+	"medium",
+	"thick",
+	"dashed",
+	"dotted"
+];
+const BORDER_LINE_TITLES = {
+	thin: "细线",
+	medium: "中粗线",
+	thick: "粗线",
+	dashed: "虚线",
+	dotted: "点线"
+};
+const BORDER_PRESETS = [
+	{
+		id: "outer",
+		title: "外边框",
+		glyph: "outer"
+	},
+	{
+		id: "inner",
+		title: "内边框",
+		glyph: "inner"
+	},
+	{
+		id: "all",
+		title: "所有边框",
+		glyph: "all"
+	},
+	{
+		id: "top",
+		title: "上边框",
+		glyph: "top"
+	},
+	{
+		id: "bottom",
+		title: "下边框",
+		glyph: "bottom"
+	},
+	{
+		id: "left",
+		title: "左边框",
+		glyph: "left"
+	},
+	{
+		id: "right",
+		title: "右边框",
+		glyph: "right"
+	},
+	{
+		id: "none",
+		title: "无边框",
+		glyph: "none"
+	}
+];
+/** 线型示例条样式（边框面板的线型按钮 swatch） */
+function lineSwatchStyle(line) {
+	const dash = line === "dashed" ? "dashed" : line === "dotted" ? "dotted" : "solid";
+	return { borderBottom: `${BORDER_STYLE_WIDTH[line]}px ${dash} #000` };
+}
+//#endregion
+export { BORDER_LINE_STYLES, BORDER_LINE_TITLES, BORDER_PRESETS, currentRange, lineSwatchStyle };

package/dist/components/sheet/popups/border-popup.js

@@ -0,0 +1,75 @@
+import { BORDER_LINE_STYLES, BORDER_LINE_TITLES, BORDER_PRESETS, currentRange, lineSwatchStyle } from "../popup-helpers.js";
+import _sfc_main$1 from "./border-preset-glyph.js";
+import { Fragment, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderList, unref } from "vue";
+import { UPalette } from "@veltra/desktop";
+import { bem } from "@veltra/utils";
+import { buildBorderPresetItems } from "@veltra/sheet-core/core/style/border-presets";
+import { BORDER_STYLE_WIDTH } from "@veltra/sheet-core/core/style/types";
+//#region src/components/sheet/popups/border-popup.vue
+const _hoisted_1 = ["title", "onClick"];
+const _hoisted_2 = ["title", "onClick"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "USheetBorderPopup",
+	__name: "border-popup",
+	props: { context: {} },
+	setup(__props) {
+		/**
+		* 边框面板（外边框 / 内边框 / 所有边框 / 单侧边框 / 无边框预设 + 线型 / 颜色）。
+		* 预设补丁由 core/style/border-presets 生成（含邻居格共享边同步，对齐
+		* Excel「写入时同步、最近设置生效」）；面板打开期间的写入由
+		* use-tool-popup 事务包裹为一个 undo 单元。
+		*/
+		const props = __props;
+		const cls = bem("sheet");
+		/** 当前线型 / 颜色 */
+		const borderLineStyle = ref("thin");
+		const borderColor = ref("#000000");
+		/** 应用边框预设：一次 executeCommand（items 批量，含邻居同步补丁）= 一个 undo 单元 */
+		function applyBorderPreset(preset) {
+			const range = currentRange(props.context);
+			if (!range) return;
+			const edge = {
+				style: borderLineStyle.value,
+				width: BORDER_STYLE_WIDTH[borderLineStyle.value],
+				color: borderColor.value
+			};
+			const items = buildBorderPresetItems(range, preset, edge, (addr) => props.context.getCellStyle(addr)).map(({ addr, patch }) => ({
+				addr,
+				partial: patch
+			}));
+			if (items.length === 0) return;
+			props.context.executeCommand("sheet.command.set-cell-style", { items });
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createElementVNode("div", { class: normalizeClass(unref(cls).e("popup-row")) }, [createElementVNode("span", { class: normalizeClass(unref(cls).e("popup-label")) }, "线型", 2), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(BORDER_LINE_STYLES), (line) => {
+					return openBlock(), createElementBlock("button", {
+						key: line,
+						type: "button",
+						class: normalizeClass([unref(cls).e("popup-line"), unref(bem).is("active", borderLineStyle.value === line)]),
+						title: unref(BORDER_LINE_TITLES)[line],
+						onClick: ($event) => borderLineStyle.value = line
+					}, [createElementVNode("span", {
+						class: normalizeClass(unref(cls).e("popup-line-swatch")),
+						style: normalizeStyle(unref(lineSwatchStyle)(line))
+					}, null, 6)], 10, _hoisted_1);
+				}), 128))], 2),
+				createElementVNode("div", { class: normalizeClass(unref(cls).e("popup-row")) }, [createElementVNode("span", { class: normalizeClass(unref(cls).e("popup-label")) }, "颜色", 2), createVNode(unref(UPalette), {
+					"model-value": borderColor.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = (value) => borderColor.value = value || borderColor.value)
+				}, null, 8, ["model-value"])], 2),
+				createElementVNode("div", { class: normalizeClass(unref(cls).e("popup-row")) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(BORDER_PRESETS), (preset) => {
+					return openBlock(), createElementBlock("button", {
+						key: preset.id,
+						type: "button",
+						class: normalizeClass(unref(cls).e("popup-preset")),
+						title: preset.title,
+						onClick: ($event) => applyBorderPreset(preset.id)
+					}, [createVNode(_sfc_main$1, { glyph: preset.glyph }, null, 8, ["glyph"])], 10, _hoisted_2);
+				}), 128))], 2)
+			], 64);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };

package/dist/components/sheet/popups/border-preset-glyph.js

@@ -0,0 +1,106 @@
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, unref } from "vue";
+import { bem } from "@veltra/utils";
+//#region src/components/sheet/popups/border-preset-glyph.vue
+const _hoisted_1 = ["stroke"];
+const _hoisted_2 = ["stroke"];
+const _hoisted_3 = ["stroke"];
+const _hoisted_4 = ["stroke"];
+const _hoisted_5 = ["stroke"];
+const _hoisted_6 = ["stroke"];
+const MUTED = "var(--u-border-muted-color, #c0c4cc)";
+const ACTIVE = "currentColor";
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "USheetBorderPresetGlyph",
+	__name: "border-preset-glyph",
+	props: { glyph: {} },
+	setup(__props) {
+		/**
+		* 边框预设田字格 glyph（包内联 SVG，不进 @veltra/icons）。
+		* 3×3 网格（外框 + 十字），按 glyph 高亮对应边。
+		*/
+		const props = __props;
+		const cls = bem("sheet");
+		/** 田字格各线段是否高亮 */
+		function stroke(active) {
+			return active ? ACTIVE : MUTED;
+		}
+		const edges = computed(() => {
+			const g = props.glyph;
+			return {
+				top: g === "outer" || g === "all" || g === "top",
+				bottom: g === "outer" || g === "all" || g === "bottom",
+				left: g === "outer" || g === "all" || g === "left",
+				right: g === "outer" || g === "all" || g === "right",
+				innerH: g === "inner" || g === "all",
+				innerV: g === "inner" || g === "all"
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("svg", {
+				class: normalizeClass(unref(cls).e("popup-preset-glyph")),
+				viewBox: "0 0 16 16",
+				width: "16",
+				height: "16",
+				"aria-hidden": "true"
+			}, [
+				createCommentVNode(" 田字格：外框 + 十字；高亮边用 currentColor，其余用 muted "),
+				createElementVNode("line", {
+					x1: "2",
+					y1: "2",
+					x2: "14",
+					y2: "2",
+					stroke: stroke(edges.value.top),
+					"stroke-width": "1.5",
+					"stroke-linecap": "square"
+				}, null, 8, _hoisted_1),
+				createElementVNode("line", {
+					x1: "2",
+					y1: "14",
+					x2: "14",
+					y2: "14",
+					stroke: stroke(edges.value.bottom),
+					"stroke-width": "1.5",
+					"stroke-linecap": "square"
+				}, null, 8, _hoisted_2),
+				createElementVNode("line", {
+					x1: "2",
+					y1: "2",
+					x2: "2",
+					y2: "14",
+					stroke: stroke(edges.value.left),
+					"stroke-width": "1.5",
+					"stroke-linecap": "square"
+				}, null, 8, _hoisted_3),
+				createElementVNode("line", {
+					x1: "14",
+					y1: "2",
+					x2: "14",
+					y2: "14",
+					stroke: stroke(edges.value.right),
+					"stroke-width": "1.5",
+					"stroke-linecap": "square"
+				}, null, 8, _hoisted_4),
+				createElementVNode("line", {
+					x1: "2",
+					y1: "8",
+					x2: "14",
+					y2: "8",
+					stroke: stroke(edges.value.innerH),
+					"stroke-width": "1.5",
+					"stroke-linecap": "square"
+				}, null, 8, _hoisted_5),
+				createElementVNode("line", {
+					x1: "8",
+					y1: "2",
+					x2: "8",
+					y2: "14",
+					stroke: stroke(edges.value.innerV),
+					"stroke-width": "1.5",
+					"stroke-linecap": "square"
+				}, null, 8, _hoisted_6)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };

package/dist/components/sheet/popups/export-popup.js

@@ -0,0 +1,51 @@
+import { exportSheetCsvFile, exportWorkbookFile } from "../../../tools/download.js";
+import { createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, unref } from "vue";
+import { message } from "@veltra/desktop";
+import { bem } from "@veltra/utils";
+//#region src/components/sheet/popups/export-popup.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "USheetExportPopup",
+	__name: "export-popup",
+	props: { context: {} },
+	emits: ["close"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* 导出选择面板（xlsx / csv）。不参与面板事务：点击即下载并关闭。
+		*/
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("sheet");
+		function exportXlsx() {
+			emit("close");
+			const loading = message({
+				message: "正在导出…",
+				duration: 0
+			});
+			exportWorkbookFile(props.context).then(() => loading.close()).catch((err) => {
+				loading.close();
+				message.error(`导出失败：${err instanceof Error ? err.message : String(err)}`);
+			});
+		}
+		function exportCsv() {
+			emit("close");
+			try {
+				exportSheetCsvFile(props.context);
+			} catch (err) {
+				message.error(`导出失败：${err instanceof Error ? err.message : String(err)}`);
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).e("export-menu")) }, [createElementVNode("button", {
+				type: "button",
+				class: normalizeClass(unref(cls).e("export-option")),
+				onClick: exportXlsx
+			}, " 导出 Excel (.xlsx) ", 2), createElementVNode("button", {
+				type: "button",
+				class: normalizeClass(unref(cls).e("export-option")),
+				onClick: exportCsv
+			}, " 导出 CSV (.csv) ", 2)], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };

package/dist/components/sheet/popups/fill-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/components/sheet/popups/fill-color-popup.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "USheetFillColorPopup",
+	__name: "fill-color-popup",
+	props: { context: {} },
+	setup(__props) {
+		/**
+		* 填充颜色面板（UPalette 调色板 + 无填充 = 清除 fill 保留边框）。
+		* 面板打开期间的写入由 use-tool-popup 事务包裹为一个 undo 单元。
+		*/
+		const props = __props;
+		/** 填充颜色（'' = 无填充） */
+		const fillColor = ref("");
+		onMounted(() => {
+			const active = props.context.getSelection().activeCell;
+			const style = active ? props.context.getCellStyle(active) : void 0;
+			fillColor.value = style?.fill?.color ?? "";
+		});
+		/** 填充颜色变化（'' = 无填充：清除 fill 保留边框） */
+		function applyFillColor(color) {
+			const range = currentRange(props.context);
+			if (!range) return;
+			props.context.setCellStyle(range, color ? { fill: { color } } : { fill: {} });
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(UPalette), {
+				"model-value": fillColor.value,
+				"onUpdate:modelValue": applyFillColor
+			}, null, 8, ["model-value"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };

package/dist/components/sheet/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/components/sheet/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/components/sheet/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/components/sheet/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/components/sheet/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/components/sheet/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/components/sheet/popups/import.worker.d.ts

@@ -0,0 +1,21 @@
+import { SheetSnapshot } from "@veltra/sheet-core/core/sheet";
+//#region src/components/sheet/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 };