@veltra/sheet 2.0.0 → 2.1.1

package/dist/vue/import-file.js

@@ -0,0 +1,140 @@
+import { message, messageConfirm } from "@veltra/desktop";
+import { nextFrame } from "@veltra/utils";
+import { importCsv, importXlsx, replaceWorkbookWithSnapshots } from "@veltra/sheet-core/core/io/import";
+//#region src/vue/import-file.ts
+/** 导入文件 accept（工具栏直接选文件） */
+const IMPORT_FILE_ACCEPT = ".xlsx,.csv";
+/**
+* xlsx 解析（worker 优先）：importXlsx 是同步重活，主线程直接跑会冻结 UI。
+* worker 返回纯数据快照；不可用时回退主线程解析。
+*/
+async function parseXlsxAsync(buffer, parseProgress) {
+	let worker;
+	try {
+		const url = import.meta.env?.DEV ? new URL("./popups/import.worker.ts", import.meta.url) : new URL("./popups/import.worker.js", import.meta.url);
+		worker = new Worker(url, { type: "module" });
+	} catch {
+		return toSnapshotArray(await importXlsx(new Uint8Array(buffer)));
+	}
+	return await new Promise((resolve, reject) => {
+		let settled = false;
+		const fallback = () => {
+			if (settled) return;
+			settled = true;
+			worker.terminate();
+			importXlsx(new Uint8Array(buffer)).then((wb) => resolve(toSnapshotArray(wb))).catch((err) => reject(err));
+		};
+		worker.onmessage = (e) => {
+			const data = e.data;
+			if (data.type === "progress") {
+				if (parseProgress) parseProgress.value = {
+					done: data.done,
+					total: data.total
+				};
+				return;
+			}
+			if (settled) return;
+			settled = true;
+			if (!data.ok) {
+				worker.terminate();
+				reject(new Error(data.error ?? "worker 解析失败"));
+				return;
+			}
+			worker.terminate();
+			resolve({
+				sheets: data.sheets ?? [],
+				activeIndex: data.activeIndex ?? 0
+			});
+		};
+		worker.onerror = () => fallback();
+		const transfer = buffer.slice(0);
+		worker.postMessage({ buffer: transfer }, [transfer]);
+	});
+}
+function toSnapshotArray(wb) {
+	return {
+		sheets: wb.getSheets().map((s) => ({
+			name: s.name,
+			snapshot: s.snapshot()
+		})),
+		activeIndex: wb.activeSheetIndex
+	};
+}
+/**
+* 从本地 File 导入：
+* - .csv → importCsv 写入当前活动表
+* - .xlsx → 解析后经 messageConfirm 确认再 replaceWorkbookWithSnapshots
+*/
+function importFromFile(file, options) {
+	const { workbook, activeSheet, parsing, parseProgress, onCsvImported, onWorkbookReplaced } = options;
+	if (file.name.toLowerCase().endsWith(".csv")) {
+		file.text().then((text) => {
+			importCsv(text, activeSheet);
+			onCsvImported?.();
+			message.success(`已从 ${file.name} 导入到工作表「${activeSheet.name}」`);
+		});
+		return;
+	}
+	file.arrayBuffer().then((buffer) => {
+		if (parsing) parsing.value = true;
+		if (parseProgress) parseProgress.value = {
+			done: 0,
+			total: 0
+		};
+		parseXlsxAsync(buffer, parseProgress).then((imported) => {
+			if (parsing) parsing.value = false;
+			messageConfirm.danger(`导入将替换当前工作簿（共 ${imported.sheets.length} 个工作表），确定吗？`, {
+				confirmButtonText: "导入",
+				onClosed: (action) => {
+					if (action !== "confirm") return;
+					const loading = message({
+						message: "正在导入…",
+						duration: 0
+					});
+					try {
+						replaceWorkbookWithSnapshots(workbook, imported.sheets, imported.activeIndex);
+						onWorkbookReplaced?.();
+						nextFrame(() => {
+							message.success("导入完成");
+							loading.close();
+						});
+					} catch (err) {
+						console.error("[sheet] 导入失败：", err);
+						message.error(`导入失败：${err instanceof Error ? err.message : String(err)}`);
+						loading.close();
+					}
+				}
+			});
+		}).catch((err) => {
+			if (parsing) parsing.value = false;
+			message.error(`文件解析失败：${err instanceof Error ? err.message : String(err)}`);
+		});
+	});
+}
+/**
+* 拉起系统文件选择框（工具栏导入用；不用 UFilePicker——无编程式打开 API）。
+* 选中文件后走 importFromFile。
+*/
+function pickAndImportFile(options) {
+	const input = document.createElement("input");
+	input.type = "file";
+	input.accept = IMPORT_FILE_ACCEPT;
+	input.hidden = true;
+	const cleanup = () => {
+		input.remove();
+	};
+	input.addEventListener("change", () => {
+		const file = input.files?.[0];
+		cleanup();
+		if (file) importFromFile(file, options);
+	});
+	window.addEventListener("focus", () => {
+		setTimeout(() => {
+			if (document.body.contains(input) && !input.files?.length) cleanup();
+		}, 300);
+	}, { once: true });
+	document.body.appendChild(input);
+	input.click();
+}
+//#endregion
+export { IMPORT_FILE_ACCEPT, importFromFile, pickAndImportFile };

package/dist/vue/insert-count-menu-item.js

@@ -0,0 +1,68 @@
+import { createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, ref, toDisplayString, unref, withKeys, withModifiers } from "vue";
+import { ContextmenuRootDIKey, UNumberInput } from "@veltra/desktop";
+import { bem } from "@veltra/utils";
+//#region src/vue/insert-count-menu-item.vue
+const _hoisted_1 = ["onKeydownCapture"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "USheetInsertCountMenuItem",
+	__name: "insert-count-menu-item",
+	props: {
+		prefix: {},
+		suffix: {},
+		defaultValue: { default: 1 },
+		min: { default: 1 },
+		max: { default: 1e3 }
+	},
+	emits: ["confirm"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* 右键菜单内嵌数量输入项：文案 + UNumberInput。
+		* 点击菜单项本体按当前值执行；输入框区域点击不冒泡。
+		* Enter 提交、Esc 关闭；提交/取消均经 ContextmenuRootDIKey 关闭菜单。
+		* Enter/Esc 使用 capture：UNumberInput 内部 `@keydown.stop`，冒泡阶段收不到。
+		*/
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("sheet");
+		const root = inject(ContextmenuRootDIKey, null);
+		const count = ref(props.defaultValue);
+		function clamp(n) {
+			return Math.min(props.max, Math.max(props.min, Math.floor(n) || props.min));
+		}
+		function close() {
+			root?.onItemClickEnd();
+		}
+		function confirm() {
+			emit("confirm", clamp(count.value ?? props.defaultValue));
+			close();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(cls).e("insert-count-menu")),
+				onClick: confirm,
+				onKeydownCapture: [withKeys(withModifiers(confirm, ["prevent"]), ["enter"]), withKeys(withModifiers(close, ["prevent"]), ["escape"])]
+			}, [
+				createElementVNode("span", { class: normalizeClass(unref(cls).e("insert-count-prefix")) }, toDisplayString(__props.prefix), 3),
+				createVNode(unref(UNumberInput), {
+					modelValue: count.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => count.value = $event),
+					size: "small",
+					min: __props.min,
+					max: __props.max,
+					step: 1,
+					clearable: false,
+					class: normalizeClass(unref(cls).e("insert-count-input")),
+					onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
+				}, null, 8, [
+					"modelValue",
+					"min",
+					"max",
+					"class"
+				]),
+				createElementVNode("span", { class: normalizeClass(unref(cls).e("insert-count-suffix")) }, toDisplayString(__props.suffix), 3)
+			], 42, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };

package/dist/vue/insert-image.js

@@ -0,0 +1,79 @@
+import { message } from "@veltra/desktop";
+//#region src/vue/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/vue/popup-helpers.js

@@ -0,0 +1,73 @@
+import { BORDER_STYLE_WIDTH } from "@veltra/sheet-core/core/style/types";
+//#region src/vue/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/vue/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/vue/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/vue/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/vue/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/vue/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/vue/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/vue/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/vue/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 };