@veltra/desktop 1.0.13 → 1.0.14

package/dist/components/expression-editor/core/editor.js

@@ -0,0 +1,424 @@
+import { createChip, isChipElement, readChipType, readChipValue } from "./chip.js";
+import { normalize, parse, serialize } from "./model.js";
+//#region src/components/expression-editor/core/editor.ts
+const TEXT_SEG_ATTR = "data-seg";
+const TEXT_SEG_VALUE = "text";
+function createEditor(opts) {
+	let doc = normalize(opts.initialDoc);
+	let composing = false;
+	function emitChange(next) {
+		doc = next;
+		opts.onChange?.(doc);
+	}
+	function makeTextSpan(value) {
+		const span = document.createElement("span");
+		span.setAttribute(TEXT_SEG_ATTR, TEXT_SEG_VALUE);
+		span.textContent = value;
+		return span;
+	}
+	function makeChipSpan(seg) {
+		return createChip(seg, {
+			cls: opts.cls,
+			onReselect: (chipEl) => {
+				const { segIndex, chipOffset } = locateChip(chipEl);
+				if (segIndex < 0) return;
+				opts.onChipReselect?.({
+					chipEl,
+					segIndex,
+					chipOffset
+				});
+			},
+			onRemove: (chipEl) => {
+				const { segIndex } = locateChip(chipEl);
+				if (segIndex < 0) return;
+				opts.onChipRemove?.({
+					chipEl,
+					segIndex
+				});
+			}
+		});
+	}
+	function locateChip(chipEl) {
+		let chipOffset = 0;
+		let segIdx = -1;
+		let i = 0;
+		for (const child of Array.from(opts.container.childNodes)) {
+			if (child === chipEl) {
+				segIdx = i;
+				return {
+					segIndex: segIdx,
+					chipOffset
+				};
+			}
+			chipOffset += childSerialLength(child);
+			i++;
+		}
+		return {
+			segIndex: -1,
+			chipOffset: -1
+		};
+	}
+	function childSerialLength(node) {
+		if (isChipElement(node)) return readChipValue(node).length + 2;
+		return (node.textContent ?? "").length;
+	}
+	/** 渲染 doc 到 container：每个 var 两侧都补一个 text span（即便空），保证光标可停靠。 */
+	function render(targetCaret) {
+		const container = opts.container;
+		container.innerHTML = "";
+		const expanded = [];
+		let lastWasVar = false;
+		let first = true;
+		for (const seg of doc) {
+			if (first) {
+				if (seg.kind === "var") expanded.push({
+					kind: "text",
+					value: ""
+				});
+				first = false;
+			} else if (lastWasVar && seg.kind === "var") expanded.push({
+				kind: "text",
+				value: ""
+			});
+			expanded.push(seg);
+			lastWasVar = seg.kind === "var";
+		}
+		if (lastWasVar || expanded.length === 0) expanded.push({
+			kind: "text",
+			value: ""
+		});
+		for (const seg of expanded) if (seg.kind === "text") container.appendChild(makeTextSpan(seg.value));
+		else container.appendChild(makeChipSpan(seg));
+		if (typeof targetCaret === "number") setCaret(targetCaret);
+	}
+	/** 从 DOM 反推模型：宽容裸 text node、空 text span。 */
+	function readDocFromDOM() {
+		const segs = [];
+		for (const child of Array.from(opts.container.childNodes)) if (isChipElement(child)) {
+			const value = readChipValue(child);
+			const domType = readChipType(child);
+			const fallbackLabel = child.querySelector(`.${opts.cls.e("chip-label")}`)?.textContent ?? value;
+			const fromMap = opts.getVariableMap?.().get(value);
+			const finalType = fromMap?.type ?? domType;
+			const seg = finalType ? {
+				kind: "var",
+				value,
+				label: fromMap?.label ?? fallbackLabel,
+				type: finalType
+			} : {
+				kind: "var",
+				value,
+				label: fromMap?.label ?? fallbackLabel
+			};
+			segs.push(seg);
+		} else segs.push({
+			kind: "text",
+			value: child.textContent ?? ""
+		});
+		return normalize(segs);
+	}
+	/**
+	* 计算光标在序列化字符串中的全局偏移。
+	* 规则：
+	*  - 在 text span / 裸 text node 中：父级 / 节点之前的 segments 长度累加 + selection 内偏移
+	*  - 在 chip 边界：根据 selection 在 chip 节点之前 / 之后判断
+	*/
+	function getCaretOffset() {
+		const sel = document.getSelection();
+		if (!sel || sel.rangeCount === 0) return null;
+		const range = sel.getRangeAt(0);
+		if (!opts.container.contains(range.startContainer)) return null;
+		let offset = 0;
+		for (const child of Array.from(opts.container.childNodes)) if (isChipElement(child)) {
+			if (range.startContainer === child) {
+				if (range.startOffset === 0) return offset;
+				return offset + childSerialLength(child);
+			}
+			if (range.startContainer === opts.container && getChildIndex(child) === range.startOffset) return offset;
+			offset += childSerialLength(child);
+		} else {
+			if (range.startContainer === child || child.contains(range.startContainer) && child !== opts.container) {
+				const localOffset = computeTextOffsetWithin(child, range.startContainer, range.startOffset);
+				return offset + localOffset;
+			}
+			if (range.startContainer === opts.container && getChildIndex(child) === range.startOffset) return offset;
+			offset += childSerialLength(child);
+		}
+		if (range.startContainer === opts.container && range.startOffset === opts.container.childNodes.length) return offset;
+		return null;
+	}
+	function getChildIndex(node) {
+		let i = 0;
+		let cur = node.previousSibling;
+		while (cur) {
+			i++;
+			cur = cur.previousSibling;
+		}
+		return i;
+	}
+	function computeTextOffsetWithin(root, target, targetOffset) {
+		if (root === target) return targetOffset;
+		let total = 0;
+		function walk(n) {
+			if (n === target) {
+				total += targetOffset;
+				return true;
+			}
+			if (n.nodeType === 3) {
+				total += n.data.length;
+				return false;
+			}
+			for (const c of Array.from(n.childNodes)) if (walk(c)) return true;
+			return false;
+		}
+		walk(root);
+		return total;
+	}
+	/** 把光标放到 offset 处，offset 大于文档长度时落到末尾。 */
+	function setCaret(offset) {
+		if (!document.getSelection()) return;
+		let remain = offset;
+		const children = Array.from(opts.container.childNodes);
+		for (let i = 0; i < children.length; i++) {
+			const child = children[i];
+			const len = childSerialLength(child);
+			if (isChipElement(child)) {
+				if (remain <= 0) {
+					placeAt(opts.container, i);
+					return;
+				}
+				if (remain < len) {
+					placeAt(opts.container, i + 1);
+					return;
+				}
+				remain -= len;
+			} else {
+				if (remain <= len) {
+					placeWithinText(child, remain);
+					return;
+				}
+				remain -= len;
+			}
+		}
+		if (children.length === 0) {
+			placeAt(opts.container, 0);
+			return;
+		}
+		const last = children[children.length - 1];
+		if (isChipElement(last)) placeAt(opts.container, children.length);
+		else placeWithinText(last, (last.textContent ?? "").length);
+	}
+	function placeAt(parent, index) {
+		const sel = document.getSelection();
+		if (!sel) return;
+		const range = document.createRange();
+		range.setStart(parent, index);
+		range.collapse(true);
+		sel.removeAllRanges();
+		sel.addRange(range);
+	}
+	function placeWithinText(span, offset) {
+		const sel = document.getSelection();
+		if (!sel) return;
+		const target = firstTextDescendant(span);
+		const range = document.createRange();
+		if (target) {
+			const max = target.data.length;
+			range.setStart(target, Math.min(offset, max));
+		} else range.setStart(span, 0);
+		range.collapse(true);
+		sel.removeAllRanges();
+		sel.addRange(range);
+	}
+	function firstTextDescendant(root) {
+		if (root.nodeType === 3) return root;
+		for (const c of Array.from(root.childNodes)) {
+			const t = firstTextDescendant(c);
+			if (t) return t;
+		}
+		return null;
+	}
+	/** input 后：从 DOM 反推 doc，并触发 onChange（如有变化）。 */
+	function syncFromDOM() {
+		if (composing) return;
+		const next = readDocFromDOM();
+		if (!docEqual(next, doc)) emitChange(next);
+	}
+	function docEqual(a, b) {
+		if (a.length !== b.length) return false;
+		for (let i = 0; i < a.length; i++) {
+			const x = a[i];
+			const y = b[i];
+			if (x.kind !== y.kind) return false;
+			if (x.kind === "text" && y.kind === "text" && x.value !== y.value) return false;
+			if (x.kind === "var" && y.kind === "var") {
+				if (x.value !== y.value || x.label !== y.label || x.type !== y.type) return false;
+			}
+		}
+		return true;
+	}
+	function onInput() {
+		syncFromDOM();
+	}
+	function onCompositionStart() {
+		composing = true;
+	}
+	function onCompositionEnd() {
+		composing = false;
+		syncFromDOM();
+	}
+	function onPaste(e) {
+		e.preventDefault();
+		const text = e.clipboardData?.getData("text/plain") ?? "";
+		if (!text) return;
+		insertPlainTextAtCaret(text);
+	}
+	function onSelectionChange() {
+		if (!opts.onSelectionChange) return;
+		const sel = document.getSelection();
+		if (!sel || sel.rangeCount === 0) {
+			opts.onSelectionChange({ offset: null });
+			return;
+		}
+		const range = sel.getRangeAt(0);
+		if (!opts.container.contains(range.startContainer)) {
+			opts.onSelectionChange({ offset: null });
+			return;
+		}
+		opts.onSelectionChange({ offset: getCaretOffset() });
+	}
+	function insertPlainTextAtCaret(text) {
+		const sel = document.getSelection();
+		if (!sel || sel.rangeCount === 0) return;
+		const range = sel.getRangeAt(0);
+		if (!opts.container.contains(range.startContainer)) return;
+		range.deleteContents();
+		const node = document.createTextNode(text);
+		range.insertNode(node);
+		range.setStartAfter(node);
+		range.collapse(true);
+		sel.removeAllRanges();
+		sel.addRange(range);
+		syncFromDOM();
+	}
+	function replaceRangeWithVar(start, end, variable) {
+		const a = Math.min(start, end);
+		const b = Math.max(start, end);
+		const left = sliceDoc(doc, 0, a);
+		const right = sliceDoc(doc, b, totalLength(doc));
+		const inserted = variable.type ? {
+			kind: "var",
+			value: variable.value,
+			label: variable.label,
+			type: variable.type
+		} : {
+			kind: "var",
+			value: variable.value,
+			label: variable.label
+		};
+		emitChange(normalize([
+			...left,
+			inserted,
+			...right
+		]));
+		render(a + variable.value.length + 2);
+	}
+	function removeVarAt(segIndex) {
+		const target = doc[segIndex];
+		if (!target || target.kind !== "var") return;
+		const before = doc.slice(0, segIndex);
+		const after = doc.slice(segIndex + 1);
+		const caretOffset = sliceLength(before);
+		emitChange(normalize([...before, ...after]));
+		render(caretOffset);
+	}
+	function replaceVarAt(segIndex, variable) {
+		const target = doc[segIndex];
+		if (!target || target.kind !== "var") return;
+		const next = doc.slice();
+		next[segIndex] = variable.type ? {
+			kind: "var",
+			value: variable.value,
+			label: variable.label,
+			type: variable.type
+		} : {
+			kind: "var",
+			value: variable.value,
+			label: variable.label
+		};
+		const caretOffset = sliceLength(doc.slice(0, segIndex)) + variable.value.length + 2;
+		emitChange(normalize(next));
+		render(caretOffset);
+	}
+	function sliceDoc(d, start, end) {
+		const out = [];
+		let pos = 0;
+		for (const seg of d) {
+			const len = seg.kind === "text" ? seg.value.length : seg.value.length + 2;
+			const segStart = pos;
+			const segEnd = pos + len;
+			if (segEnd <= start || segStart >= end) {
+				pos += len;
+				continue;
+			}
+			if (seg.kind === "text") {
+				const a = Math.max(0, start - segStart);
+				const b = Math.min(len, end - segStart);
+				const slice = seg.value.slice(a, b);
+				if (slice) out.push({
+					kind: "text",
+					value: slice
+				});
+			} else if (start <= segStart && end >= segEnd) out.push(seg);
+			pos += len;
+		}
+		return out;
+	}
+	function sliceLength(d) {
+		let n = 0;
+		for (const s of d) n += s.kind === "text" ? s.value.length : s.value.length + 2;
+		return n;
+	}
+	function totalLength(d) {
+		return sliceLength(d);
+	}
+	const container = opts.container;
+	container.addEventListener("input", onInput);
+	container.addEventListener("compositionstart", onCompositionStart);
+	container.addEventListener("compositionend", onCompositionEnd);
+	container.addEventListener("paste", onPaste);
+	document.addEventListener("selectionchange", onSelectionChange);
+	render();
+	return {
+		getDoc: () => doc,
+		setDoc: (next) => {
+			doc = normalize(next);
+			render();
+			opts.onChange?.(doc);
+		},
+		getValue: () => serialize(doc),
+		setValue: (value) => {
+			doc = parse(value, opts.getVariableMap?.());
+			render();
+			opts.onChange?.(doc);
+		},
+		getCaretOffset,
+		setCaretOffset: setCaret,
+		replaceRangeWithVar,
+		removeVarAt,
+		replaceVarAt,
+		rerender: () => render(),
+		dispose: () => {
+			container.removeEventListener("input", onInput);
+			container.removeEventListener("compositionstart", onCompositionStart);
+			container.removeEventListener("compositionend", onCompositionEnd);
+			container.removeEventListener("paste", onPaste);
+			document.removeEventListener("selectionchange", onSelectionChange);
+		},
+		container
+	};
+}
+//#endregion
+export { createEditor };
+
+//# sourceMappingURL=editor.js.map

package/dist/components/expression-editor/core/editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.js","names":[],"sources":["../../../../src/components/expression-editor/core/editor.ts"],"sourcesContent":["import type { BEM } from '@veltra/utils'\n\nimport type { VariableItem } from '../../../types'\nimport { createChip, isChipElement, readChipType, readChipValue } from './chip'\nimport { normalize, parse, serialize, type Doc, type Segment } from './model'\n\nconst TEXT_SEG_ATTR = 'data-seg'\nconst TEXT_SEG_VALUE = 'text'\n\nexport interface EditorVariableInfo {\n  value: string\n  label: string\n  type?: string\n}\n\nexport interface EditorOptions {\n  container: HTMLElement\n  cls: BEM<'expression-editor'>\n  initialDoc: Doc\n  /**\n   * 在 DOM → 模型反推、字符串 → 模型反序列化时为 chip 补齐 label / type。\n   * 用 getter 形式以便外层 `variables` props 变化时拿到最新映射。\n   */\n  getVariableMap?: () => Map<string, VariableItem>\n  /** 模型每次更新（包括用户键入文本）后回调 */\n  onChange?: (doc: Doc) => void\n  /** 选中区域 / 光标偏移变化时回调，offset 为序列化字符串中的位置；无选中或不在编辑器内时为 null */\n  onSelectionChange?: (info: { offset: number | null }) => void\n  /** 用户点击某个 chip 的主体（重选） */\n  onChipReselect?: (info: { chipEl: HTMLElement; segIndex: number; chipOffset: number }) => void\n  /** 用户点击某个 chip 的 ×（删除） */\n  onChipRemove?: (info: { chipEl: HTMLElement; segIndex: number }) => void\n}\n\nexport interface EditorAPI {\n  /** 当前模型 */\n  getDoc(): Doc\n  /** 完全替换模型（会重渲染 DOM） */\n  setDoc(doc: Doc): void\n  /** 序列化为字符串（modelValue 形态） */\n  getValue(): string\n  /** 反序列化字符串为模型并替换（可选传入 variableMap 以补齐 label/type） */\n  setValue(value: string): void\n  /** 当前光标偏移（无 selection 返回 null） */\n  getCaretOffset(): number | null\n  /** 把光标设置到指定偏移（不会修改模型） */\n  setCaretOffset(offset: number): void\n  /**\n   * 用一个 var chip 替换 [start, end) 区间。\n   * 调用方通常在 mention 选中时用：start = `@` 起点、end = 当前光标。\n   */\n  replaceRangeWithVar(start: number, end: number, variable: EditorVariableInfo): void\n  /** 移除指定段下标对应的 var chip（必须是 var 段）。 */\n  removeVarAt(segIndex: number): void\n  /** 替换指定段下标对应的 var chip 为新变量（必须是 var 段）。 */\n  replaceVarAt(segIndex: number, variable: EditorVariableInfo): void\n  /** 卸载所有事件监听（不会销毁 container DOM） */\n  dispose(): void\n  /** 强制根据当前模型重渲染 DOM（光标位置尽量保留） */\n  rerender(): void\n  /** 容器引用（只读） */\n  readonly container: HTMLElement\n}\n\nexport function createEditor(opts: EditorOptions): EditorAPI {\n  let doc: Doc = normalize(opts.initialDoc)\n  let composing = false\n\n  function emitChange(next: Doc) {\n    doc = next\n    opts.onChange?.(doc)\n  }\n\n  function makeTextSpan(value: string): HTMLSpanElement {\n    const span = document.createElement('span')\n    span.setAttribute(TEXT_SEG_ATTR, TEXT_SEG_VALUE)\n    span.textContent = value\n    return span\n  }\n\n  function makeChipSpan(seg: Extract<Segment, { kind: 'var' }>): HTMLElement {\n    return createChip(seg, {\n      cls: opts.cls,\n      onReselect: (chipEl) => {\n        const { segIndex, chipOffset } = locateChip(chipEl)\n        if (segIndex < 0) return\n        opts.onChipReselect?.({ chipEl, segIndex, chipOffset })\n      },\n      onRemove: (chipEl) => {\n        const { segIndex } = locateChip(chipEl)\n        if (segIndex < 0) return\n        opts.onChipRemove?.({ chipEl, segIndex })\n      }\n    })\n  }\n\n  function locateChip(chipEl: HTMLElement): { segIndex: number; chipOffset: number } {\n    let chipOffset = 0\n    let segIdx = -1\n    let i = 0\n    for (const child of Array.from(opts.container.childNodes)) {\n      if (child === chipEl) {\n        segIdx = i\n        return { segIndex: segIdx, chipOffset }\n      }\n      chipOffset += childSerialLength(child)\n      i++\n    }\n    return { segIndex: -1, chipOffset: -1 }\n  }\n\n  function childSerialLength(node: Node): number {\n    if (isChipElement(node)) return readChipValue(node).length + 2\n    return (node.textContent ?? '').length\n  }\n\n  /** 渲染 doc 到 container：每个 var 两侧都补一个 text span（即便空），保证光标可停靠。 */\n  function render(targetCaret?: number) {\n    const container = opts.container\n    container.innerHTML = ''\n\n    // 在边界与每两个 var 之间确保有 text span 占位\n    const expanded: Segment[] = []\n    let lastWasVar = false\n    let first = true\n    for (const seg of doc) {\n      if (first) {\n        if (seg.kind === 'var') expanded.push({ kind: 'text', value: '' })\n        first = false\n      } else if (lastWasVar && seg.kind === 'var') {\n        expanded.push({ kind: 'text', value: '' })\n      }\n      expanded.push(seg)\n      lastWasVar = seg.kind === 'var'\n    }\n    if (lastWasVar || expanded.length === 0) expanded.push({ kind: 'text', value: '' })\n\n    for (const seg of expanded) {\n      if (seg.kind === 'text') container.appendChild(makeTextSpan(seg.value))\n      else container.appendChild(makeChipSpan(seg))\n    }\n\n    if (typeof targetCaret === 'number') setCaret(targetCaret)\n  }\n\n  /** 从 DOM 反推模型：宽容裸 text node、空 text span。 */\n  function readDocFromDOM(): Doc {\n    const segs: Segment[] = []\n    for (const child of Array.from(opts.container.childNodes)) {\n      if (isChipElement(child)) {\n        const value = readChipValue(child)\n        const domType = readChipType(child)\n        const fallbackLabel =\n          child.querySelector(`.${opts.cls.e('chip-label')}`)?.textContent ?? value\n        // 优先从 variableMap 取最新 label / type，保持与外部数据源一致\n        const fromMap = opts.getVariableMap?.().get(value)\n        const finalType = fromMap?.type ?? domType\n        const seg: Segment = finalType\n          ? { kind: 'var', value, label: fromMap?.label ?? fallbackLabel, type: finalType }\n          : { kind: 'var', value, label: fromMap?.label ?? fallbackLabel }\n        segs.push(seg)\n      } else {\n        segs.push({ kind: 'text', value: child.textContent ?? '' })\n      }\n    }\n    return normalize(segs)\n  }\n\n  /**\n   * 计算光标在序列化字符串中的全局偏移。\n   * 规则：\n   *  - 在 text span / 裸 text node 中：父级 / 节点之前的 segments 长度累加 + selection 内偏移\n   *  - 在 chip 边界：根据 selection 在 chip 节点之前 / 之后判断\n   */\n  function getCaretOffset(): number | null {\n    const sel = document.getSelection()\n    if (!sel || sel.rangeCount === 0) return null\n    const range = sel.getRangeAt(0)\n    if (!opts.container.contains(range.startContainer)) return null\n\n    let offset = 0\n    let found = false\n    for (const child of Array.from(opts.container.childNodes)) {\n      if (found) break\n      if (isChipElement(child)) {\n        if (range.startContainer === child) {\n          // selection.startOffset 表示子节点索引：0 表示 chip 起始，>=1 表示 chip 之后\n          if (range.startOffset === 0) return offset\n          return offset + childSerialLength(child)\n        }\n        if (range.startContainer === opts.container && getChildIndex(child) === range.startOffset) {\n          // 容器层 selection：偏移即子节点索引\n          return offset\n        }\n        offset += childSerialLength(child)\n      } else {\n        // text span 或裸 text 节点\n        if (\n          range.startContainer === child ||\n          (child.contains(range.startContainer) && child !== opts.container)\n        ) {\n          // 计算 selection 在该 child textContent 中的偏移\n          const localOffset = computeTextOffsetWithin(\n            child,\n            range.startContainer,\n            range.startOffset\n          )\n          return offset + localOffset\n        }\n        if (range.startContainer === opts.container && getChildIndex(child) === range.startOffset) {\n          return offset\n        }\n        offset += childSerialLength(child)\n      }\n    }\n    if (\n      range.startContainer === opts.container &&\n      range.startOffset === opts.container.childNodes.length\n    ) {\n      return offset\n    }\n    return null\n  }\n\n  function getChildIndex(node: Node): number {\n    let i = 0\n    let cur: Node | null = node.previousSibling\n    while (cur) {\n      i++\n      cur = cur.previousSibling\n    }\n    return i\n  }\n\n  function computeTextOffsetWithin(root: Node, target: Node, targetOffset: number): number {\n    if (root === target) return targetOffset\n    let total = 0\n    function walk(n: Node): boolean {\n      if (n === target) {\n        total += targetOffset\n        return true\n      }\n      if (n.nodeType === 3) {\n        total += (n as Text).data.length\n        return false\n      }\n      for (const c of Array.from(n.childNodes)) {\n        if (walk(c)) return true\n      }\n      return false\n    }\n    walk(root)\n    return total\n  }\n\n  /** 把光标放到 offset 处，offset 大于文档长度时落到末尾。 */\n  function setCaret(offset: number): void {\n    const sel = document.getSelection()\n    if (!sel) return\n\n    let remain = offset\n    const children = Array.from(opts.container.childNodes)\n    for (let i = 0; i < children.length; i++) {\n      const child = children[i]!\n      const len = childSerialLength(child)\n      if (isChipElement(child)) {\n        if (remain <= 0) {\n          // 光标定到 chip 之前 → 落到容器层 child 索引\n          placeAt(opts.container, i)\n          return\n        }\n        if (remain < len) {\n          // 落在 chip 内部 → 视作 chip 之后\n          placeAt(opts.container, i + 1)\n          return\n        }\n        remain -= len\n      } else {\n        if (remain <= len) {\n          // 落在该 text span 内\n          placeWithinText(child, remain)\n          return\n        }\n        remain -= len\n      }\n    }\n    // 落到末尾\n    if (children.length === 0) {\n      placeAt(opts.container, 0)\n      return\n    }\n    const last = children[children.length - 1]!\n    if (isChipElement(last)) placeAt(opts.container, children.length)\n    else placeWithinText(last, (last.textContent ?? '').length)\n  }\n\n  function placeAt(parent: Node, index: number) {\n    const sel = document.getSelection()\n    if (!sel) return\n    const range = document.createRange()\n    range.setStart(parent, index)\n    range.collapse(true)\n    sel.removeAllRanges()\n    sel.addRange(range)\n  }\n\n  function placeWithinText(span: Node, offset: number): void {\n    const sel = document.getSelection()\n    if (!sel) return\n    const target = firstTextDescendant(span)\n    const range = document.createRange()\n    if (target) {\n      const max = target.data.length\n      range.setStart(target, Math.min(offset, max))\n    } else {\n      // 空 span：让光标落到 span 内（child index 0）\n      range.setStart(span, 0)\n    }\n    range.collapse(true)\n    sel.removeAllRanges()\n    sel.addRange(range)\n  }\n\n  function firstTextDescendant(root: Node): Text | null {\n    if (root.nodeType === 3) return root as Text\n    for (const c of Array.from(root.childNodes)) {\n      const t = firstTextDescendant(c)\n      if (t) return t\n    }\n    return null\n  }\n\n  /** input 后：从 DOM 反推 doc，并触发 onChange（如有变化）。 */\n  function syncFromDOM(): void {\n    if (composing) return\n    const next = readDocFromDOM()\n    if (!docEqual(next, doc)) emitChange(next)\n  }\n\n  function docEqual(a: Doc, b: Doc): boolean {\n    if (a.length !== b.length) return false\n    for (let i = 0; i < a.length; i++) {\n      const x = a[i]!\n      const y = b[i]!\n      if (x.kind !== y.kind) return false\n      if (x.kind === 'text' && y.kind === 'text' && x.value !== y.value) return false\n      if (x.kind === 'var' && y.kind === 'var') {\n        if (x.value !== y.value || x.label !== y.label || x.type !== y.type) return false\n      }\n    }\n    return true\n  }\n\n  function onInput() {\n    syncFromDOM()\n  }\n  function onCompositionStart() {\n    composing = true\n  }\n  function onCompositionEnd() {\n    composing = false\n    syncFromDOM()\n  }\n  function onPaste(e: ClipboardEvent) {\n    e.preventDefault()\n    const text = e.clipboardData?.getData('text/plain') ?? ''\n    if (!text) return\n    insertPlainTextAtCaret(text)\n  }\n  function onSelectionChange() {\n    if (!opts.onSelectionChange) return\n    const sel = document.getSelection()\n    if (!sel || sel.rangeCount === 0) {\n      opts.onSelectionChange({ offset: null })\n      return\n    }\n    const range = sel.getRangeAt(0)\n    if (!opts.container.contains(range.startContainer)) {\n      opts.onSelectionChange({ offset: null })\n      return\n    }\n    opts.onSelectionChange({ offset: getCaretOffset() })\n  }\n\n  function insertPlainTextAtCaret(text: string) {\n    const sel = document.getSelection()\n    if (!sel || sel.rangeCount === 0) return\n    const range = sel.getRangeAt(0)\n    if (!opts.container.contains(range.startContainer)) return\n    range.deleteContents()\n    const node = document.createTextNode(text)\n    range.insertNode(node)\n    range.setStartAfter(node)\n    range.collapse(true)\n    sel.removeAllRanges()\n    sel.addRange(range)\n    syncFromDOM()\n  }\n\n  // 命令：替换区间为 var chip\n  function replaceRangeWithVar(start: number, end: number, variable: EditorVariableInfo) {\n    const a = Math.min(start, end)\n    const b = Math.max(start, end)\n    const left = sliceDoc(doc, 0, a)\n    const right = sliceDoc(doc, b, totalLength(doc))\n    const inserted: Segment = variable.type\n      ? { kind: 'var', value: variable.value, label: variable.label, type: variable.type }\n      : { kind: 'var', value: variable.value, label: variable.label }\n    const next = normalize([...left, inserted, ...right])\n    emitChange(next)\n    render(a + variable.value.length + 2) // 光标定到 chip 之后\n  }\n\n  function removeVarAt(segIndex: number) {\n    const target = doc[segIndex]\n    if (!target || target.kind !== 'var') return\n    const before = doc.slice(0, segIndex)\n    const after = doc.slice(segIndex + 1)\n    const caretOffset = sliceLength(before)\n    const next = normalize([...before, ...after])\n    emitChange(next)\n    render(caretOffset)\n  }\n\n  function replaceVarAt(segIndex: number, variable: EditorVariableInfo) {\n    const target = doc[segIndex]\n    if (!target || target.kind !== 'var') return\n    const next = doc.slice()\n    const replaced: Segment = variable.type\n      ? { kind: 'var', value: variable.value, label: variable.label, type: variable.type }\n      : { kind: 'var', value: variable.value, label: variable.label }\n    next[segIndex] = replaced\n    const caretOffset = sliceLength(doc.slice(0, segIndex)) + variable.value.length + 2\n    emitChange(normalize(next))\n    render(caretOffset)\n  }\n\n  // 工具：基于序列化偏移的切片（不会切开 var）\n  function sliceDoc(d: Doc, start: number, end: number): Doc {\n    const out: Segment[] = []\n    let pos = 0\n    for (const seg of d) {\n      const len = seg.kind === 'text' ? seg.value.length : seg.value.length + 2\n      const segStart = pos\n      const segEnd = pos + len\n      if (segEnd <= start || segStart >= end) {\n        pos += len\n        continue\n      }\n      if (seg.kind === 'text') {\n        const a = Math.max(0, start - segStart)\n        const b = Math.min(len, end - segStart)\n        const slice = seg.value.slice(a, b)\n        if (slice) out.push({ kind: 'text', value: slice })\n      } else {\n        // var 是原子：只有当 [start, end) 完整覆盖该 var 时保留；否则抛弃\n        if (start <= segStart && end >= segEnd) out.push(seg)\n      }\n      pos += len\n    }\n    return out\n  }\n\n  function sliceLength(d: Doc): number {\n    let n = 0\n    for (const s of d) n += s.kind === 'text' ? s.value.length : s.value.length + 2\n    return n\n  }\n\n  function totalLength(d: Doc): number {\n    return sliceLength(d)\n  }\n\n  // 绑定监听\n  const container = opts.container\n  container.addEventListener('input', onInput)\n  container.addEventListener('compositionstart', onCompositionStart)\n  container.addEventListener('compositionend', onCompositionEnd)\n  container.addEventListener('paste', onPaste)\n  document.addEventListener('selectionchange', onSelectionChange)\n\n  // 初次渲染\n  render()\n\n  return {\n    getDoc: () => doc,\n    setDoc: (next) => {\n      doc = normalize(next)\n      render()\n      opts.onChange?.(doc)\n    },\n    getValue: () => serialize(doc),\n    setValue: (value) => {\n      doc = parse(value, opts.getVariableMap?.())\n      render()\n      opts.onChange?.(doc)\n    },\n    getCaretOffset,\n    setCaretOffset: setCaret,\n    replaceRangeWithVar,\n    removeVarAt,\n    replaceVarAt,\n    rerender: () => render(),\n    dispose: () => {\n      container.removeEventListener('input', onInput)\n      container.removeEventListener('compositionstart', onCompositionStart)\n      container.removeEventListener('compositionend', onCompositionEnd)\n      container.removeEventListener('paste', onPaste)\n      document.removeEventListener('selectionchange', onSelectionChange)\n    },\n    container\n  }\n}\n"],"mappings":";;;AAMA,MAAM,gBAAgB;AACtB,MAAM,iBAAiB;AAyDvB,SAAgB,aAAa,MAAgC;CAC3D,IAAI,MAAW,UAAU,KAAK,WAAW;CACzC,IAAI,YAAY;CAEhB,SAAS,WAAW,MAAW;AAC7B,QAAM;AACN,OAAK,WAAW,IAAI;;CAGtB,SAAS,aAAa,OAAgC;EACpD,MAAM,OAAO,SAAS,cAAc,OAAO;AAC3C,OAAK,aAAa,eAAe,eAAe;AAChD,OAAK,cAAc;AACnB,SAAO;;CAGT,SAAS,aAAa,KAAqD;AACzE,SAAO,WAAW,KAAK;GACrB,KAAK,KAAK;GACV,aAAa,WAAW;IACtB,MAAM,EAAE,UAAU,eAAe,WAAW,OAAO;AACnD,QAAI,WAAW,EAAG;AAClB,SAAK,iBAAiB;KAAE;KAAQ;KAAU;KAAY,CAAC;;GAEzD,WAAW,WAAW;IACpB,MAAM,EAAE,aAAa,WAAW,OAAO;AACvC,QAAI,WAAW,EAAG;AAClB,SAAK,eAAe;KAAE;KAAQ;KAAU,CAAC;;GAE5C,CAAC;;CAGJ,SAAS,WAAW,QAA+D;EACjF,IAAI,aAAa;EACjB,IAAI,SAAS;EACb,IAAI,IAAI;AACR,OAAK,MAAM,SAAS,MAAM,KAAK,KAAK,UAAU,WAAW,EAAE;AACzD,OAAI,UAAU,QAAQ;AACpB,aAAS;AACT,WAAO;KAAE,UAAU;KAAQ;KAAY;;AAEzC,iBAAc,kBAAkB,MAAM;AACtC;;AAEF,SAAO;GAAE,UAAU;GAAI,YAAY;GAAI;;CAGzC,SAAS,kBAAkB,MAAoB;AAC7C,MAAI,cAAc,KAAK,CAAE,QAAO,cAAc,KAAK,CAAC,SAAS;AAC7D,UAAQ,KAAK,eAAe,IAAI;;;CAIlC,SAAS,OAAO,aAAsB;EACpC,MAAM,YAAY,KAAK;AACvB,YAAU,YAAY;EAGtB,MAAM,WAAsB,EAAE;EAC9B,IAAI,aAAa;EACjB,IAAI,QAAQ;AACZ,OAAK,MAAM,OAAO,KAAK;AACrB,OAAI,OAAO;AACT,QAAI,IAAI,SAAS,MAAO,UAAS,KAAK;KAAE,MAAM;KAAQ,OAAO;KAAI,CAAC;AAClE,YAAQ;cACC,cAAc,IAAI,SAAS,MACpC,UAAS,KAAK;IAAE,MAAM;IAAQ,OAAO;IAAI,CAAC;AAE5C,YAAS,KAAK,IAAI;AAClB,gBAAa,IAAI,SAAS;;AAE5B,MAAI,cAAc,SAAS,WAAW,EAAG,UAAS,KAAK;GAAE,MAAM;GAAQ,OAAO;GAAI,CAAC;AAEnF,OAAK,MAAM,OAAO,SAChB,KAAI,IAAI,SAAS,OAAQ,WAAU,YAAY,aAAa,IAAI,MAAM,CAAC;MAClE,WAAU,YAAY,aAAa,IAAI,CAAC;AAG/C,MAAI,OAAO,gBAAgB,SAAU,UAAS,YAAY;;;CAI5D,SAAS,iBAAsB;EAC7B,MAAM,OAAkB,EAAE;AAC1B,OAAK,MAAM,SAAS,MAAM,KAAK,KAAK,UAAU,WAAW,CACvD,KAAI,cAAc,MAAM,EAAE;GACxB,MAAM,QAAQ,cAAc,MAAM;GAClC,MAAM,UAAU,aAAa,MAAM;GACnC,MAAM,gBACJ,MAAM,cAAc,IAAI,KAAK,IAAI,EAAE,aAAa,GAAG,EAAE,eAAe;GAEtE,MAAM,UAAU,KAAK,kBAAkB,CAAC,IAAI,MAAM;GAClD,MAAM,YAAY,SAAS,QAAQ;GACnC,MAAM,MAAe,YACjB;IAAE,MAAM;IAAO;IAAO,OAAO,SAAS,SAAS;IAAe,MAAM;IAAW,GAC/E;IAAE,MAAM;IAAO;IAAO,OAAO,SAAS,SAAS;IAAe;AAClE,QAAK,KAAK,IAAI;QAEd,MAAK,KAAK;GAAE,MAAM;GAAQ,OAAO,MAAM,eAAe;GAAI,CAAC;AAG/D,SAAO,UAAU,KAAK;;;;;;;;CASxB,SAAS,iBAAgC;EACvC,MAAM,MAAM,SAAS,cAAc;AACnC,MAAI,CAAC,OAAO,IAAI,eAAe,EAAG,QAAO;EACzC,MAAM,QAAQ,IAAI,WAAW,EAAE;AAC/B,MAAI,CAAC,KAAK,UAAU,SAAS,MAAM,eAAe,CAAE,QAAO;EAE3D,IAAI,SAAS;AAEb,OAAK,MAAM,SAAS,MAAM,KAAK,KAAK,UAAU,WAAW,CAEvD,KAAI,cAAc,MAAM,EAAE;AACxB,OAAI,MAAM,mBAAmB,OAAO;AAElC,QAAI,MAAM,gBAAgB,EAAG,QAAO;AACpC,WAAO,SAAS,kBAAkB,MAAM;;AAE1C,OAAI,MAAM,mBAAmB,KAAK,aAAa,cAAc,MAAM,KAAK,MAAM,YAE5E,QAAO;AAET,aAAU,kBAAkB,MAAM;SAC7B;AAEL,OACE,MAAM,mBAAmB,SACxB,MAAM,SAAS,MAAM,eAAe,IAAI,UAAU,KAAK,WACxD;IAEA,MAAM,cAAc,wBAClB,OACA,MAAM,gBACN,MAAM,YACP;AACD,WAAO,SAAS;;AAElB,OAAI,MAAM,mBAAmB,KAAK,aAAa,cAAc,MAAM,KAAK,MAAM,YAC5E,QAAO;AAET,aAAU,kBAAkB,MAAM;;AAGtC,MACE,MAAM,mBAAmB,KAAK,aAC9B,MAAM,gBAAgB,KAAK,UAAU,WAAW,OAEhD,QAAO;AAET,SAAO;;CAGT,SAAS,cAAc,MAAoB;EACzC,IAAI,IAAI;EACR,IAAI,MAAmB,KAAK;AAC5B,SAAO,KAAK;AACV;AACA,SAAM,IAAI;;AAEZ,SAAO;;CAGT,SAAS,wBAAwB,MAAY,QAAc,cAA8B;AACvF,MAAI,SAAS,OAAQ,QAAO;EAC5B,IAAI,QAAQ;EACZ,SAAS,KAAK,GAAkB;AAC9B,OAAI,MAAM,QAAQ;AAChB,aAAS;AACT,WAAO;;AAET,OAAI,EAAE,aAAa,GAAG;AACpB,aAAU,EAAW,KAAK;AAC1B,WAAO;;AAET,QAAK,MAAM,KAAK,MAAM,KAAK,EAAE,WAAW,CACtC,KAAI,KAAK,EAAE,CAAE,QAAO;AAEtB,UAAO;;AAET,OAAK,KAAK;AACV,SAAO;;;CAIT,SAAS,SAAS,QAAsB;AAEtC,MAAI,CADQ,SAAS,cACb,CAAE;EAEV,IAAI,SAAS;EACb,MAAM,WAAW,MAAM,KAAK,KAAK,UAAU,WAAW;AACtD,OAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;GACxC,MAAM,QAAQ,SAAS;GACvB,MAAM,MAAM,kBAAkB,MAAM;AACpC,OAAI,cAAc,MAAM,EAAE;AACxB,QAAI,UAAU,GAAG;AAEf,aAAQ,KAAK,WAAW,EAAE;AAC1B;;AAEF,QAAI,SAAS,KAAK;AAEhB,aAAQ,KAAK,WAAW,IAAI,EAAE;AAC9B;;AAEF,cAAU;UACL;AACL,QAAI,UAAU,KAAK;AAEjB,qBAAgB,OAAO,OAAO;AAC9B;;AAEF,cAAU;;;AAId,MAAI,SAAS,WAAW,GAAG;AACzB,WAAQ,KAAK,WAAW,EAAE;AAC1B;;EAEF,MAAM,OAAO,SAAS,SAAS,SAAS;AACxC,MAAI,cAAc,KAAK,CAAE,SAAQ,KAAK,WAAW,SAAS,OAAO;MAC5D,iBAAgB,OAAO,KAAK,eAAe,IAAI,OAAO;;CAG7D,SAAS,QAAQ,QAAc,OAAe;EAC5C,MAAM,MAAM,SAAS,cAAc;AACnC,MAAI,CAAC,IAAK;EACV,MAAM,QAAQ,SAAS,aAAa;AACpC,QAAM,SAAS,QAAQ,MAAM;AAC7B,QAAM,SAAS,KAAK;AACpB,MAAI,iBAAiB;AACrB,MAAI,SAAS,MAAM;;CAGrB,SAAS,gBAAgB,MAAY,QAAsB;EACzD,MAAM,MAAM,SAAS,cAAc;AACnC,MAAI,CAAC,IAAK;EACV,MAAM,SAAS,oBAAoB,KAAK;EACxC,MAAM,QAAQ,SAAS,aAAa;AACpC,MAAI,QAAQ;GACV,MAAM,MAAM,OAAO,KAAK;AACxB,SAAM,SAAS,QAAQ,KAAK,IAAI,QAAQ,IAAI,CAAC;QAG7C,OAAM,SAAS,MAAM,EAAE;AAEzB,QAAM,SAAS,KAAK;AACpB,MAAI,iBAAiB;AACrB,MAAI,SAAS,MAAM;;CAGrB,SAAS,oBAAoB,MAAyB;AACpD,MAAI,KAAK,aAAa,EAAG,QAAO;AAChC,OAAK,MAAM,KAAK,MAAM,KAAK,KAAK,WAAW,EAAE;GAC3C,MAAM,IAAI,oBAAoB,EAAE;AAChC,OAAI,EAAG,QAAO;;AAEhB,SAAO;;;CAIT,SAAS,cAAoB;AAC3B,MAAI,UAAW;EACf,MAAM,OAAO,gBAAgB;AAC7B,MAAI,CAAC,SAAS,MAAM,IAAI,CAAE,YAAW,KAAK;;CAG5C,SAAS,SAAS,GAAQ,GAAiB;AACzC,MAAI,EAAE,WAAW,EAAE,OAAQ,QAAO;AAClC,OAAK,IAAI,IAAI,GAAG,IAAI,EAAE,QAAQ,KAAK;GACjC,MAAM,IAAI,EAAE;GACZ,MAAM,IAAI,EAAE;AACZ,OAAI,EAAE,SAAS,EAAE,KAAM,QAAO;AAC9B,OAAI,EAAE,SAAS,UAAU,EAAE,SAAS,UAAU,EAAE,UAAU,EAAE,MAAO,QAAO;AAC1E,OAAI,EAAE,SAAS,SAAS,EAAE,SAAS;QAC7B,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,KAAM,QAAO;;;AAGhF,SAAO;;CAGT,SAAS,UAAU;AACjB,eAAa;;CAEf,SAAS,qBAAqB;AAC5B,cAAY;;CAEd,SAAS,mBAAmB;AAC1B,cAAY;AACZ,eAAa;;CAEf,SAAS,QAAQ,GAAmB;AAClC,IAAE,gBAAgB;EAClB,MAAM,OAAO,EAAE,eAAe,QAAQ,aAAa,IAAI;AACvD,MAAI,CAAC,KAAM;AACX,yBAAuB,KAAK;;CAE9B,SAAS,oBAAoB;AAC3B,MAAI,CAAC,KAAK,kBAAmB;EAC7B,MAAM,MAAM,SAAS,cAAc;AACnC,MAAI,CAAC,OAAO,IAAI,eAAe,GAAG;AAChC,QAAK,kBAAkB,EAAE,QAAQ,MAAM,CAAC;AACxC;;EAEF,MAAM,QAAQ,IAAI,WAAW,EAAE;AAC/B,MAAI,CAAC,KAAK,UAAU,SAAS,MAAM,eAAe,EAAE;AAClD,QAAK,kBAAkB,EAAE,QAAQ,MAAM,CAAC;AACxC;;AAEF,OAAK,kBAAkB,EAAE,QAAQ,gBAAgB,EAAE,CAAC;;CAGtD,SAAS,uBAAuB,MAAc;EAC5C,MAAM,MAAM,SAAS,cAAc;AACnC,MAAI,CAAC,OAAO,IAAI,eAAe,EAAG;EAClC,MAAM,QAAQ,IAAI,WAAW,EAAE;AAC/B,MAAI,CAAC,KAAK,UAAU,SAAS,MAAM,eAAe,CAAE;AACpD,QAAM,gBAAgB;EACtB,MAAM,OAAO,SAAS,eAAe,KAAK;AAC1C,QAAM,WAAW,KAAK;AACtB,QAAM,cAAc,KAAK;AACzB,QAAM,SAAS,KAAK;AACpB,MAAI,iBAAiB;AACrB,MAAI,SAAS,MAAM;AACnB,eAAa;;CAIf,SAAS,oBAAoB,OAAe,KAAa,UAA8B;EACrF,MAAM,IAAI,KAAK,IAAI,OAAO,IAAI;EAC9B,MAAM,IAAI,KAAK,IAAI,OAAO,IAAI;EAC9B,MAAM,OAAO,SAAS,KAAK,GAAG,EAAE;EAChC,MAAM,QAAQ,SAAS,KAAK,GAAG,YAAY,IAAI,CAAC;EAChD,MAAM,WAAoB,SAAS,OAC/B;GAAE,MAAM;GAAO,OAAO,SAAS;GAAO,OAAO,SAAS;GAAO,MAAM,SAAS;GAAM,GAClF;GAAE,MAAM;GAAO,OAAO,SAAS;GAAO,OAAO,SAAS;GAAO;AAEjE,aADa,UAAU;GAAC,GAAG;GAAM;GAAU,GAAG;GAAM,CACrC,CAAC;AAChB,SAAO,IAAI,SAAS,MAAM,SAAS,EAAE;;CAGvC,SAAS,YAAY,UAAkB;EACrC,MAAM,SAAS,IAAI;AACnB,MAAI,CAAC,UAAU,OAAO,SAAS,MAAO;EACtC,MAAM,SAAS,IAAI,MAAM,GAAG,SAAS;EACrC,MAAM,QAAQ,IAAI,MAAM,WAAW,EAAE;EACrC,MAAM,cAAc,YAAY,OAAO;AAEvC,aADa,UAAU,CAAC,GAAG,QAAQ,GAAG,MAAM,CAC7B,CAAC;AAChB,SAAO,YAAY;;CAGrB,SAAS,aAAa,UAAkB,UAA8B;EACpE,MAAM,SAAS,IAAI;AACnB,MAAI,CAAC,UAAU,OAAO,SAAS,MAAO;EACtC,MAAM,OAAO,IAAI,OAAO;AAIxB,OAAK,YAHqB,SAAS,OAC/B;GAAE,MAAM;GAAO,OAAO,SAAS;GAAO,OAAO,SAAS;GAAO,MAAM,SAAS;GAAM,GAClF;GAAE,MAAM;GAAO,OAAO,SAAS;GAAO,OAAO,SAAS;GAAO;EAEjE,MAAM,cAAc,YAAY,IAAI,MAAM,GAAG,SAAS,CAAC,GAAG,SAAS,MAAM,SAAS;AAClF,aAAW,UAAU,KAAK,CAAC;AAC3B,SAAO,YAAY;;CAIrB,SAAS,SAAS,GAAQ,OAAe,KAAkB;EACzD,MAAM,MAAiB,EAAE;EACzB,IAAI,MAAM;AACV,OAAK,MAAM,OAAO,GAAG;GACnB,MAAM,MAAM,IAAI,SAAS,SAAS,IAAI,MAAM,SAAS,IAAI,MAAM,SAAS;GACxE,MAAM,WAAW;GACjB,MAAM,SAAS,MAAM;AACrB,OAAI,UAAU,SAAS,YAAY,KAAK;AACtC,WAAO;AACP;;AAEF,OAAI,IAAI,SAAS,QAAQ;IACvB,MAAM,IAAI,KAAK,IAAI,GAAG,QAAQ,SAAS;IACvC,MAAM,IAAI,KAAK,IAAI,KAAK,MAAM,SAAS;IACvC,MAAM,QAAQ,IAAI,MAAM,MAAM,GAAG,EAAE;AACnC,QAAI,MAAO,KAAI,KAAK;KAAE,MAAM;KAAQ,OAAO;KAAO,CAAC;cAG/C,SAAS,YAAY,OAAO,OAAQ,KAAI,KAAK,IAAI;AAEvD,UAAO;;AAET,SAAO;;CAGT,SAAS,YAAY,GAAgB;EACnC,IAAI,IAAI;AACR,OAAK,MAAM,KAAK,EAAG,MAAK,EAAE,SAAS,SAAS,EAAE,MAAM,SAAS,EAAE,MAAM,SAAS;AAC9E,SAAO;;CAGT,SAAS,YAAY,GAAgB;AACnC,SAAO,YAAY,EAAE;;CAIvB,MAAM,YAAY,KAAK;AACvB,WAAU,iBAAiB,SAAS,QAAQ;AAC5C,WAAU,iBAAiB,oBAAoB,mBAAmB;AAClE,WAAU,iBAAiB,kBAAkB,iBAAiB;AAC9D,WAAU,iBAAiB,SAAS,QAAQ;AAC5C,UAAS,iBAAiB,mBAAmB,kBAAkB;AAG/D,SAAQ;AAER,QAAO;EACL,cAAc;EACd,SAAS,SAAS;AAChB,SAAM,UAAU,KAAK;AACrB,WAAQ;AACR,QAAK,WAAW,IAAI;;EAEtB,gBAAgB,UAAU,IAAI;EAC9B,WAAW,UAAU;AACnB,SAAM,MAAM,OAAO,KAAK,kBAAkB,CAAC;AAC3C,WAAQ;AACR,QAAK,WAAW,IAAI;;EAEtB;EACA,gBAAgB;EAChB;EACA;EACA;EACA,gBAAgB,QAAQ;EACxB,eAAe;AACb,aAAU,oBAAoB,SAAS,QAAQ;AAC/C,aAAU,oBAAoB,oBAAoB,mBAAmB;AACrE,aAAU,oBAAoB,kBAAkB,iBAAiB;AACjE,aAAU,oBAAoB,SAAS,QAAQ;AAC/C,YAAS,oBAAoB,mBAAmB,kBAAkB;;EAEpE;EACD"}

package/dist/components/expression-editor/core/mention.js

@@ -0,0 +1,91 @@
+//#region src/components/expression-editor/core/mention.ts
+function createMention() {
+	let state = null;
+	let dismissedAnchor = null;
+	function derive(doc, caret) {
+		if (caret === null) return null;
+		let pos = 0;
+		let textValue = null;
+		let textStart = 0;
+		let inTextOffset = 0;
+		for (const seg of doc) {
+			const len = seg.kind === "text" ? seg.value.length : seg.value.length + 2;
+			if (caret <= pos + len) {
+				if (seg.kind === "text") {
+					textValue = seg.value;
+					textStart = pos;
+					inTextOffset = caret - pos;
+				}
+				break;
+			}
+			pos += len;
+		}
+		if (textValue === null) {
+			const lastSeg = doc[doc.length - 1];
+			if (lastSeg && lastSeg.kind === "text") {
+				const lastStart = totalLengthBefore(doc, doc.length - 1);
+				if (caret === lastStart + lastSeg.value.length) {
+					textValue = lastSeg.value;
+					textStart = lastStart;
+					inTextOffset = lastSeg.value.length;
+				}
+			}
+		}
+		if (textValue === null) return null;
+		let i = inTextOffset - 1;
+		while (i >= 0) {
+			const ch = textValue[i];
+			if (ch === "@") {
+				const filter = textValue.slice(i + 1, inTextOffset);
+				if (/\s/.test(filter)) return null;
+				return {
+					anchorOffset: textStart + i,
+					filter
+				};
+			}
+			if (ch && /\s/.test(ch)) return null;
+			i--;
+		}
+		return null;
+	}
+	function totalLengthBefore(doc, segIndex) {
+		let n = 0;
+		for (let i = 0; i < segIndex; i++) {
+			const s = doc[i];
+			n += s.kind === "text" ? s.value.length : s.value.length + 2;
+		}
+		return n;
+	}
+	return {
+		update(doc, caret) {
+			const candidate = derive(doc, caret);
+			if (!candidate) {
+				dismissedAnchor = null;
+				state = null;
+				return state;
+			}
+			if (dismissedAnchor !== null && candidate.anchorOffset === dismissedAnchor) {
+				state = null;
+				return state;
+			}
+			dismissedAnchor = null;
+			state = candidate;
+			return state;
+		},
+		dismiss() {
+			if (state) dismissedAnchor = state.anchorOffset;
+			state = null;
+		},
+		commit() {
+			state = null;
+			dismissedAnchor = null;
+		},
+		getState() {
+			return state;
+		}
+	};
+}
+//#endregion
+export { createMention };
+
+//# sourceMappingURL=mention.js.map

package/dist/components/expression-editor/core/mention.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention.js","names":[],"sources":["../../../../src/components/expression-editor/core/mention.ts"],"sourcesContent":["import type { Doc } from './model'\n\nexport interface MentionState {\n  /** `@` 字符在序列化字符串中的偏移 */\n  anchorOffset: number\n  /** `@` 之后到当前光标之间的字符 */\n  filter: string\n}\n\nexport interface MentionAPI {\n  /**\n   * 根据当前 doc + 光标 offset 推导 mention 状态。\n   * 返回最新状态（可能为 null = 未激活）。\n   */\n  update(doc: Doc, caret: number | null): MentionState | null\n  /**\n   * 主动退出当前 mention（用户按 Esc / 空格 / ←→ / 失焦）。\n   * 退出后即便光标仍在合法范围内，也不会自动重新激活，\n   * 直到光标离开当前 anchor 区域（如：@ 被删除或光标跨段）后再次出现新的 `@`。\n   */\n  dismiss(): void\n  /** 选中后由调用方调用，清理状态（含 dismissedAnchor），下一个 `@` 可重新激活。 */\n  commit(): void\n  /** 当前状态（只读） */\n  getState(): MentionState | null\n}\n\nexport function createMention(): MentionAPI {\n  let state: MentionState | null = null\n  let dismissedAnchor: number | null = null\n\n  function derive(doc: Doc, caret: number | null): MentionState | null {\n    if (caret === null) return null\n\n    // 找到 caret 落在哪个 text segment 以及段内偏移\n    let pos = 0\n    let textValue: string | null = null\n    let textStart = 0\n    let inTextOffset = 0\n    for (const seg of doc) {\n      const len = seg.kind === 'text' ? seg.value.length : seg.value.length + 2\n      if (caret <= pos + len) {\n        if (seg.kind === 'text') {\n          textValue = seg.value\n          textStart = pos\n          inTextOffset = caret - pos\n        }\n        break\n      }\n      pos += len\n    }\n    // 边界：caret 位于结尾且没有命中段，allow caret == 文档末尾且最后段是 text\n    if (textValue === null) {\n      const lastSeg = doc[doc.length - 1]\n      if (lastSeg && lastSeg.kind === 'text') {\n        const lastStart = totalLengthBefore(doc, doc.length - 1)\n        if (caret === lastStart + lastSeg.value.length) {\n          textValue = lastSeg.value\n          textStart = lastStart\n          inTextOffset = lastSeg.value.length\n        }\n      }\n    }\n    if (textValue === null) return null\n\n    // 从 inTextOffset 向前扫描，遇到空白前的最后一个 @ 即为 anchor\n    let i = inTextOffset - 1\n    while (i >= 0) {\n      const ch = textValue[i]\n      if (ch === '@') {\n        const filter = textValue.slice(i + 1, inTextOffset)\n        if (/\\s/.test(filter)) return null\n        return { anchorOffset: textStart + i, filter }\n      }\n      if (ch && /\\s/.test(ch)) return null\n      i--\n    }\n    return null\n  }\n\n  function totalLengthBefore(doc: Doc, segIndex: number): number {\n    let n = 0\n    for (let i = 0; i < segIndex; i++) {\n      const s = doc[i]!\n      n += s.kind === 'text' ? s.value.length : s.value.length + 2\n    }\n    return n\n  }\n\n  return {\n    update(doc, caret) {\n      const candidate = derive(doc, caret)\n      if (!candidate) {\n        // 派生不到合法 mention，dismissedAnchor 失去意义\n        dismissedAnchor = null\n        state = null\n        return state\n      }\n      if (dismissedAnchor !== null && candidate.anchorOffset === dismissedAnchor) {\n        // 仍处于上次主动退出的同一个 anchor 范围内，不重新激活\n        state = null\n        return state\n      }\n      // 走到这里说明：（1）首次激活；或（2）anchor 与 dismissed 不同（例如又输入了一个 @）\n      dismissedAnchor = null\n      state = candidate\n      return state\n    },\n    dismiss() {\n      if (state) dismissedAnchor = state.anchorOffset\n      state = null\n    },\n    commit() {\n      state = null\n      dismissedAnchor = null\n    },\n    getState() {\n      return state\n    }\n  }\n}\n"],"mappings":";AA2BA,SAAgB,gBAA4B;CAC1C,IAAI,QAA6B;CACjC,IAAI,kBAAiC;CAErC,SAAS,OAAO,KAAU,OAA2C;AACnE,MAAI,UAAU,KAAM,QAAO;EAG3B,IAAI,MAAM;EACV,IAAI,YAA2B;EAC/B,IAAI,YAAY;EAChB,IAAI,eAAe;AACnB,OAAK,MAAM,OAAO,KAAK;GACrB,MAAM,MAAM,IAAI,SAAS,SAAS,IAAI,MAAM,SAAS,IAAI,MAAM,SAAS;AACxE,OAAI,SAAS,MAAM,KAAK;AACtB,QAAI,IAAI,SAAS,QAAQ;AACvB,iBAAY,IAAI;AAChB,iBAAY;AACZ,oBAAe,QAAQ;;AAEzB;;AAEF,UAAO;;AAGT,MAAI,cAAc,MAAM;GACtB,MAAM,UAAU,IAAI,IAAI,SAAS;AACjC,OAAI,WAAW,QAAQ,SAAS,QAAQ;IACtC,MAAM,YAAY,kBAAkB,KAAK,IAAI,SAAS,EAAE;AACxD,QAAI,UAAU,YAAY,QAAQ,MAAM,QAAQ;AAC9C,iBAAY,QAAQ;AACpB,iBAAY;AACZ,oBAAe,QAAQ,MAAM;;;;AAInC,MAAI,cAAc,KAAM,QAAO;EAG/B,IAAI,IAAI,eAAe;AACvB,SAAO,KAAK,GAAG;GACb,MAAM,KAAK,UAAU;AACrB,OAAI,OAAO,KAAK;IACd,MAAM,SAAS,UAAU,MAAM,IAAI,GAAG,aAAa;AACnD,QAAI,KAAK,KAAK,OAAO,CAAE,QAAO;AAC9B,WAAO;KAAE,cAAc,YAAY;KAAG;KAAQ;;AAEhD,OAAI,MAAM,KAAK,KAAK,GAAG,CAAE,QAAO;AAChC;;AAEF,SAAO;;CAGT,SAAS,kBAAkB,KAAU,UAA0B;EAC7D,IAAI,IAAI;AACR,OAAK,IAAI,IAAI,GAAG,IAAI,UAAU,KAAK;GACjC,MAAM,IAAI,IAAI;AACd,QAAK,EAAE,SAAS,SAAS,EAAE,MAAM,SAAS,EAAE,MAAM,SAAS;;AAE7D,SAAO;;AAGT,QAAO;EACL,OAAO,KAAK,OAAO;GACjB,MAAM,YAAY,OAAO,KAAK,MAAM;AACpC,OAAI,CAAC,WAAW;AAEd,sBAAkB;AAClB,YAAQ;AACR,WAAO;;AAET,OAAI,oBAAoB,QAAQ,UAAU,iBAAiB,iBAAiB;AAE1E,YAAQ;AACR,WAAO;;AAGT,qBAAkB;AAClB,WAAQ;AACR,UAAO;;EAET,UAAU;AACR,OAAI,MAAO,mBAAkB,MAAM;AACnC,WAAQ;;EAEV,SAAS;AACP,WAAQ;AACR,qBAAkB;;EAEpB,WAAW;AACT,UAAO;;EAEV"}

package/dist/components/expression-editor/core/model.js

@@ -0,0 +1,64 @@
+//#region src/components/expression-editor/core/model.ts
+const VARIABLE_PATTERN = /\{([^}]+)\}/g;
+/**
+* 反序列化：将 modelValue 字符串解析为 Segment[]。
+* 沿用旧 parser.ts 的正则切分逻辑，保证 round-trip 与历史一致。
+*/
+function parse(content, variableMap) {
+	const segments = [];
+	if (!content) return segments;
+	let cursor = 0;
+	for (const match of content.matchAll(VARIABLE_PATTERN)) {
+		const value = match[1];
+		const start = match.index;
+		if (start > cursor) segments.push({
+			kind: "text",
+			value: content.slice(cursor, start)
+		});
+		const found = variableMap?.get(value);
+		segments.push({
+			kind: "var",
+			value,
+			label: found?.label ?? value,
+			...found?.type ? { type: found.type } : {}
+		});
+		cursor = start + match[0].length;
+	}
+	if (cursor < content.length) segments.push({
+		kind: "text",
+		value: content.slice(cursor)
+	});
+	return normalize(segments);
+}
+/** 序列化：var 段输出 `{value}`，text 段直接拼接。 */
+function serialize(doc) {
+	let out = "";
+	for (const seg of doc) out += seg.kind === "text" ? seg.value : `{${seg.value}}`;
+	return out;
+}
+/**
+* 归一化：合并相邻 text 段、丢弃空 text 段。
+* 注意：DOM 层另需保证 var 两侧有 text 占位（即便空），由 editor 渲染时补齐。
+*/
+function normalize(doc) {
+	const out = [];
+	for (const seg of doc) {
+		if (seg.kind === "text") {
+			if (!seg.value) continue;
+			const last = out[out.length - 1];
+			if (last && last.kind === "text") {
+				out[out.length - 1] = {
+					kind: "text",
+					value: last.value + seg.value
+				};
+				continue;
+			}
+		}
+		out.push(seg);
+	}
+	return out;
+}
+//#endregion
+export { normalize, parse, serialize };
+
+//# sourceMappingURL=model.js.map

package/dist/components/expression-editor/core/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","names":[],"sources":["../../../../src/components/expression-editor/core/model.ts"],"sourcesContent":["import type { VariableItem } from '../../../types'\n\n/** 单个文档段：纯文本或变量 chip */\nexport type Segment =\n  | { kind: 'text'; value: string }\n  | { kind: 'var'; value: string; label: string; type?: string }\n\n/** 归一化的文档形态：相邻 text 段会合并、空 text 段不保留 */\nexport type Doc = Segment[]\n\nconst VARIABLE_PATTERN = /\\{([^}]+)\\}/g\n\n/**\n * 反序列化：将 modelValue 字符串解析为 Segment[]。\n * 沿用旧 parser.ts 的正则切分逻辑，保证 round-trip 与历史一致。\n */\nexport function parse(content: string, variableMap?: Map<string, VariableItem>): Doc {\n  const segments: Segment[] = []\n  if (!content) return segments\n\n  let cursor = 0\n  for (const match of content.matchAll(VARIABLE_PATTERN)) {\n    const value = match[1]!\n    const start = match.index!\n    if (start > cursor) {\n      segments.push({ kind: 'text', value: content.slice(cursor, start) })\n    }\n    const found = variableMap?.get(value)\n    segments.push({\n      kind: 'var',\n      value,\n      label: found?.label ?? value,\n      ...(found?.type ? { type: found.type } : {})\n    })\n    cursor = start + match[0].length\n  }\n  if (cursor < content.length) {\n    segments.push({ kind: 'text', value: content.slice(cursor) })\n  }\n\n  return normalize(segments)\n}\n\n/** 序列化：var 段输出 `{value}`，text 段直接拼接。 */\nexport function serialize(doc: Doc): string {\n  let out = ''\n  for (const seg of doc) {\n    out += seg.kind === 'text' ? seg.value : `{${seg.value}}`\n  }\n  return out\n}\n\n/**\n * 归一化：合并相邻 text 段、丢弃空 text 段。\n * 注意：DOM 层另需保证 var 两侧有 text 占位（即便空），由 editor 渲染时补齐。\n */\nexport function normalize(doc: Doc): Doc {\n  const out: Segment[] = []\n  for (const seg of doc) {\n    if (seg.kind === 'text') {\n      if (!seg.value) continue\n      const last = out[out.length - 1]\n      if (last && last.kind === 'text') {\n        out[out.length - 1] = { kind: 'text', value: last.value + seg.value }\n        continue\n      }\n    }\n    out.push(seg)\n  }\n  return out\n}\n\ninterface SplitResult {\n  before: Doc\n  after: Doc\n}\n\n/**\n * 在序列化后的字符串偏移上切分（不会切开 var）。\n * 若偏移落在 var 中间，向前对齐到 var 起点。\n */\nexport function splitAt(doc: Doc, globalOffset: number): SplitResult {\n  const before: Doc = []\n  const after: Doc = []\n  let pos = 0\n  let consumed = false\n\n  for (const seg of doc) {\n    const segLen = seg.kind === 'text' ? seg.value.length : seg.value.length + 2\n    if (consumed) {\n      after.push(seg)\n      continue\n    }\n    if (globalOffset >= pos + segLen) {\n      before.push(seg)\n      pos += segLen\n      continue\n    }\n    if (seg.kind === 'text') {\n      const offset = globalOffset - pos\n      if (offset > 0) before.push({ kind: 'text', value: seg.value.slice(0, offset) })\n      if (offset < seg.value.length) after.push({ kind: 'text', value: seg.value.slice(offset) })\n    } else {\n      after.push(seg)\n    }\n    consumed = true\n  }\n  return { before, after }\n}\n"],"mappings":";AAUA,MAAM,mBAAmB;;;;;AAMzB,SAAgB,MAAM,SAAiB,aAA8C;CACnF,MAAM,WAAsB,EAAE;AAC9B,KAAI,CAAC,QAAS,QAAO;CAErB,IAAI,SAAS;AACb,MAAK,MAAM,SAAS,QAAQ,SAAS,iBAAiB,EAAE;EACtD,MAAM,QAAQ,MAAM;EACpB,MAAM,QAAQ,MAAM;AACpB,MAAI,QAAQ,OACV,UAAS,KAAK;GAAE,MAAM;GAAQ,OAAO,QAAQ,MAAM,QAAQ,MAAM;GAAE,CAAC;EAEtE,MAAM,QAAQ,aAAa,IAAI,MAAM;AACrC,WAAS,KAAK;GACZ,MAAM;GACN;GACA,OAAO,OAAO,SAAS;GACvB,GAAI,OAAO,OAAO,EAAE,MAAM,MAAM,MAAM,GAAG,EAAE;GAC5C,CAAC;AACF,WAAS,QAAQ,MAAM,GAAG;;AAE5B,KAAI,SAAS,QAAQ,OACnB,UAAS,KAAK;EAAE,MAAM;EAAQ,OAAO,QAAQ,MAAM,OAAO;EAAE,CAAC;AAG/D,QAAO,UAAU,SAAS;;;AAI5B,SAAgB,UAAU,KAAkB;CAC1C,IAAI,MAAM;AACV,MAAK,MAAM,OAAO,IAChB,QAAO,IAAI,SAAS,SAAS,IAAI,QAAQ,IAAI,IAAI,MAAM;AAEzD,QAAO;;;;;;AAOT,SAAgB,UAAU,KAAe;CACvC,MAAM,MAAiB,EAAE;AACzB,MAAK,MAAM,OAAO,KAAK;AACrB,MAAI,IAAI,SAAS,QAAQ;AACvB,OAAI,CAAC,IAAI,MAAO;GAChB,MAAM,OAAO,IAAI,IAAI,SAAS;AAC9B,OAAI,QAAQ,KAAK,SAAS,QAAQ;AAChC,QAAI,IAAI,SAAS,KAAK;KAAE,MAAM;KAAQ,OAAO,KAAK,QAAQ,IAAI;KAAO;AACrE;;;AAGJ,MAAI,KAAK,IAAI;;AAEf,QAAO"}