@robot-admin/naive-ui-components 0.3.0

package/dist/C_FormulaEditor2.js

@@ -0,0 +1,1433 @@
+import { t as C_Icon_default } from "./C_Icon2.js";
+import { t as export_helper_default } from "./export-helper.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, toDisplayString, unref, vShow, watch, withCtx, withDirectives } from "vue";
+import { NDivider, NEmpty, NInput, NScrollbar, NTag } from "naive-ui";
+import { Parser } from "expr-eval";
+
+//#region src/components/C_FormulaEditor/constants.ts
+/** 运算符区（5 列 × 3 行） */
+const OPERATOR_KEYS = [
+	{
+		label: "?",
+		value: " ? ",
+		type: "logic",
+		color: "warning"
+	},
+	{
+		label: ":",
+		value: " : ",
+		type: "logic",
+		color: "warning"
+	},
+	{
+		label: "and",
+		value: " AND ",
+		type: "logic",
+		color: "warning"
+	},
+	{
+		label: "or",
+		value: " OR ",
+		type: "logic",
+		color: "warning"
+	},
+	{
+		label: "(",
+		value: "(",
+		type: "paren"
+	},
+	{
+		label: ")",
+		value: ")",
+		type: "paren"
+	},
+	{
+		label: ",",
+		value: ", ",
+		type: "paren"
+	},
+	{
+		label: "==",
+		value: " == ",
+		type: "compare"
+	},
+	{
+		label: ">",
+		value: " > ",
+		type: "compare"
+	},
+	{
+		label: "<",
+		value: " < ",
+		type: "compare"
+	},
+	{
+		label: "≥",
+		value: " >= ",
+		type: "compare"
+	},
+	{
+		label: "≤",
+		value: " <= ",
+		type: "compare"
+	},
+	{
+		label: "≠",
+		value: " != ",
+		type: "compare"
+	},
+	{
+		label: "%",
+		value: " % ",
+		type: "operator"
+	}
+];
+/** 数字区（5 列 × 3 行） */
+const NUMBER_KEYS = [
+	{
+		label: "1",
+		value: "1",
+		type: "number"
+	},
+	{
+		label: "2",
+		value: "2",
+		type: "number"
+	},
+	{
+		label: "3",
+		value: "3",
+		type: "number"
+	},
+	{
+		label: "+",
+		value: " + ",
+		type: "operator",
+		color: "primary"
+	},
+	{
+		label: "−",
+		value: " - ",
+		type: "operator",
+		color: "primary"
+	},
+	{
+		label: "4",
+		value: "4",
+		type: "number"
+	},
+	{
+		label: "5",
+		value: "5",
+		type: "number"
+	},
+	{
+		label: "6",
+		value: "6",
+		type: "number"
+	},
+	{
+		label: "×",
+		value: " * ",
+		type: "operator",
+		color: "primary"
+	},
+	{
+		label: "÷",
+		value: " / ",
+		type: "operator",
+		color: "primary"
+	},
+	{
+		label: "7",
+		value: "7",
+		type: "number"
+	},
+	{
+		label: "8",
+		value: "8",
+		type: "number"
+	},
+	{
+		label: "9",
+		value: "9",
+		type: "number"
+	},
+	{
+		label: "0",
+		value: "0",
+		type: "number"
+	},
+	{
+		label: ".",
+		value: ".",
+		type: "number"
+	}
+];
+/** 动作键（⌫ + 清空） */
+const ACTION_KEYS = [{
+	label: "⌫",
+	value: "BACKSPACE",
+	type: "action",
+	isAction: true
+}, {
+	label: "清空",
+	value: "CLEAR",
+	type: "action",
+	isAction: true
+}];
+/** 默认可用函数列表 */
+const DEFAULT_FUNCTIONS = [
+	{
+		name: "IF",
+		signature: "IF(条件, 真值, 假值)",
+		description: "根据条件返回不同的值",
+		category: "逻辑"
+	},
+	{
+		name: "AND",
+		signature: "AND(条件1, 条件2)",
+		description: "全部条件为真时返回真",
+		category: "逻辑"
+	},
+	{
+		name: "OR",
+		signature: "OR(条件1, 条件2)",
+		description: "任一条件为真时返回真",
+		category: "逻辑"
+	},
+	{
+		name: "NOT",
+		signature: "NOT(条件)",
+		description: "对条件取反",
+		category: "逻辑"
+	},
+	{
+		name: "SUM",
+		signature: "SUM(值1, 值2, ...)",
+		description: "计算所有值的总和",
+		category: "数学"
+	},
+	{
+		name: "AVG",
+		signature: "AVG(值1, 值2, ...)",
+		description: "计算所有值的平均值",
+		category: "数学"
+	},
+	{
+		name: "MAX",
+		signature: "MAX(值1, 值2, ...)",
+		description: "返回最大值",
+		category: "数学"
+	},
+	{
+		name: "MIN",
+		signature: "MIN(值1, 值2, ...)",
+		description: "返回最小值",
+		category: "数学"
+	},
+	{
+		name: "ABS",
+		signature: "ABS(数值)",
+		description: "返回绝对值",
+		category: "数学"
+	},
+	{
+		name: "ROUND",
+		signature: "ROUND(数值, 小数位)",
+		description: "四舍五入到指定小数位",
+		category: "数学"
+	},
+	{
+		name: "CEIL",
+		signature: "CEIL(数值)",
+		description: "向上取整",
+		category: "数学"
+	},
+	{
+		name: "FLOOR",
+		signature: "FLOOR(数值)",
+		description: "向下取整",
+		category: "数学"
+	}
+];
+/** 所有可识别的运算符 */
+const OPERATORS = new Set([
+	"+",
+	"-",
+	"*",
+	"/",
+	"%",
+	">",
+	"<",
+	">=",
+	"<=",
+	"==",
+	"!=",
+	"?",
+	":",
+	"AND",
+	"OR",
+	"NOT"
+]);
+/** 需要在两侧加空格的运算符 */
+const SPACED_OPERATORS = new Set([
+	"+",
+	"-",
+	"*",
+	"/",
+	"%",
+	">",
+	"<",
+	">=",
+	"<=",
+	"==",
+	"!=",
+	"?",
+	":",
+	"AND",
+	"OR"
+]);
+
+//#endregion
+//#region src/components/C_FormulaEditor/composables/useFormulaParser.ts
+/**
+* 匹配规则（有优先级）：
+*  1. [变量名]  → variable
+*  2. >= <= == != → operator（多字符运算符优先）
+*  3. AND OR NOT → operator（逻辑关键词）
+*  4. 数字(含小数) → number
+*  5. 函数名(     → function（字母序列接左括号）
+*  6. + - * / % > < ? : → operator
+*  7. ( ) ,       → paren/comma
+*  8. 空白         → space
+*  9. 其他         → text
+*/
+const TOKEN_REGEX = /(\[([^\]]+)\])|(>=|<=|==|!=)|\b(AND|OR|NOT)\b|(\d+(?:\.\d+)?)|([A-Za-z_]\w*)(?=\s*\()|([+\-*/%><?:])|([(),])|(\s+)/g;
+/**
+* 公式解析 & 校验引擎
+*/
+function useFormulaParser(variables, functions) {
+	/** 有效变量名集合 */
+	const variableNames = computed(() => new Set(variables.value.map((v) => v.name)));
+	/** 有效函数名集合（大写） */
+	const functionNames = computed(() => new Set(functions.value.map((f) => f.name.toUpperCase())));
+	/** 根据正则匹配组分类 Token */
+	function classifyMatch(match, start, end) {
+		if (match[1]) return {
+			type: "variable",
+			value: match[2],
+			start,
+			end
+		};
+		if (match[3]) return {
+			type: "operator",
+			value: match[3],
+			start,
+			end
+		};
+		if (match[4]) return {
+			type: "operator",
+			value: match[4],
+			start,
+			end
+		};
+		if (match[5]) return {
+			type: "number",
+			value: match[5],
+			start,
+			end
+		};
+		if (match[6]) return {
+			type: "function",
+			value: match[6],
+			start,
+			end
+		};
+		if (match[7]) return {
+			type: "operator",
+			value: match[7],
+			start,
+			end
+		};
+		if (match[8]) {
+			const v = match[8];
+			return {
+				type: v === "," ? "comma" : "paren",
+				value: v,
+				start,
+				end
+			};
+		}
+		return {
+			type: "space",
+			value: match[9] ?? " ",
+			start,
+			end
+		};
+	}
+	/** 将公式字符串解析为 Token 数组 */
+	function tokenize(formula) {
+		const tokens = [];
+		const regex = new RegExp(TOKEN_REGEX.source, "g");
+		let match;
+		let lastIndex = 0;
+		while ((match = regex.exec(formula)) !== null) {
+			if (match.index > lastIndex) tokens.push({
+				type: "text",
+				value: formula.slice(lastIndex, match.index),
+				start: lastIndex,
+				end: match.index
+			});
+			tokens.push(classifyMatch(match, match.index, match.index + match[0].length));
+			lastIndex = match.index + match[0].length;
+		}
+		if (lastIndex < formula.length) tokens.push({
+			type: "text",
+			value: formula.slice(lastIndex),
+			start: lastIndex,
+			end: formula.length
+		});
+		return tokens;
+	}
+	/** 校验括号平衡 */
+	function checkParentheses(formula) {
+		let depth = 0;
+		for (let i = 0; i < formula.length; i++) {
+			if (formula[i] === "(") depth++;
+			else if (formula[i] === ")") depth--;
+			if (depth < 0) return {
+				valid: false,
+				message: `第 ${i + 1} 个字符处有多余的右括号 )`,
+				position: i
+			};
+		}
+		if (depth > 0) return {
+			valid: false,
+			message: `缺少 ${depth} 个右括号 )`
+		};
+		return {
+			valid: true,
+			message: ""
+		};
+	}
+	/** 校验变量是否都已定义 */
+	function checkVariables(tokens) {
+		for (const token of tokens) if (token.type === "variable" && !variableNames.value.has(token.value)) return {
+			valid: false,
+			message: `未知变量「${token.value}」`,
+			position: token.start
+		};
+		return {
+			valid: true,
+			message: ""
+		};
+	}
+	/** 校验函数是否已注册 */
+	function checkFunctions(tokens) {
+		for (const token of tokens) if (token.type === "function" && !functionNames.value.has(token.value.toUpperCase())) return {
+			valid: false,
+			message: `未知函数「${token.value}」`,
+			position: token.start
+		};
+		return {
+			valid: true,
+			message: ""
+		};
+	}
+	/** 完整校验公式 */
+	function validate(formula) {
+		if (!formula.trim()) return {
+			valid: true,
+			message: "公式为空"
+		};
+		const parenCheck = checkParentheses(formula);
+		if (!parenCheck.valid) return parenCheck;
+		const tokens = tokenize(formula);
+		const varCheck = checkVariables(tokens);
+		if (!varCheck.valid) return varCheck;
+		const funcCheck = checkFunctions(tokens);
+		if (!funcCheck.valid) return funcCheck;
+		const meaningful = tokens.filter((t) => t.type !== "space");
+		if (meaningful.length > 0) {
+			const first = meaningful[0];
+			if (first.type === "operator" && first.value !== "-" && !OPERATORS.has(first.value) === false) return {
+				valid: false,
+				message: `公式不能以运算符「${first.value}」开头`,
+				position: first.start
+			};
+		}
+		return {
+			valid: true,
+			message: "公式合法"
+		};
+	}
+	/**
+	* 将公式字符串转换为 expr-eval 可识别的表达式
+	* [变量名] → 变量.field 标识符
+	*/
+	function toEvalExpression(formula, variableMap) {
+		return formula.replace(/\[([^\]]+)\]/g, (_, name) => {
+			return variableMap.get(name) ?? `__unknown_${name}__`;
+		});
+	}
+	return {
+		tokenize,
+		validate,
+		toEvalExpression,
+		variableNames,
+		functionNames
+	};
+}
+
+//#endregion
+//#region src/components/C_FormulaEditor/composables/useFormulaEvaluator.ts
+/**
+* 公式求值引擎
+* 将公式中的 [变量名] 替换为实际值后计算结果
+*/
+function useFormulaEvaluator(variables) {
+	/** expr-eval 解析器实例 */
+	const parser = new Parser({ operators: {
+		logical: true,
+		comparison: true,
+		conditional: true,
+		add: true,
+		subtract: true,
+		multiply: true,
+		divide: true,
+		remainder: true
+	} });
+	parser.functions.IF = (cond, t, f) => cond ? t : f;
+	parser.functions.AND = (...args) => args.every(Boolean);
+	parser.functions.OR = (...args) => args.some(Boolean);
+	parser.functions.NOT = (v) => !v;
+	parser.functions.SUM = (...args) => args.reduce((a, b) => a + b, 0);
+	parser.functions.AVG = (...args) => args.length > 0 ? args.reduce((a, b) => a + b, 0) / args.length : 0;
+	parser.functions.MAX = (...args) => Math.max(...args);
+	parser.functions.MIN = (...args) => Math.min(...args);
+	parser.functions.ABS = Math.abs;
+	parser.functions.ROUND = (v, d = 0) => {
+		const f = 10 ** d;
+		return Math.round(v * f) / f;
+	};
+	parser.functions.CEIL = Math.ceil;
+	parser.functions.FLOOR = Math.floor;
+	/** 构建 变量名 → field 映射 */
+	const variableMap = computed(() => {
+		const map = /* @__PURE__ */ new Map();
+		for (const v of variables.value) map.set(v.name, v.field);
+		return map;
+	});
+	/**
+	* 将公式中的 [变量名] 替换为 field 标识符
+	* 例：[完成值] → completion_value
+	*/
+	function replaceVariables(formula) {
+		return formula.replace(/\[([^\]]+)\]/g, (_, name) => {
+			return variableMap.value.get(name) ?? `__unknown__`;
+		});
+	}
+	/**
+	* 求值：用样例数据计算公式结果
+	*/
+	function evaluate(formula, sampleData) {
+		if (!formula.trim()) return {
+			success: true,
+			result: void 0
+		};
+		try {
+			const evalExpr = replaceVariables(formula);
+			return {
+				success: true,
+				result: parser.parse(evalExpr).evaluate(sampleData)
+			};
+		} catch (e) {
+			return {
+				success: false,
+				result: void 0,
+				error: e instanceof Error ? e.message : String(e)
+			};
+		}
+	}
+	/**
+	* 从公式中提取使用到的变量名列表
+	*/
+	function extractVariableNames(formula) {
+		const names = [];
+		const regex = /\[([^\]]+)\]/g;
+		let match;
+		while ((match = regex.exec(formula)) !== null) if (!names.includes(match[1])) names.push(match[1]);
+		return names;
+	}
+	return {
+		evaluate,
+		extractVariableNames,
+		variableMap
+	};
+}
+
+//#endregion
+//#region src/components/C_FormulaEditor/components/FormulaInput.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$4 = { class: "formula-input__header" };
+const _hoisted_2$4 = ["data-placeholder"];
+const _hoisted_3$4 = { class: "formula-input__validation" };
+const _hoisted_4$4 = {
+	key: 0,
+	class: "formula-input__validation-hint"
+};
+const _hoisted_5$4 = { class: "formula-input__validation-success" };
+const _hoisted_6$4 = { class: "formula-input__validation-error" };
+var FormulaInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "FormulaInput",
+	props: {
+		formula: {},
+		tokens: {},
+		validation: {},
+		variableNames: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		placeholder: { default: "点击变量或使用键盘输入公式，变量用 [变量名] 包裹" }
+	},
+	emits: [
+		"update:formula",
+		"focus",
+		"blur"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const editorRef = ref();
+		const isFocused = ref(false);
+		/** 是否正在由外部更新内容（防止循环触发） */
+		let isExternalUpdate = false;
+		/** 保存 blur 前的光标 Range，供外部调用 insertAtCursor 时恢复 */
+		let savedRange = null;
+		/** 将公式字符串渲染为 HTML（变量显示为 chip） */
+		function renderFormula(formula) {
+			if (!formula) return "";
+			const { tokens } = props;
+			if (tokens.length === 0 && formula.trim()) return escapeHtml(formula);
+			let html = "";
+			for (const token of tokens) switch (token.type) {
+				case "variable":
+					html += `<span class="formula-chip" contenteditable="false" data-variable="${escapeAttr(token.value)}">${escapeHtml(token.value)}</span>`;
+					break;
+				case "function":
+					html += `<span class="formula-func">${escapeHtml(token.value)}</span>`;
+					break;
+				case "operator":
+					html += `<span class="formula-op">${escapeHtml(token.value)}</span>`;
+					break;
+				case "number":
+					html += `<span class="formula-num">${escapeHtml(token.value)}</span>`;
+					break;
+				case "paren":
+					html += `<span class="formula-paren">${escapeHtml(token.value)}</span>`;
+					break;
+				default: html += escapeHtml(token.value);
+			}
+			return html;
+		}
+		/** HTML 转义 */
+		function escapeHtml(str) {
+			return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+		}
+		/** 属性值转义 */
+		function escapeAttr(str) {
+			return str.replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+		}
+		/** 从 contenteditable DOM 提取纯公式字符串 */
+		function extractFormula() {
+			const el = editorRef.value;
+			if (!el) return "";
+			let result = "";
+			for (const node of el.childNodes) if (node.nodeType === Node.TEXT_NODE) result += node.textContent ?? "";
+			else if (node.nodeType === Node.ELEMENT_NODE) {
+				const element = node;
+				if (element.classList.contains("formula-chip")) {
+					const varName = element.getAttribute("data-variable") ?? element.textContent;
+					result += `[${varName}]`;
+				} else result += element.textContent ?? "";
+			}
+			return result;
+		}
+		/** 保存当前光标位置 */
+		function saveCursorPosition() {
+			const sel = window.getSelection();
+			if (!sel || sel.rangeCount === 0 || !editorRef.value) return -1;
+			const range = sel.getRangeAt(0);
+			const preRange = document.createRange();
+			preRange.selectNodeContents(editorRef.value);
+			preRange.setEnd(range.startContainer, range.startOffset);
+			return preRange.toString().length;
+		}
+		/** 在文本节点中查找目标位置 */
+		function findInTextNode(node, currentPos, charPos) {
+			const len = node.textContent?.length ?? 0;
+			if (currentPos + len >= charPos) return {
+				found: true,
+				node,
+				offset: charPos - currentPos,
+				pos: currentPos
+			};
+			return {
+				found: false,
+				node,
+				offset: 0,
+				pos: currentPos + len
+			};
+		}
+		/** 在 chip 节点中查找目标位置 */
+		function findInChipNode(node, currentPos, charPos, walker) {
+			const fullLen = (node.getAttribute("data-variable")?.length ?? 0) + 2;
+			if (currentPos + fullLen >= charPos) {
+				const parent = node.parentNode;
+				return {
+					found: true,
+					node: parent,
+					offset: Array.from(parent?.childNodes ?? []).indexOf(node) + 1,
+					pos: currentPos
+				};
+			}
+			walker.nextNode();
+			return {
+				found: false,
+				node: null,
+				offset: 0,
+				pos: currentPos + fullLen
+			};
+		}
+		/** 恢复光标到指定字符位置 */
+		function restoreCursorPosition(charPos) {
+			const el = editorRef.value;
+			if (!el || charPos < 0) return;
+			const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT | NodeFilter.SHOW_ELEMENT);
+			let currentPos = 0;
+			let targetNode = null;
+			let targetOffset = 0;
+			while (walker.nextNode()) {
+				const node = walker.currentNode;
+				if (node.nodeType === Node.TEXT_NODE) {
+					const result = findInTextNode(node, currentPos, charPos);
+					if (result.found) {
+						targetNode = result.node;
+						targetOffset = result.offset;
+						break;
+					}
+					currentPos = result.pos;
+				} else if (node.nodeType === Node.ELEMENT_NODE && node.classList?.contains("formula-chip")) {
+					const result = findInChipNode(node, currentPos, charPos, walker);
+					if (result.found) {
+						targetNode = result.node;
+						targetOffset = result.offset;
+						break;
+					}
+					currentPos = result.pos;
+				}
+			}
+			setCursorAt(el, targetNode, targetOffset);
+		}
+		/** 设置光标到目标节点或末尾 */
+		function setCursorAt(container, node, offset) {
+			const range = document.createRange();
+			if (!node) {
+				range.selectNodeContents(container);
+				range.collapse(false);
+			} else try {
+				range.setStart(node, offset);
+				range.collapse(true);
+			} catch {
+				range.selectNodeContents(container);
+				range.collapse(false);
+			}
+			const sel = window.getSelection();
+			sel?.removeAllRanges();
+			sel?.addRange(range);
+		}
+		/** 将光标移到末尾 */
+		function moveCursorToEnd() {
+			const el = editorRef.value;
+			if (!el) return;
+			const range = document.createRange();
+			range.selectNodeContents(el);
+			range.collapse(false);
+			const sel = window.getSelection();
+			sel?.removeAllRanges();
+			sel?.addRange(range);
+		}
+		/** 输入事件 */
+		function handleInput() {
+			if (isExternalUpdate) return;
+			emit("update:formula", extractFormula());
+		}
+		/** 键盘事件 */
+		function handleKeyDown(e) {
+			if (props.disabled) {
+				e.preventDefault();
+				return;
+			}
+			if (e.key === "Tab") e.preventDefault();
+		}
+		/** 粘贴事件 — 只保留纯文本 */
+		function handlePaste(e) {
+			e.preventDefault();
+			const text = e.clipboardData?.getData("text/plain") ?? "";
+			document.execCommand("insertText", false, text);
+		}
+		/** blur 时保存光标位置 Range */
+		function handleBlur() {
+			isFocused.value = false;
+			const sel = window.getSelection();
+			if (sel && sel.rangeCount > 0) savedRange = sel.getRangeAt(0).cloneRange();
+		}
+		/** 清空 */
+		function handleClear() {
+			emit("update:formula", "");
+			nextTick(() => {
+				if (editorRef.value) editorRef.value.innerHTML = "";
+			});
+		}
+		/** 在光标位置插入文本 */
+		function insertAtCursor(text) {
+			const el = editorRef.value;
+			if (!el) return;
+			el.focus();
+			if (savedRange) {
+				const sel = window.getSelection();
+				sel?.removeAllRanges();
+				sel?.addRange(savedRange);
+			}
+			const varMatch = text.match(/^\[(.+)\]$/);
+			if (varMatch) {
+				const chip = document.createElement("span");
+				chip.className = "formula-chip";
+				chip.contentEditable = "false";
+				chip.setAttribute("data-variable", varMatch[1]);
+				chip.textContent = varMatch[1];
+				const sel = window.getSelection();
+				if (sel && sel.rangeCount > 0) {
+					const range = sel.getRangeAt(0);
+					range.deleteContents();
+					range.insertNode(chip);
+					const space = document.createTextNode(" ");
+					range.setStartAfter(chip);
+					range.insertNode(space);
+					range.setStartAfter(space);
+					range.collapse(true);
+					sel.removeAllRanges();
+					sel.addRange(range);
+					savedRange = range.cloneRange();
+				}
+			} else {
+				document.execCommand("insertText", false, text);
+				const sel = window.getSelection();
+				if (sel && sel.rangeCount > 0) savedRange = sel.getRangeAt(0).cloneRange();
+			}
+			emit("update:formula", extractFormula());
+		}
+		/** 退格（删除光标前一个字符或 chip） */
+		function backspace() {
+			const el = editorRef.value;
+			if (!el) return;
+			el.focus();
+			const sel = window.getSelection();
+			if (!sel || sel.rangeCount === 0) return;
+			const range = sel.getRangeAt(0);
+			if (range.startOffset > 0 && range.startContainer === el) {
+				const prevNode = el.childNodes[range.startOffset - 1];
+				if (prevNode && prevNode.nodeType === Node.ELEMENT_NODE && prevNode.classList?.contains("formula-chip")) {
+					prevNode.remove();
+					emit("update:formula", extractFormula());
+					return;
+				}
+			}
+			document.execCommand("delete", false);
+			emit("update:formula", extractFormula());
+		}
+		/** 聚焦 */
+		function focus() {
+			editorRef.value?.focus();
+			moveCursorToEnd();
+		}
+		watch(() => props.formula, (newFormula) => {
+			const el = editorRef.value;
+			if (!el) return;
+			if (extractFormula() === newFormula) return;
+			isExternalUpdate = true;
+			const pos = saveCursorPosition();
+			el.innerHTML = renderFormula(newFormula);
+			nextTick(() => {
+				restoreCursorPosition(pos);
+				isExternalUpdate = false;
+			});
+		});
+		onMounted(() => {
+			if (editorRef.value && props.formula) editorRef.value.innerHTML = renderFormula(props.formula);
+		});
+		__expose({
+			insertAtCursor,
+			backspace,
+			focus,
+			moveCursorToEnd
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["formula-input", {
+				"formula-input--disabled": _ctx.disabled,
+				"formula-input--error": !_ctx.validation.valid && _ctx.formula.trim()
+			}]) }, [
+				createCommentVNode(" 标题行 "),
+				createElementVNode("div", _hoisted_1$4, [_cache[1] || (_cache[1] = createElementVNode("span", { class: "formula-input__label" }, "公式编辑", -1)), _ctx.formula.trim() && !_ctx.disabled ? (openBlock(), createElementBlock("a", {
+					key: 0,
+					class: "formula-input__clear",
+					onClick: handleClear
+				}, " 清空 ")) : createCommentVNode("v-if", true)]),
+				createCommentVNode(" 编辑器 "),
+				createElementVNode("div", {
+					ref_key: "editorRef",
+					ref: editorRef,
+					class: "formula-input__editor",
+					contenteditable: "true",
+					"data-placeholder": _ctx.placeholder,
+					spellcheck: "false",
+					onInput: handleInput,
+					onKeydown: handleKeyDown,
+					onPaste: handlePaste,
+					onFocus: _cache[0] || (_cache[0] = ($event) => isFocused.value = true),
+					onBlur: handleBlur
+				}, null, 40, _hoisted_2$4),
+				createCommentVNode(" 问题（校验信息）三态：空 / 合法 / 错误 "),
+				createElementVNode("div", _hoisted_3$4, [
+					_cache[4] || (_cache[4] = createElementVNode("span", { class: "formula-input__validation-label" }, "问题", -1)),
+					createCommentVNode(" 空公式：提示占位 "),
+					!_ctx.formula.trim() ? (openBlock(), createElementBlock("span", _hoisted_4$4, [createVNode(C_Icon_default, {
+						name: "mdi:information-outline",
+						size: 13
+					}), _cache[2] || (_cache[2] = createTextVNode(" 请输入公式，公式合法后可计算预览 ", -1))])) : _ctx.validation.valid ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" 合法：绿色通过 "), createElementVNode("span", _hoisted_5$4, [createVNode(C_Icon_default, {
+						name: "mdi:check-circle-outline",
+						size: 13
+					}), _cache[3] || (_cache[3] = createTextVNode(" 公式合法，语法正确 ", -1))])], 2112)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createCommentVNode(" 错误：红色提示 "), createElementVNode("span", _hoisted_6$4, [createVNode(C_Icon_default, {
+						name: "mdi:alert-circle-outline",
+						size: 13
+					}), createTextVNode(" " + toDisplayString(_ctx.validation.message), 1)])], 2112))
+				])
+			], 2);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_FormulaEditor/components/FormulaInput.vue
+var FormulaInput_default = /* @__PURE__ */ export_helper_default(FormulaInput_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b5e9ecca"]]);
+
+//#endregion
+//#region src/components/C_FormulaEditor/components/VariablePanel.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$3 = { class: "variable-panel" };
+const _hoisted_2$3 = { class: "variable-panel__tabs" };
+const _hoisted_3$3 = { class: "variable-panel__search" };
+const _hoisted_4$3 = ["onClick"];
+const _hoisted_5$3 = { class: "variable-panel__items" };
+const _hoisted_6$3 = ["onClick"];
+const _hoisted_7$2 = ["onClick"];
+const _hoisted_8$2 = { class: "variable-panel__func-name" };
+const _hoisted_9$1 = { class: "variable-panel__func-desc" };
+const _hoisted_10$1 = { class: "variable-panel__func-sig" };
+/** 过滤并按 group 分组变量 */
+var VariablePanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "VariablePanel",
+	props: {
+		variables: {},
+		functions: {}
+	},
+	emits: ["select-variable", "select-function"],
+	setup(__props) {
+		const props = __props;
+		const activeTab = ref("variable");
+		const searchText = ref("");
+		const expandedGroups = ref(/* @__PURE__ */ new Set());
+		const groupedVariables = computed(() => {
+			const keyword = searchText.value.toLowerCase();
+			const filtered = keyword ? props.variables.filter((v) => v.name.toLowerCase().includes(keyword) || v.field.toLowerCase().includes(keyword) || (v.description ?? "").toLowerCase().includes(keyword)) : props.variables;
+			const map = /* @__PURE__ */ new Map();
+			for (const v of filtered) {
+				const group = v.group ?? "其他";
+				const list = map.get(group);
+				if (list) list.push(v);
+				else map.set(group, [v]);
+			}
+			return Array.from(map, ([name, items]) => ({
+				name,
+				items
+			}));
+		});
+		watch(groupedVariables, (groups) => {
+			for (const g of groups) expandedGroups.value.add(g.name);
+		}, { immediate: true });
+		/** 切换分组折叠 */
+		function toggleGroup(name) {
+			if (expandedGroups.value.has(name)) expandedGroups.value.delete(name);
+			else expandedGroups.value.add(name);
+		}
+		const filteredFunctions = computed(() => {
+			const keyword = searchText.value.toLowerCase();
+			if (!keyword) return props.functions;
+			return props.functions.filter((f) => f.name.toLowerCase().includes(keyword) || f.description.toLowerCase().includes(keyword));
+		});
+		/** 根据变量类型返回图标 */
+		function getTypeIcon(type) {
+			switch (type) {
+				case "number": return "mdi:numeric";
+				case "text": return "mdi:format-text";
+				case "boolean": return "mdi:toggle-switch-outline";
+				default: return "mdi:variable";
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$3, [
+				createCommentVNode(" 切换 Tab：变量 / 函数 "),
+				createElementVNode("div", _hoisted_2$3, [createElementVNode("div", {
+					class: normalizeClass(["variable-panel__tab", { "variable-panel__tab--active": activeTab.value === "variable" }]),
+					onClick: _cache[0] || (_cache[0] = ($event) => activeTab.value = "variable")
+				}, " 表单项目 ", 2), createElementVNode("div", {
+					class: normalizeClass(["variable-panel__tab", { "variable-panel__tab--active": activeTab.value === "function" }]),
+					onClick: _cache[1] || (_cache[1] = ($event) => activeTab.value = "function")
+				}, " 常用函数 ", 2)]),
+				createCommentVNode(" 搜索框 "),
+				createElementVNode("div", _hoisted_3$3, [createVNode(unref(NInput), {
+					value: searchText.value,
+					"onUpdate:value": _cache[2] || (_cache[2] = ($event) => searchText.value = $event),
+					size: "small",
+					placeholder: "搜索...",
+					clearable: ""
+				}, {
+					prefix: withCtx(() => [createVNode(C_Icon_default, {
+						name: "mdi:magnify",
+						size: 16
+					})]),
+					_: 1
+				}, 8, ["value"])]),
+				createCommentVNode(" 变量列表 "),
+				activeTab.value === "variable" ? (openBlock(), createBlock(unref(NScrollbar), {
+					key: 0,
+					class: "variable-panel__list"
+				}, {
+					default: withCtx(() => [groupedVariables.value.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(groupedVariables.value, (group) => {
+						return openBlock(), createElementBlock("div", {
+							key: group.name,
+							class: "variable-panel__group"
+						}, [createElementVNode("div", {
+							class: "variable-panel__group-title",
+							onClick: ($event) => toggleGroup(group.name)
+						}, [createVNode(C_Icon_default, {
+							name: expandedGroups.value.has(group.name) ? "mdi:chevron-down" : "mdi:chevron-right",
+							size: 16
+						}, null, 8, ["name"]), createTextVNode(" " + toDisplayString(group.name), 1)], 8, _hoisted_4$3), withDirectives(createElementVNode("div", _hoisted_5$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (variable) => {
+							return openBlock(), createElementBlock("div", {
+								key: variable.field,
+								class: "variable-panel__item",
+								onClick: ($event) => _ctx.$emit("select-variable", variable)
+							}, [createVNode(C_Icon_default, {
+								name: getTypeIcon(variable.type),
+								size: 15,
+								class: "variable-panel__item-icon"
+							}, null, 8, ["name"]), createElementVNode("span", null, toDisplayString(variable.name), 1)], 8, _hoisted_6$3);
+						}), 128))], 512), [[vShow, expandedGroups.value.has(group.name)]])]);
+					}), 128)) : (openBlock(), createBlock(unref(NEmpty), {
+						key: 1,
+						size: "small",
+						description: "无匹配变量"
+					}))]),
+					_: 1
+				})) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" 函数列表 "), createVNode(unref(NScrollbar), { class: "variable-panel__list" }, {
+					default: withCtx(() => [filteredFunctions.value.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(filteredFunctions.value, (func) => {
+						return openBlock(), createElementBlock("div", {
+							key: func.name,
+							class: "variable-panel__func",
+							onClick: ($event) => _ctx.$emit("select-function", func)
+						}, [
+							createElementVNode("div", _hoisted_8$2, [_cache[3] || (_cache[3] = createElementVNode("span", { class: "variable-panel__func-badge" }, "ƒ", -1)), createTextVNode(" " + toDisplayString(func.name), 1)]),
+							createElementVNode("div", _hoisted_9$1, toDisplayString(func.description), 1),
+							createElementVNode("div", _hoisted_10$1, toDisplayString(func.signature), 1)
+						], 8, _hoisted_7$2);
+					}), 128)) : (openBlock(), createBlock(unref(NEmpty), {
+						key: 1,
+						size: "small",
+						description: "无匹配函数"
+					}))]),
+					_: 1
+				})], 2112))
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_FormulaEditor/components/VariablePanel.vue
+var VariablePanel_default = /* @__PURE__ */ export_helper_default(VariablePanel_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-571e979a"]]);
+
+//#endregion
+//#region src/components/C_FormulaEditor/components/VirtualKeyboard.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$2 = { class: "vk" };
+const _hoisted_2$2 = { class: "vk__body" };
+const _hoisted_3$2 = { class: "vk__half vk__half--ops" };
+const _hoisted_4$2 = ["disabled", "onClick"];
+const _hoisted_5$2 = { class: "vk__half vk__half--nums" };
+const _hoisted_6$2 = ["disabled", "onClick"];
+const _hoisted_7$1 = { class: "vk__actions" };
+const _hoisted_8$1 = ["disabled", "onClick"];
+var VirtualKeyboard_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "VirtualKeyboard",
+	props: { disabled: {
+		type: Boolean,
+		default: false
+	} },
+	emits: ["key-press", "action"],
+	setup(__props) {
+		const operatorKeys = OPERATOR_KEYS;
+		const numberKeys = NUMBER_KEYS;
+		const actionKeys = ACTION_KEYS;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$2, [
+				createCommentVNode(" ═══════ 标题行 ═══════ "),
+				_cache[0] || (_cache[0] = createElementVNode("div", { class: "vk__title" }, "计算公式", -1)),
+				createCommentVNode(" ═══════ 键盘主体：运算符 | 数字 ═══════ "),
+				createElementVNode("div", _hoisted_2$2, [
+					createCommentVNode(" 运算符区 5 列 "),
+					createElementVNode("div", _hoisted_3$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(operatorKeys), (key) => {
+						return openBlock(), createElementBlock("button", {
+							key: key.value,
+							class: normalizeClass(["vk__key", [key.color ? `vk__key--${key.color}` : ""]]),
+							disabled: _ctx.disabled,
+							onClick: ($event) => _ctx.$emit("key-press", key)
+						}, toDisplayString(key.label), 11, _hoisted_4$2);
+					}), 128))]),
+					createCommentVNode(" 数字区 5 列 "),
+					createElementVNode("div", _hoisted_5$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(numberKeys), (key) => {
+						return openBlock(), createElementBlock("button", {
+							key: key.label + key.value,
+							class: normalizeClass(["vk__key", [key.color ? `vk__key--${key.color}` : ""]]),
+							disabled: _ctx.disabled,
+							onClick: ($event) => _ctx.$emit("key-press", key)
+						}, toDisplayString(key.label), 11, _hoisted_6$2);
+					}), 128))])
+				]),
+				createCommentVNode(" ═══════ 动作行：⌫ + 清空 ═══════ "),
+				createElementVNode("div", _hoisted_7$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(actionKeys), (key) => {
+					return openBlock(), createElementBlock("button", {
+						key: key.value,
+						class: "vk__key vk__key--action",
+						disabled: _ctx.disabled,
+						onClick: ($event) => _ctx.$emit("action", key.value)
+					}, toDisplayString(key.label), 9, _hoisted_8$1);
+				}), 128))])
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_FormulaEditor/components/VirtualKeyboard.vue
+var VirtualKeyboard_default = /* @__PURE__ */ export_helper_default(VirtualKeyboard_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f7d1dceb"]]);
+
+//#endregion
+//#region src/components/C_FormulaEditor/components/FormulaPreview.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$1 = { class: "formula-preview" };
+const _hoisted_2$1 = { class: "formula-preview__header" };
+const _hoisted_3$1 = {
+	key: 0,
+	class: "formula-preview__empty"
+};
+const _hoisted_4$1 = {
+	key: 0,
+	class: "formula-preview__vars"
+};
+const _hoisted_5$1 = { class: "formula-preview__var-name" };
+const _hoisted_6$1 = { class: "formula-preview__var-value" };
+const _hoisted_7 = { class: "formula-preview__result" };
+const _hoisted_8 = {
+	key: 0,
+	class: "formula-preview__result-value"
+};
+const _hoisted_9 = {
+	key: 1,
+	class: "formula-preview__result-error"
+};
+const _hoisted_10 = {
+	key: 2,
+	class: "formula-preview__result-empty"
+};
+var FormulaPreview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "FormulaPreview",
+	props: {
+		formula: {},
+		evalResult: {},
+		usedVariables: {},
+		hasSampleData: { type: Boolean }
+	},
+	setup(__props) {
+		/** 格式化计算结果 */
+		function formatResult(value) {
+			if (typeof value === "number") {
+				if (Number.isInteger(value)) return String(value);
+				return Number(value.toFixed(6)).toString();
+			}
+			if (typeof value === "boolean") return value ? "真 (true)" : "假 (false)";
+			return String(value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [
+				createElementVNode("div", _hoisted_2$1, [createVNode(C_Icon_default, {
+					name: "mdi:calculator-variant-outline",
+					size: 15
+				}), _cache[0] || (_cache[0] = createElementVNode("span", null, "计算预览", -1))]),
+				createCommentVNode(" 当没有公式时 "),
+				!_ctx.formula.trim() ? (openBlock(), createElementBlock("div", _hoisted_3$1, " 输入公式后可预览计算结果 ")) : !_ctx.hasSampleData ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" 没有样例数据时 "), _cache[1] || (_cache[1] = createElementVNode("div", { class: "formula-preview__empty" }, " 传入 sampleData 后可预览计算结果 ", -1))], 2112)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+					createCommentVNode(" 有结果 "),
+					createCommentVNode(" 使用到的变量值 "),
+					_ctx.usedVariables.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$1, [_cache[3] || (_cache[3] = createElementVNode("div", { class: "formula-preview__vars-title" }, "变量值", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.usedVariables, (item) => {
+						return openBlock(), createElementBlock("div", {
+							key: item.name,
+							class: "formula-preview__var-row"
+						}, [
+							createElementVNode("span", _hoisted_5$1, toDisplayString(item.name), 1),
+							_cache[2] || (_cache[2] = createElementVNode("span", { class: "formula-preview__var-eq" }, "=", -1)),
+							createElementVNode("span", _hoisted_6$1, toDisplayString(item.value), 1)
+						]);
+					}), 128))])) : createCommentVNode("v-if", true),
+					createVNode(unref(NDivider), { style: { "margin": "8px 0" } }),
+					createCommentVNode(" 计算结果 "),
+					createElementVNode("div", _hoisted_7, [_cache[4] || (_cache[4] = createElementVNode("span", { class: "formula-preview__result-label" }, "结果", -1)), _ctx.evalResult.success && _ctx.evalResult.result !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(formatResult(_ctx.evalResult.result)), 1)) : _ctx.evalResult.error ? (openBlock(), createElementBlock("span", _hoisted_9, [createVNode(C_Icon_default, {
+						name: "mdi:alert-circle-outline",
+						size: 14
+					}), createTextVNode(" " + toDisplayString(_ctx.evalResult.error), 1)])) : (openBlock(), createElementBlock("span", _hoisted_10, " — "))])
+				], 64))
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_FormulaEditor/components/FormulaPreview.vue
+var FormulaPreview_default = /* @__PURE__ */ export_helper_default(FormulaPreview_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-72ecc4d7"]]);
+
+//#endregion
+//#region src/components/C_FormulaEditor/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "c-formula__title-row" };
+const _hoisted_2 = { class: "c-formula__title" };
+const _hoisted_3 = { class: "c-formula__body" };
+const _hoisted_4 = {
+	key: 0,
+	class: "c-formula__sidebar"
+};
+const _hoisted_5 = { class: "c-formula__main" };
+const _hoisted_6 = {
+	key: 0,
+	class: "c-formula__keyboard"
+};
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "C_FormulaEditor",
+	__name: "index",
+	props: {
+		modelValue: { default: "" },
+		variables: { default: () => [] },
+		functions: { default: void 0 },
+		sampleData: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		placeholder: { default: "点击变量或使用键盘输入公式，变量用 [变量名] 包裹" },
+		height: { default: "auto" },
+		showPreview: {
+			type: Boolean,
+			default: true
+		},
+		showKeyboard: {
+			type: Boolean,
+			default: true
+		},
+		showVariablePanel: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"validation-change"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const formulaInputRef = ref();
+		const variableList = computed(() => props.variables ?? []);
+		const functionList = computed(() => props.functions ?? DEFAULT_FUNCTIONS);
+		const parser = useFormulaParser(variableList, functionList);
+		const evaluator = useFormulaEvaluator(variableList);
+		/** 公式字符串 */
+		const formula = ref(props.modelValue || "");
+		/** Token 列表 */
+		const tokens = computed(() => parser.tokenize(formula.value));
+		/** 校验结果 */
+		const validation = computed(() => parser.validate(formula.value));
+		const containerHeight = computed(() => {
+			if (typeof props.height === "number") return `${props.height}px`;
+			return props.height;
+		});
+		/** 是否有样例数据 */
+		const hasSampleData = computed(() => !!props.sampleData && Object.keys(props.sampleData).length > 0);
+		/** 求值结果 */
+		const evalResult = computed(() => {
+			if (!formula.value.trim() || !hasSampleData.value || !validation.value.valid) return {
+				success: true,
+				result: void 0
+			};
+			return evaluator.evaluate(formula.value, props.sampleData);
+		});
+		/** 提取公式中使用到的变量 + 对应样例数据值 */
+		const usedVariableValues = computed(() => {
+			if (!hasSampleData.value) return [];
+			return evaluator.extractVariableNames(formula.value).map((name) => {
+				const field = variableList.value.find((v) => v.name === name)?.field ?? name;
+				return {
+					name,
+					value: props.sampleData?.[field] ?? "未提供"
+				};
+			});
+		});
+		onMounted(() => {
+			if (props.modelValue) formula.value = props.modelValue;
+		});
+		watch(() => props.modelValue, (newVal) => {
+			if (newVal !== void 0 && newVal !== formula.value) formula.value = newVal;
+		});
+		watch(formula, (newFormula) => {
+			emit("update:modelValue", newFormula);
+			emit("change", newFormula);
+		});
+		watch(validation, (v) => {
+			emit("validation-change", v);
+		});
+		/** FormulaInput 输入更新 */
+		function handleFormulaUpdate(value) {
+			formula.value = value;
+		}
+		/** 选择变量 → 插入到光标 */
+		function handleSelectVariable(variable) {
+			formulaInputRef.value?.insertAtCursor(`[${variable.name}]`);
+		}
+		/** 选择函数 → 插入到光标 */
+		function handleSelectFunction(func) {
+			formulaInputRef.value?.insertAtCursor(`${func.name}(`);
+		}
+		/** 按键 → 插入值到光标 */
+		function handleKeyPress(key) {
+			formulaInputRef.value?.insertAtCursor(key.value);
+		}
+		/** 动作键处理 */
+		function handleAction(action) {
+			if (action === "BACKSPACE") formulaInputRef.value?.backspace();
+			else if (action === "CLEAR") formula.value = "";
+		}
+		__expose({
+			getValue: () => formula.value,
+			setValue: (expr) => {
+				formula.value = expr;
+			},
+			reset: () => {
+				formula.value = props.modelValue || "";
+			},
+			validate: () => parser.validate(formula.value),
+			insertAtCursor: (text) => {
+				formulaInputRef.value?.insertAtCursor(text);
+			},
+			focus: () => {
+				formulaInputRef.value?.focus();
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "c-formula",
+				style: normalizeStyle({ height: containerHeight.value })
+			}, [
+				createCommentVNode(" ═══════ 顶部标题行 ═══════ "),
+				createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createVNode(C_Icon_default, {
+					name: "mdi:function-variant",
+					size: 18
+				}), _cache[0] || (_cache[0] = createElementVNode("span", null, "公式编辑器", -1))]), createVNode(unref(NTag), {
+					type: validation.value.valid ? "success" : "error",
+					size: "small",
+					round: ""
+				}, {
+					icon: withCtx(() => [createVNode(C_Icon_default, {
+						name: validation.value.valid ? "mdi:check-circle" : "mdi:alert-circle",
+						size: 14
+					}, null, 8, ["name"])]),
+					default: withCtx(() => [createTextVNode(" " + toDisplayString(validation.value.valid ? "合法" : "错误"), 1)]),
+					_: 1
+				}, 8, ["type"])]),
+				createCommentVNode(" ═══════ 主内容区域 ═══════ "),
+				createElementVNode("div", _hoisted_3, [
+					createCommentVNode(" 左侧：变量面板 "),
+					props.showVariablePanel ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(VariablePanel_default, {
+						variables: variableList.value,
+						functions: functionList.value,
+						onSelectVariable: handleSelectVariable,
+						onSelectFunction: handleSelectFunction
+					}, null, 8, ["variables", "functions"])])) : createCommentVNode("v-if", true),
+					createCommentVNode(" 右侧：编辑区 + 键盘 + 预览 "),
+					createElementVNode("div", _hoisted_5, [
+						createCommentVNode(" 公式输入区 "),
+						createVNode(FormulaInput_default, {
+							ref_key: "formulaInputRef",
+							ref: formulaInputRef,
+							formula: formula.value,
+							tokens: tokens.value,
+							validation: validation.value,
+							"variable-names": unref(parser).variableNames.value,
+							disabled: props.disabled,
+							placeholder: props.placeholder,
+							"onUpdate:formula": handleFormulaUpdate
+						}, null, 8, [
+							"formula",
+							"tokens",
+							"validation",
+							"variable-names",
+							"disabled",
+							"placeholder"
+						]),
+						createCommentVNode(" 虚拟键盘 "),
+						props.showKeyboard ? (openBlock(), createElementBlock("div", _hoisted_6, [createVNode(VirtualKeyboard_default, {
+							disabled: props.disabled,
+							onKeyPress: handleKeyPress,
+							onAction: handleAction
+						}, null, 8, ["disabled"])])) : createCommentVNode("v-if", true),
+						createCommentVNode(" 计算预览 "),
+						props.showPreview && hasSampleData.value ? (openBlock(), createBlock(FormulaPreview_default, {
+							key: 1,
+							formula: formula.value,
+							"eval-result": evalResult.value,
+							"used-variables": usedVariableValues.value,
+							"has-sample-data": hasSampleData.value
+						}, null, 8, [
+							"formula",
+							"eval-result",
+							"used-variables",
+							"has-sample-data"
+						])) : createCommentVNode("v-if", true)
+					])
+				])
+			], 4);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_FormulaEditor/index.vue
+var C_FormulaEditor_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-7080e1fb"]]);
+
+//#endregion
+export { DEFAULT_FUNCTIONS as a, OPERATOR_KEYS as c, ACTION_KEYS as i, SPACED_OPERATORS as l, useFormulaEvaluator as n, NUMBER_KEYS as o, useFormulaParser as r, OPERATORS as s, C_FormulaEditor_default as t };
+//# sourceMappingURL=C_FormulaEditor2.js.map