@veltra/desktop 1.0.13 → 1.0.14

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

@@ -1,24 +1,18 @@
 //#region src/components/expression-editor/di.ts
-/**
-* 扁平化变量树，创建 value -> VariableItem 的映射
-* @param variables 变量列表（支持树形结构）
-* @returns value -> VariableItem 的映射表
-*/
+/** 扁平化变量树，创建 value -> VariableItem 的映射，用于 DOM → 模型反推时补齐 label/type。 */
 function createVariableMap(variables) {
 	const map = /* @__PURE__ */ new Map();
-	function traverse(items, parentPath = []) {
+	function traverse(items) {
 		if (!items) return;
 		for (const item of items) {
-			const currentPath = [...parentPath, item.label];
 			map.set(item.value, item);
-			if (item.children) traverse(item.children, currentPath);
+			if (item.children) traverse(item.children);
 		}
 	}
 	traverse(variables);
 	return map;
 }
-const ExpressionEditorDIKey = Symbol("ExpressionEditorDIKey");
 //#endregion
-export { ExpressionEditorDIKey, createVariableMap };
+export { createVariableMap };
 
 //# sourceMappingURL=di.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/expression-editor/di.ts"],"sourcesContent":["import type { BEM } from '@veltra/utils'\nimport type { LexicalEditor } from 'lexical'\nimport type { InjectionKey, ComputedRef } from 'vue'\n\nimport type { ExpressionEditorProps, VariableItem } from '../../types'\n\n/**\n * 扁平化变量树，创建 value -> VariableItem 的映射\n * @param variables 变量列表（支持树形结构）\n * @returns value -> VariableItem 的映射表\n */\nexport function createVariableMap(variables?: VariableItem[]): Map<string, VariableItem> {\n  const map = new Map<string, VariableItem>()\n\n  function traverse(items: VariableItem[] | undefined, parentPath: string[] = []) {\n    if (!items) return\n\n    for (const item of items) {\n      const currentPath = [...parentPath, item.label]\n      map.set(item.value, item)\n\n      if (item.children) {\n        traverse(item.children, currentPath)\n      }\n    }\n  }\n\n  traverse(variables)\n  return map\n}\n\nexport const ExpressionEditorDIKey: InjectionKey<{\n  /** 组件的 BEM 类名 */\n  cls: BEM<'expression-editor'>\n  /** 组件的 props */\n  editorProps: ExpressionEditorProps\n  /** 编辑器实例 */\n  editor: LexicalEditor\n  /** 更新变量节点 */\n  updateVariableNode: (oldValue: string, newValue: string, newLabel?: string) => void\n  /** 变量映射表 (value -> VariableItem) */\n  variableMap: ComputedRef<Map<string, VariableItem>>\n}> = Symbol('ExpressionEditorDIKey')\n"],"mappings":";;;;;;AAWA,SAAgB,kBAAkB,WAAuD;CACvF,MAAM,sBAAM,IAAI,KAA2B;CAE3C,SAAS,SAAS,OAAmC,aAAuB,EAAE,EAAE;AAC9E,MAAI,CAAC,MAAO;AAEZ,OAAK,MAAM,QAAQ,OAAO;GACxB,MAAM,cAAc,CAAC,GAAG,YAAY,KAAK,MAAM;AAC/C,OAAI,IAAI,KAAK,OAAO,KAAK;AAEzB,OAAI,KAAK,SACP,UAAS,KAAK,UAAU,YAAY;;;AAK1C,UAAS,UAAU;AACnB,QAAO;;AAGT,MAAa,wBAWR,OAAO,wBAAwB"}
+{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/expression-editor/di.ts"],"sourcesContent":["import type { VariableItem } from '../../types'\n\n/** 扁平化变量树，创建 value -> VariableItem 的映射，用于 DOM → 模型反推时补齐 label/type。 */\nexport function createVariableMap(variables?: VariableItem[]): Map<string, VariableItem> {\n  const map = new Map<string, VariableItem>()\n  function traverse(items: VariableItem[] | undefined) {\n    if (!items) return\n    for (const item of items) {\n      map.set(item.value, item)\n      if (item.children) traverse(item.children)\n    }\n  }\n  traverse(variables)\n  return map\n}\n"],"mappings":";;AAGA,SAAgB,kBAAkB,WAAuD;CACvF,MAAM,sBAAM,IAAI,KAA2B;CAC3C,SAAS,SAAS,OAAmC;AACnD,MAAI,CAAC,MAAO;AACZ,OAAK,MAAM,QAAQ,OAAO;AACxB,OAAI,IAAI,KAAK,OAAO,KAAK;AACzB,OAAI,KAAK,SAAU,UAAS,KAAK,SAAS;;;AAG9C,UAAS,UAAU;AACnB,QAAO"}

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

@@ -1,21 +1,17 @@
-import { ExpressionEditorDIKey, createVariableMap } from "./di.js";
 import _sfc_main$1 from "./components/variable-picker.js";
-import { $isVariableNode } from "./nodes/variable-node.js";
-import { createExpressionEditorRuntime } from "./internal/editor-runtime/create-runtime.js";
-import { collectVariableNodeDescriptors, supportsNativeDnD } from "./use-expression-drag-drop.js";
-import { moveVariableByDirection } from "./internal/features/drag-drop/drag-drop-service.js";
-import { insertVariableAtTrigger } from "./internal/features/insertion/insertion-service.js";
-import { registerPlainText } from "./plain-text.js";
-import { useContext } from "./use-context.js";
-import { useDecorators } from "./use-decorators.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, normalizeClass, onBeforeUnmount, openBlock, provide, renderList, shallowRef, toDisplayString, unref, useTemplateRef } from "vue";
+import { parse } from "./core/model.js";
+import { createEditor } from "./core/editor.js";
+import { createMention } from "./core/mention.js";
+import { createVariableMap } from "./di.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, onBeforeUnmount, onMounted, openBlock, shallowRef, toDisplayString, unref, useTemplateRef, watch } from "vue";
 import { bem } from "@veltra/utils";
 import { useFormComponent, useFormFallbackProps } from "@veltra/compositions";
-import { $getRoot } from "lexical";
 //#region src/components/expression-editor/expression-editor.vue
-const _hoisted_1 = ["contenteditable"];
-const _hoisted_2 = ["disabled", "onClick"];
-const _hoisted_3 = ["disabled", "onClick"];
+const _hoisted_1 = [
+	"contenteditable",
+	"data-empty",
+	"data-placeholder"
+];
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	name: "ExpressionEditor",
 	__name: "expression-editor",
@@ -23,6 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		modelValue: {},
 		placeholder: { default: "请输入表达式，输入 @ 可插入变量" },
 		variables: {},
+		selectableLevels: { default: "leaf" },
 		tips: {},
 		span: {},
 		label: {},
@@ -35,127 +32,184 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const showPlaceholder = computed(() => !props.modelValue || props.modelValue.trim() === "");
 		const cls = bem("expression-editor");
 		const { formProps } = useFormComponent();
 		const { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props]);
-		const className = computed(() => {
-			return [
-				cls.b,
-				cls.m(size.value),
-				bem.is("disabled", disabled.value),
-				bem.is("readonly", readonly.value)
-			];
-		});
-		const { editor } = createExpressionEditorRuntime({
-			disabled,
-			readonly,
-			cls,
-			container: useTemplateRef("container"),
-			props,
-			emit
-		});
-		const { contextVisible, contextTriggerDom, textNode, charPosition, registerPickerKeyHandler, registerContextCommands } = useContext(editor);
-		registerPlainText(editor, { getContextCommands: registerContextCommands });
-		const decorators = useDecorators(editor);
-		const nativeDnDSupported = supportsNativeDnD();
-		const fallbackVariables = shallowRef(collectVariableNodeDescriptors(editor));
-		const showFallbackControls = computed(() => !nativeDnDSupported && fallbackVariables.value.length > 1);
-		const removeFallbackSync = editor.registerUpdateListener(() => {
-			fallbackVariables.value = collectVariableNodeDescriptors(editor);
-		});
-		onBeforeUnmount(() => {
-			removeFallbackSync();
-		});
+		const containerRef = useTemplateRef("container");
+		const pickerRef = useTemplateRef("pickerRef");
+		const className = computed(() => [
+			cls.b,
+			cls.m(size.value),
+			bem.is("disabled", disabled.value),
+			bem.is("readonly", readonly.value)
+		]);
 		const variableMap = computed(() => createVariableMap(props.variables));
-		function Decorators(props) {
-			return props.decorators;
+		const editorRef = shallowRef(null);
+		const mention = createMention();
+		const currentDoc = shallowRef([]);
+		const isEmpty = computed(() => currentDoc.value.length === 0);
+		const showPlaceholder = computed(() => isEmpty.value && !disabled.value);
+		const pickerMode = shallowRef(null);
+		const pickerTriggerDom = shallowRef(void 0);
+		const reselectingSegIdx = shallowRef(null);
+		const pickerFilter = shallowRef("");
+		const pickerVisible = computed(() => pickerMode.value !== null);
+		function syncMention() {
+			const editor = editorRef.value;
+			if (!editor) return;
+			if (pickerMode.value === "reselect") return;
+			const caret = editor.getCaretOffset();
+			const state = mention.update(currentDoc.value, caret);
+			if (state) {
+				pickerMode.value = "mention";
+				pickerFilter.value = state.filter;
+				pickerTriggerDom.value = containerRef.value ?? void 0;
+			} else if (pickerMode.value === "mention") closePicker();
 		}
-		function moveVariable(variableKey, direction) {
-			if (disabled.value || readonly.value) return;
-			moveVariableByDirection(editor, variableKey, direction, true);
+		function closePicker() {
+			pickerMode.value = null;
+			reselectingSegIdx.value = null;
+			pickerFilter.value = "";
 		}
-		function handleVariableSelect(variable) {
-			if (disabled.value || readonly.value) return;
-			const nodeKey = textNode.value?.getKey();
-			if (!nodeKey) return;
-			insertVariableAtTrigger(editor, {
-				nodeKey,
-				charPosition: charPosition.value,
-				variable: {
-					value: variable.value,
-					label: variable.label,
-					type: variable.type
+		onMounted(() => {
+			if (!containerRef.value) return;
+			const initialDoc = parse(props.modelValue ?? "", variableMap.value);
+			currentDoc.value = initialDoc;
+			const editor = createEditor({
+				container: containerRef.value,
+				cls,
+				initialDoc,
+				getVariableMap: () => variableMap.value,
+				onChange: (doc) => {
+					currentDoc.value = doc;
+					const value = serializeFromDoc(doc);
+					if (value !== (props.modelValue ?? "")) emit("update:modelValue", value);
+					syncMention();
+				},
+				onSelectionChange: () => {
+					syncMention();
+				},
+				onChipReselect: ({ chipEl, segIndex }) => {
+					if (disabled.value || readonly.value) return;
+					mention.commit();
+					pickerMode.value = "reselect";
+					pickerFilter.value = "";
+					pickerTriggerDom.value = chipEl;
+					reselectingSegIdx.value = segIndex;
+				},
+				onChipRemove: ({ segIndex }) => {
+					if (disabled.value || readonly.value) return;
+					editor.removeVarAt(segIndex);
 				}
 			});
+			editorRef.value = editor;
+		});
+		onBeforeUnmount(() => {
+			editorRef.value?.dispose();
+		});
+		function serializeFromDoc(doc) {
+			let s = "";
+			for (const seg of doc) s += seg.kind === "text" ? seg.value : `{${seg.value}}`;
+			return s;
 		}
-		function updateVariableNode(oldValue, newValue, newLabel) {
-			editor.update(() => {
-				const root = $getRoot();
-				const variable = variableMap.value.get(newValue);
-				const label = newLabel ?? variable?.label ?? newValue;
-				const type = variable?.type;
-				function traverse(node) {
-					if ($isVariableNode(node)) {
-						if (node.getVariable() === oldValue) node.updateVariable(newValue, label, type);
-					}
-					if (typeof node.getChildren === "function") node.getChildren().forEach((child) => traverse(child));
+		watch(() => props.modelValue, (v) => {
+			const editor = editorRef.value;
+			if (!editor) return;
+			if (v === editor.getValue()) return;
+			editor.setValue(v ?? "");
+		});
+		watch(variableMap, () => {
+			const editor = editorRef.value;
+			if (!editor) return;
+			editor.setValue(editor.getValue());
+		});
+		function onKeydown(e) {
+			if (disabled.value || readonly.value) return;
+			if (pickerMode.value !== null) {
+				if (pickerRef.value?.handleKeydown(e)) {
+					e.preventDefault();
+					return;
 				}
-				traverse(root);
-			});
+			}
+			if (pickerMode.value === "mention") {
+				if (e.key === " " || e.key === "ArrowLeft" || e.key === "ArrowRight") {
+					mention.dismiss();
+					closePicker();
+				}
+			}
+		}
+		function onBlur() {
+			if (pickerMode.value === "mention") {
+				mention.dismiss();
+				nextTick(() => closePicker());
+			}
+		}
+		function onPickerSelect(item) {
+			const editor = editorRef.value;
+			if (!editor) return;
+			if (pickerMode.value === "mention") {
+				const state = mention.getState();
+				if (!state) return;
+				const anchor = state.anchorOffset;
+				const caret = editor.getCaretOffset() ?? anchor + state.filter.length + 1;
+				editor.replaceRangeWithVar(anchor, caret, {
+					value: item.value,
+					label: item.label,
+					...item.type ? { type: item.type } : {}
+				});
+				mention.commit();
+			} else if (pickerMode.value === "reselect") {
+				const idx = reselectingSegIdx.value;
+				if (idx !== null) editor.replaceVarAt(idx, {
+					value: item.value,
+					label: item.label,
+					...item.type ? { type: item.type } : {}
+				});
+			}
+			closePicker();
+		}
+		function onPickerDismiss() {
+			if (pickerMode.value === "mention") mention.dismiss();
+			closePicker();
+		}
+		function onPickerVisibleChange(v) {
+			if (!v && pickerMode.value !== null) {
+				if (pickerMode.value === "mention") mention.dismiss();
+				closePicker();
+			}
 		}
-		provide(ExpressionEditorDIKey, {
-			cls,
-			editorProps: props,
-			editor,
-			updateVariableNode,
-			variableMap
-		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(className.value) }, [
-				createCommentVNode(" 编辑容器 "),
 				createElementVNode("div", {
-					class: normalizeClass(unref(cls).e("container")),
 					ref: "container",
-					contenteditable: !unref(readonly) && !unref(disabled)
-				}, null, 10, _hoisted_1),
-				showFallbackControls.value ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					class: normalizeClass(unref(cls).e("fallback"))
-				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(fallbackVariables.value, (item, index) => {
-					return openBlock(), createElementBlock("div", {
-						key: item.key,
-						class: normalizeClass(unref(cls).e("fallback-item"))
-					}, [createElementVNode("span", { class: normalizeClass(unref(cls).e("fallback-label")) }, toDisplayString(item.label || item.variable), 3), createElementVNode("div", { class: normalizeClass(unref(cls).e("fallback-actions")) }, [createElementVNode("button", {
-						type: "button",
-						class: normalizeClass(unref(cls).e("fallback-button")),
-						disabled: unref(disabled) || unref(readonly) || index === 0,
-						onClick: ($event) => moveVariable(item.key, -1)
-					}, " 上移 ", 10, _hoisted_2), createElementVNode("button", {
-						type: "button",
-						class: normalizeClass(unref(cls).e("fallback-button")),
-						disabled: unref(disabled) || unref(readonly) || index === fallbackVariables.value.length - 1,
-						onClick: ($event) => moveVariable(item.key, 1)
-					}, " 下移 ", 10, _hoisted_3)], 2)], 2);
-				}), 128))], 2)) : createCommentVNode("v-if", true),
+					class: normalizeClass(unref(cls).e("container")),
+					contenteditable: !unref(readonly) && !unref(disabled),
+					"data-empty": isEmpty.value || void 0,
+					"data-placeholder": props.placeholder,
+					onKeydown,
+					onBlur
+				}, null, 42, _hoisted_1),
 				showPlaceholder.value ? (openBlock(), createElementBlock("div", {
-					key: 1,
+					key: 0,
 					class: normalizeClass(unref(cls).e("placeholder"))
-				}, toDisplayString(__props.placeholder), 3)) : createCommentVNode("v-if", true),
-				createCommentVNode(" 渲染装饰器节点，内部通过Vue的Teleport组件渲染至节点中 "),
-				createVNode(Decorators, { decorators: unref(decorators) }, null, 8, ["decorators"]),
-				createCommentVNode(" 变量选择器 "),
+				}, toDisplayString(props.placeholder), 3)) : createCommentVNode("v-if", true),
 				createVNode(_sfc_main$1, {
-					visible: unref(contextVisible),
-					"onUpdate:visible": _cache[0] || (_cache[0] = ($event) => isRef(contextVisible) ? contextVisible.value = $event : null),
-					"trigger-dom": unref(contextTriggerDom),
-					filterable: true,
-					"register-picker-key-handler": unref(registerPickerKeyHandler),
-					onSelect: handleVariableSelect
+					ref_key: "pickerRef",
+					ref: pickerRef,
+					visible: pickerVisible.value,
+					"trigger-dom": pickerTriggerDom.value,
+					variables: props.variables,
+					filter: pickerFilter.value,
+					"selectable-levels": props.selectableLevels ?? "leaf",
+					onSelect: onPickerSelect,
+					onDismiss: onPickerDismiss,
+					"onUpdate:visible": onPickerVisibleChange
 				}, null, 8, [
 					"visible",
 					"trigger-dom",
-					"register-picker-key-handler"
+					"variables",
+					"filter",
+					"selectable-levels"
 				])
 			], 2);
 		};

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

@@ -1 +1 @@
-{"version":3,"file":"expression-editor.js","names":[],"sources":["../../../src/components/expression-editor/expression-editor.vue"],"sourcesContent":["<template>\n  <div :class=\"className\">\n    <!-- 编辑容器 -->\n    <div\n      :class=\"cls.e('container')\"\n      ref=\"container\"\n      :contenteditable=\"!readonly && !disabled\"\n    ></div>\n\n    <div v-if=\"showFallbackControls\" :class=\"cls.e('fallback')\">\n      <div\n        v-for=\"(item, index) in fallbackVariables\"\n        :key=\"item.key\"\n        :class=\"cls.e('fallback-item')\"\n      >\n        <span :class=\"cls.e('fallback-label')\">\n          {{ item.label || item.variable }}\n        </span>\n        <div :class=\"cls.e('fallback-actions')\">\n          <button\n            type=\"button\"\n            :class=\"cls.e('fallback-button')\"\n            :disabled=\"disabled || readonly || index === 0\"\n            @click=\"moveVariable(item.key, -1)\"\n          >\n            上移\n          </button>\n          <button\n            type=\"button\"\n            :class=\"cls.e('fallback-button')\"\n            :disabled=\"disabled || readonly || index === fallbackVariables.length - 1\"\n            @click=\"moveVariable(item.key, 1)\"\n          >\n            下移\n          </button>\n        </div>\n      </div>\n    </div>\n\n    <div :class=\"cls.e('placeholder')\" v-if=\"showPlaceholder\">\n      {{ placeholder }}\n    </div>\n\n    <!-- 渲染装饰器节点，内部通过Vue的Teleport组件渲染至节点中 -->\n    <Decorators :decorators=\"decorators\" />\n\n    <!-- 变量选择器 -->\n    <VariablePicker\n      v-model:visible=\"contextVisible\"\n      :trigger-dom=\"contextTriggerDom\"\n      :filterable=\"true\"\n      :register-picker-key-handler=\"registerPickerKeyHandler\"\n      @select=\"handleVariableSelect\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormComponent, useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { $getRoot } from 'lexical'\nimport { useTemplateRef, provide, computed, onBeforeUnmount, shallowRef, type VNode } from 'vue'\n\nimport type { ExpressionEditorProps, VariableItem } from '../../types'\nimport VariablePicker from './components/variable-picker.vue'\nimport { ExpressionEditorDIKey, createVariableMap } from './di'\nimport { createExpressionEditorRuntime } from './internal/editor-runtime'\nimport { moveVariableByDirection } from './internal/features/drag-drop/drag-drop-service'\nimport { insertVariableAtTrigger } from './internal/features/insertion/insertion-service'\nimport { $isVariableNode } from './nodes/variable-node'\nimport { registerPlainText } from './plain-text'\nimport { useContext } from './use-context'\nimport { useDecorators } from './use-decorators'\nimport { collectVariableNodeDescriptors, supportsNativeDnD } from './use-expression-drag-drop'\n\ndefineOptions({\n  name: 'ExpressionEditor'\n})\n\nconst props = withDefaults(defineProps<ExpressionEditorProps>(), {\n  placeholder: '请输入表达式，输入 @ 可插入变量'\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\nconst showPlaceholder = computed(() => !props.modelValue || props.modelValue.trim() === '')\n\nconst cls = bem('expression-editor')\n\nconst { formProps } = useFormComponent()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst className = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('readonly', readonly.value)\n  ]\n})\n\nconst containerRef = useTemplateRef('container')\n\nconst { editor } = createExpressionEditorRuntime({\n  disabled,\n  readonly,\n  cls,\n  container: containerRef,\n  props,\n  emit\n})\n\nconst {\n  contextVisible,\n  contextTriggerDom,\n  textNode,\n  charPosition,\n  registerPickerKeyHandler,\n  registerContextCommands\n} = useContext(editor)\n\nregisterPlainText(editor, {\n  getContextCommands: registerContextCommands\n})\n\nconst decorators = useDecorators(editor)\nconst nativeDnDSupported = supportsNativeDnD()\nconst fallbackVariables = shallowRef(collectVariableNodeDescriptors(editor))\nconst showFallbackControls = computed(\n  () => !nativeDnDSupported && fallbackVariables.value.length > 1\n)\n\nconst removeFallbackSync = editor.registerUpdateListener(() => {\n  fallbackVariables.value = collectVariableNodeDescriptors(editor)\n})\n\nonBeforeUnmount(() => {\n  removeFallbackSync()\n})\n\n// 创建变量映射表\nconst variableMap = computed(() => createVariableMap(props.variables))\n\nfunction Decorators(props: { decorators: VNode[] }) {\n  return props.decorators\n}\n\nfunction moveVariable(variableKey: string, direction: -1 | 1) {\n  if (disabled.value || readonly.value) return\n\n  moveVariableByDirection(editor, variableKey, direction, true)\n}\n\n// 处理变量选择\nfunction handleVariableSelect(variable: VariableItem) {\n  if (disabled.value || readonly.value) return\n\n  const nodeKey = textNode.value?.getKey()\n  if (!nodeKey) return\n\n  insertVariableAtTrigger(editor, {\n    nodeKey,\n    charPosition: charPosition.value,\n    variable: {\n      value: variable.value,\n      label: variable.label,\n      type: variable.type\n    }\n  })\n}\n\n// 更新变量节点的函数\nfunction updateVariableNode(oldValue: string, newValue: string, newLabel?: string) {\n  editor.update(() => {\n    const root = $getRoot()\n\n    // 如果没有提供 label 或 type，从映射表中查找\n    const variable = variableMap.value.get(newValue)\n    const label = newLabel ?? variable?.label ?? newValue\n    const type = variable?.type\n\n    // 递归遍历所有节点\n    function traverse(node: any) {\n      if ($isVariableNode(node)) {\n        if (node.getVariable() === oldValue) {\n          node.updateVariable(newValue, label, type)\n        }\n      }\n\n      // 如果节点有 getChildren 方法，继续遍历\n      if (typeof node.getChildren === 'function') {\n        const children = node.getChildren()\n        children.forEach((child: any) => traverse(child))\n      }\n    }\n\n    traverse(root)\n  })\n}\n\nprovide(ExpressionEditorDIKey, {\n  cls,\n  editorProps: props,\n  editor,\n  updateVariableNode,\n  variableMap\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"expression-editor.js","names":[],"sources":["../../../src/components/expression-editor/expression-editor.vue"],"sourcesContent":["<template>\n  <div :class=\"className\">\n    <div\n      ref=\"container\"\n      :class=\"cls.e('container')\"\n      :contenteditable=\"!readonly && !disabled\"\n      :data-empty=\"isEmpty || undefined\"\n      :data-placeholder=\"props.placeholder\"\n      @keydown=\"onKeydown\"\n      @blur=\"onBlur\"\n    ></div>\n\n    <div v-if=\"showPlaceholder\" :class=\"cls.e('placeholder')\">\n      {{ props.placeholder }}\n    </div>\n\n    <VariablePicker\n      ref=\"pickerRef\"\n      :visible=\"pickerVisible\"\n      :trigger-dom=\"pickerTriggerDom\"\n      :variables=\"props.variables\"\n      :filter=\"pickerFilter\"\n      :selectable-levels=\"props.selectableLevels ?? 'leaf'\"\n      @select=\"onPickerSelect\"\n      @dismiss=\"onPickerDismiss\"\n      @update:visible=\"onPickerVisibleChange\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormComponent, useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  shallowRef,\n  useTemplateRef,\n  watch\n} from 'vue'\n\nimport type { ExpressionEditorProps, VariableItem } from '../../types'\nimport VariablePicker from './components/variable-picker.vue'\nimport { createEditor, type EditorAPI } from './core/editor'\nimport { createMention, type MentionAPI } from './core/mention'\nimport { parse, type Doc } from './core/model'\nimport { createVariableMap } from './di'\n\ndefineOptions({\n  name: 'ExpressionEditor'\n})\n\nconst props = withDefaults(defineProps<ExpressionEditorProps>(), {\n  placeholder: '请输入表达式，输入 @ 可插入变量',\n  selectableLevels: 'leaf'\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\nconst cls = bem('expression-editor')\nconst { formProps } = useFormComponent()\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst containerRef = useTemplateRef<HTMLDivElement>('container')\nconst pickerRef = useTemplateRef<{ handleKeydown: (e: KeyboardEvent) => boolean }>('pickerRef')\n\nconst className = computed(() => [\n  cls.b,\n  cls.m(size.value),\n  bem.is('disabled', disabled.value),\n  bem.is('readonly', readonly.value)\n])\n\nconst variableMap = computed(() => createVariableMap(props.variables))\n\nconst editorRef = shallowRef<EditorAPI | null>(null)\nconst mention: MentionAPI = createMention()\n\nconst currentDoc = shallowRef<Doc>([])\nconst isEmpty = computed(() => currentDoc.value.length === 0)\nconst showPlaceholder = computed(() => isEmpty.value && !disabled.value)\n\nconst pickerMode = shallowRef<'mention' | 'reselect' | null>(null)\nconst pickerTriggerDom = shallowRef<HTMLElement | undefined>(undefined)\nconst reselectingSegIdx = shallowRef<number | null>(null)\nconst pickerFilter = shallowRef('')\n\nconst pickerVisible = computed(() => pickerMode.value !== null)\n\nfunction syncMention() {\n  const editor = editorRef.value\n  if (!editor) return\n  if (pickerMode.value === 'reselect') return\n  const caret = editor.getCaretOffset()\n  const state = mention.update(currentDoc.value, caret)\n  if (state) {\n    pickerMode.value = 'mention'\n    pickerFilter.value = state.filter\n    pickerTriggerDom.value = containerRef.value ?? undefined\n  } else if (pickerMode.value === 'mention') {\n    closePicker()\n  }\n}\n\nfunction closePicker() {\n  pickerMode.value = null\n  reselectingSegIdx.value = null\n  pickerFilter.value = ''\n}\n\nonMounted(() => {\n  if (!containerRef.value) return\n  const initialDoc = parse(props.modelValue ?? '', variableMap.value)\n  currentDoc.value = initialDoc\n\n  const editor = createEditor({\n    container: containerRef.value,\n    cls,\n    initialDoc,\n    getVariableMap: () => variableMap.value,\n    onChange: (doc) => {\n      currentDoc.value = doc\n      const value = serializeFromDoc(doc)\n      if (value !== (props.modelValue ?? '')) emit('update:modelValue', value)\n      syncMention()\n    },\n    onSelectionChange: () => {\n      syncMention()\n    },\n    onChipReselect: ({ chipEl, segIndex }) => {\n      if (disabled.value || readonly.value) return\n      mention.commit()\n      pickerMode.value = 'reselect'\n      pickerFilter.value = ''\n      pickerTriggerDom.value = chipEl\n      reselectingSegIdx.value = segIndex\n    },\n    onChipRemove: ({ segIndex }) => {\n      if (disabled.value || readonly.value) return\n      editor.removeVarAt(segIndex)\n    }\n  })\n  editorRef.value = editor\n})\n\nonBeforeUnmount(() => {\n  editorRef.value?.dispose()\n})\n\nfunction serializeFromDoc(doc: Doc): string {\n  let s = ''\n  for (const seg of doc) s += seg.kind === 'text' ? seg.value : `{${seg.value}}`\n  return s\n}\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    const editor = editorRef.value\n    if (!editor) return\n    if (v === editor.getValue()) return\n    editor.setValue(v ?? '')\n  }\n)\n\nwatch(variableMap, () => {\n  // variables 变化：重渲染以刷新 chip label / type\n  const editor = editorRef.value\n  if (!editor) return\n  editor.setValue(editor.getValue())\n})\n\nfunction onKeydown(e: KeyboardEvent) {\n  if (disabled.value || readonly.value) return\n  // mention / reselect 激活时，优先把箭头键 / Enter / Esc 转给 picker\n  if (pickerMode.value !== null) {\n    const handledByPicker = pickerRef.value?.handleKeydown(e)\n    if (handledByPicker) {\n      e.preventDefault()\n      return\n    }\n  }\n\n  if (pickerMode.value === 'mention') {\n    // 这些键导致 mention 退出（保留 @filter 文本，光标继续移动）\n    if (e.key === ' ' || e.key === 'ArrowLeft' || e.key === 'ArrowRight') {\n      mention.dismiss()\n      closePicker()\n    }\n  }\n}\n\nfunction onBlur() {\n  if (pickerMode.value === 'mention') {\n    mention.dismiss()\n    // 下一帧再关闭，避免和 picker 内 click 冲突\n    void nextTick(() => closePicker())\n  }\n}\n\nfunction onPickerSelect(item: VariableItem) {\n  const editor = editorRef.value\n  if (!editor) return\n\n  if (pickerMode.value === 'mention') {\n    const state = mention.getState()\n    if (!state) return\n    const anchor = state.anchorOffset\n    const caret = editor.getCaretOffset() ?? anchor + state.filter.length + 1\n    editor.replaceRangeWithVar(anchor, caret, {\n      value: item.value,\n      label: item.label,\n      ...(item.type ? { type: item.type } : {})\n    })\n    mention.commit()\n  } else if (pickerMode.value === 'reselect') {\n    const idx = reselectingSegIdx.value\n    if (idx !== null) {\n      editor.replaceVarAt(idx, {\n        value: item.value,\n        label: item.label,\n        ...(item.type ? { type: item.type } : {})\n      })\n    }\n  }\n  closePicker()\n}\n\nfunction onPickerDismiss() {\n  if (pickerMode.value === 'mention') mention.dismiss()\n  closePicker()\n}\n\nfunction onPickerVisibleChange(v: boolean) {\n  if (!v && pickerMode.value !== null) {\n    if (pickerMode.value === 'mention') mention.dismiss()\n    closePicker()\n  }\n}\n</script>\n"],"mappings":"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"}

package/dist/components/expression-editor/expression-editor.vue.d.ts

@@ -1,4 +1,4 @@
-import { ExpressionEditorProps } from "../../types/expression-editor.js";
+import { ExpressionEditorProps, ExpressionSelectableLevels } from "../../types/expression-editor.js";
 import * as _$vue from "vue";
 
 //#region src/components/expression-editor/expression-editor.vue.d.ts
@@ -8,6 +8,7 @@ declare const __VLS_export: _$vue.DefineComponent<ExpressionEditorProps, {}, {},
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
   placeholder: string;
+  selectableLevels: ExpressionSelectableLevels;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

@@ -1,7 +1,5 @@
 import "../icon/style.js";
 import "../tip/style.js";
 import "../scroll/style.js";
-import "../input/style.js";
-import "../tag/style.js";
 import "../empty/style.js";
 import "./style2.css";