@veltra/desktop 1.7.18 → 1.8.0

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

@@ -3,7 +3,7 @@ import _sfc_main$2 from "../../empty/empty.js";
 import _sfc_main$3 from "../../scroll/scroll.js";
 import _sfc_main$4 from "../../tip/tip.js";
 import _sfc_main$5 from "./path-preview.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, watch, withCtx, withModifiers } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, useTemplateRef, watch, withCtx, withModifiers } from "vue";
 import { bem } from "@veltra/utils";
 import { ArrowRight } from "@veltra/icons/normal";
 //#region src/components/expression-editor/components/variable-picker.vue
@@ -34,6 +34,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const cls = bem("expression-editor");
 		const navPath = ref([]);
 		const activeIndex = ref(0);
+		const root = useTemplateRef("root");
+		const listScroll = useTemplateRef("listScroll");
 		const isFlat = computed(() => props.filter !== "");
 		function hasChildren(item) {
 			return !!item.children && item.children.length > 0;
@@ -107,12 +109,17 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					emit("select", item);
 					return;
 				}
-				navPath.value = [...navPath.value, item];
-				activeIndex.value = 0;
+				expandInto(item);
 				return;
 			}
 			emit("select", item);
 		}
+		/** 进入 item 的下一级（点击展开图标 / leaf 模式点击分支项共用） */
+		function expandInto(item) {
+			if (!hasChildren(item)) return;
+			navPath.value = [...navPath.value, item];
+			activeIndex.value = 0;
+		}
 		function flattenSourceFor(it) {
 			const flat = it;
 			const out = {
@@ -134,10 +141,13 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		}
 		function scrollActiveIntoView() {
 			nextTick(() => {
-				const list = document.querySelector(`.${cls.e("panel-list")}`);
-				if (!list) return;
-				const item = list.querySelector(`[data-idx="${activeIndex.value}"]`);
-				if (item && "scrollIntoView" in item) item.scrollIntoView({ block: "nearest" });
+				const item = root.value?.querySelector(`[data-idx="${activeIndex.value}"]`);
+				const scroller = listScroll.value?.containerRef;
+				if (!(item instanceof HTMLElement) || !(scroller instanceof HTMLElement)) return;
+				const top = item.getBoundingClientRect().top - scroller.getBoundingClientRect().top + scroller.scrollTop;
+				const bottom = top + item.offsetHeight;
+				if (top < scroller.scrollTop) scroller.scrollTop = top;
+				else if (bottom > scroller.scrollTop + scroller.clientHeight) scroller.scrollTop = bottom - scroller.clientHeight;
 			});
 		}
 		function handleVisibleChange(v) {
@@ -185,8 +195,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					if (isFlat.value) return false;
 					const item = currentList.value[activeIndex.value];
 					if (item && hasChildren(item)) {
-						navPath.value = [...navPath.value, item];
-						activeIndex.value = 0;
+						expandInto(item);
 						return true;
 					}
 					return false;
@@ -209,6 +218,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"onUpdate:visible": _cache[2] || (_cache[2] = ($event) => handleVisibleChange($event))
 			}, {
 				content: withCtx(() => [createElementVNode("div", {
+					ref_key: "root",
+					ref: root,
 					class: normalizeClass(unref(cls).e("picker")),
 					onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {}, ["prevent"]))
 				}, [
@@ -241,6 +252,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						key: 0,
 						class: normalizeClass(unref(cls).e("panel"))
 					}, [createVNode(unref(_sfc_main$3), {
+						ref_key: "listScroll",
+						ref: listScroll,
 						tag: "ul",
 						class: normalizeClass(unref(cls).e("panel-list")),
 						"content-class": unref(cls).e("panel-content")
@@ -254,11 +267,13 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 								onMouseenter: ($event) => activeIndex.value = idx
 							}, [createElementVNode("span", { class: normalizeClass(unref(cls).e("item-label")) }, toDisplayString(item.label), 3), !isFlat.value && hasChildren(item) ? (openBlock(), createBlock(unref(_sfc_main$1), {
 								key: 0,
-								class: normalizeClass(unref(cls).e("item-expand"))
+								class: normalizeClass(unref(cls).e("item-expand")),
+								title: "展开下一级",
+								onClick: withModifiers(($event) => expandInto(item), ["stop"])
 							}, {
 								default: withCtx(() => [createVNode(unref(ArrowRight))]),
 								_: 1
-							}, 8, ["class"])) : createCommentVNode("v-if", true)], 42, _hoisted_2);
+							}, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)], 42, _hoisted_2);
 						}), 128))]),
 						_: 1
 					}, 8, ["class", "content-class"])], 2)) : (openBlock(), createElementBlock("div", {
@@ -267,7 +282,29 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					}, [createVNode(unref(_sfc_main$2), { description: "暂无可用变量" })], 2)), isFlat.value && activePath.value.length > 0 ? (openBlock(), createBlock(_sfc_main$5, {
 						key: 2,
 						path: activePath.value
-					}, null, 8, ["path"])) : createCommentVNode("v-if", true)], 2)
+					}, null, 8, ["path"])) : createCommentVNode("v-if", true)], 2),
+					currentList.value.length > 0 ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass(unref(cls).e("picker-hint"))
+					}, [isFlat.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+						_cache[3] || (_cache[3] = createElementVNode("span", null, [
+							createElementVNode("kbd", null, "↑"),
+							createElementVNode("kbd", null, "↓"),
+							createTextVNode(" 选择")
+						], -1)),
+						_cache[4] || (_cache[4] = createElementVNode("span", null, [createElementVNode("kbd", null, "Enter"), createTextVNode(" 确认")], -1)),
+						_cache[5] || (_cache[5] = createElementVNode("span", null, [createElementVNode("kbd", null, "Esc"), createTextVNode(" 关闭")], -1))
+					], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+						_cache[6] || (_cache[6] = createElementVNode("span", null, [
+							createElementVNode("kbd", null, "↑"),
+							createElementVNode("kbd", null, "↓"),
+							createTextVNode(" 选择")
+						], -1)),
+						_cache[7] || (_cache[7] = createElementVNode("span", null, [createElementVNode("kbd", null, "→"), createTextVNode(" 展开")], -1)),
+						_cache[8] || (_cache[8] = createElementVNode("span", null, [createElementVNode("kbd", null, "←"), createTextVNode(" 返回")], -1)),
+						_cache[9] || (_cache[9] = createElementVNode("span", null, [createElementVNode("kbd", null, "Enter"), createTextVNode(" 确认")], -1)),
+						_cache[10] || (_cache[10] = createElementVNode("span", null, [createElementVNode("kbd", null, "Esc"), createTextVNode(" 关闭")], -1))
+					], 64))], 2)) : createCommentVNode("v-if", true)
 				], 34)]),
 				_: 1
 			}, 8, ["trigger-dom", "visible"]);

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

@@ -1 +1 @@
-{"version":3,"file":"variable-picker.js","names":[],"sources":["../../../../src/components/expression-editor/components/variable-picker.vue"],"sourcesContent":["<template>\n  <u-tip\n    hide-arrow\n    alignment=\"start\"\n    direction=\"bottom\"\n    trigger=\"click\"\n    :trigger-dom=\"triggerDom\"\n    :visible=\"visible\"\n    @update:visible=\"handleVisibleChange($event)\"\n  >\n    <template #content>\n      <div :class=\"cls.e('picker')\" @mousedown.prevent>\n        <!-- 面包屑：仅逐级模式且非根级显示 -->\n        <div v-if=\"!isFlat && navPath.length > 0\" :class=\"cls.e('breadcrumbs')\">\n          <span :class=\"cls.e('breadcrumb-item')\">\n            <span :class=\"cls.e('breadcrumb-link')\" @click=\"navigateTo(0)\">全部变量</span>\n            <u-icon :class=\"cls.e('breadcrumb-separator')\">\n              <ArrowRight />\n            </u-icon>\n          </span>\n          <span\n            v-for=\"(crumb, i) in navPath\"\n            :key=\"`${i}-${crumb.value}`\"\n            :class=\"cls.e('breadcrumb-item')\"\n          >\n            <span\n              :class=\"[\n                cls.e('breadcrumb-link'),\n                { [cls.em('breadcrumb-link', 'active')]: i === navPath.length - 1 }\n              ]\"\n              @click=\"navigateTo(i + 1)\"\n              >{{ crumb.label }}</span\n            >\n            <u-icon v-if=\"i < navPath.length - 1\" :class=\"cls.e('breadcrumb-separator')\">\n              <ArrowRight />\n            </u-icon>\n          </span>\n        </div>\n\n        <div :class=\"cls.e('picker-body')\">\n          <div :class=\"cls.e('panel')\" v-if=\"currentList.length > 0\">\n            <u-scroll tag=\"ul\" :class=\"cls.e('panel-list')\" :content-class=\"cls.e('panel-content')\">\n              <li\n                v-for=\"(item, idx) in currentList\"\n                :key=\"`${idx}-${item.value}`\"\n                :data-idx=\"idx\"\n                :class=\"getItemCls(item, idx)\"\n                @click=\"handleItemClick(item, idx)\"\n                @mouseenter=\"activeIndex = idx\"\n              >\n                <span :class=\"cls.e('item-label')\">{{ item.label }}</span>\n                <u-icon v-if=\"!isFlat && hasChildren(item)\" :class=\"cls.e('item-expand')\">\n                  <ArrowRight />\n                </u-icon>\n              </li>\n            </u-scroll>\n          </div>\n          <div v-else :class=\"cls.e('empty')\">\n            <UEmpty description=\"暂无可用变量\" />\n          </div>\n\n          <PathPreview v-if=\"isFlat && activePath.length > 0\" :path=\"activePath\" />\n        </div>\n      </div>\n    </template>\n  </u-tip>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, nextTick, ref, watch } from 'vue'\n\nimport type { VariableItem } from '../../../types'\nimport { UEmpty } from '../../empty'\nimport { UIcon } from '../../icon'\nimport { UScroll } from '../../scroll'\nimport { UTip } from '../../tip'\nimport PathPreview from './path-preview.vue'\n\ndefineOptions({ name: 'UVariablePicker' })\n\ninterface FlatItem extends VariableItem {\n  /** 仅扁平模式使用：从根到当前节点的路径 */\n  __path: VariableItem[]\n}\n\nconst props = defineProps<{\n  visible: boolean\n  triggerDom?: HTMLElement\n  /** 顶层变量树 */\n  variables?: VariableItem[]\n  /** 来自编辑器 mention 状态的过滤字符串。空 = 逐级模式；非空 = 扁平模式。 */\n  filter: string\n  /** 是否允许选中分支节点 */\n  selectableLevels: 'leaf' | 'any'\n}>()\n\nconst emit = defineEmits<{\n  (e: 'select', item: VariableItem): void\n  (e: 'update:visible', visible: boolean): void\n  /** 用户主动取消（按 Esc）。编辑器据此把 mention 状态置为 dismissed。 */\n  (e: 'dismiss'): void\n}>()\n\nconst cls = bem('expression-editor')\n\nconst navPath = ref<VariableItem[]>([])\nconst activeIndex = ref(0)\n\nconst isFlat = computed(() => props.filter !== '')\n\nfunction hasChildren(item: VariableItem): boolean {\n  return !!item.children && item.children.length > 0\n}\n\nfunction isLeaf(item: VariableItem): boolean {\n  return !hasChildren(item)\n}\n\n/** 当前层级展示的列表（来源依模式而定） */\nconst currentList = computed<VariableItem[]>(() => {\n  const variables = props.variables ?? []\n  if (isFlat.value) return flatList.value\n  let level: VariableItem[] = variables\n  for (const node of navPath.value) {\n    const found = level.find((it) => it.value === node.value)\n    if (!found || !found.children) break\n    level = found.children\n  }\n  return level\n})\n\n/** 扁平模式下：根据 selectableLevels 拍平 + 过滤 */\nconst flatList = computed<FlatItem[]>(() => {\n  const variables = props.variables ?? []\n  const out: FlatItem[] = []\n  const includeBranches = props.selectableLevels === 'any'\n  function walk(items: VariableItem[], path: VariableItem[]) {\n    for (const it of items) {\n      const nextPath = [...path, it]\n      if (isLeaf(it)) {\n        out.push({ ...it, __path: nextPath })\n      } else {\n        if (includeBranches) out.push({ ...it, __path: nextPath })\n        walk(it.children!, nextPath)\n      }\n    }\n  }\n  walk(variables, [])\n  const q = props.filter.toLowerCase()\n  return out.filter((it) => it.label.toLowerCase().includes(q))\n})\n\n/** 当前 active 项；扁平模式下用于驱动路径预览 */\nconst activePath = computed<VariableItem[]>(() => {\n  if (!isFlat.value) return []\n  const item = flatList.value[activeIndex.value] as FlatItem | undefined\n  return item ? item.__path : []\n})\n\nfunction getItemCls(_item: VariableItem, idx: number) {\n  return [cls.e('item'), bem.is('active', idx === activeIndex.value)]\n}\n\nfunction navigateTo(i: number) {\n  // 0 = 全部变量；i 之后表示进入到 navPath[i-1]\n  navPath.value = navPath.value.slice(0, i)\n  activeIndex.value = 0\n}\n\nfunction handleItemClick(item: VariableItem, idx: number) {\n  activeIndex.value = idx\n  selectActive()\n}\n\nfunction selectActive() {\n  const item = currentList.value[activeIndex.value]\n  if (!item) return\n\n  if (isFlat.value) {\n    // 扁平模式始终是「选中并替换」\n    emit('select', flattenSourceFor(item))\n    return\n  }\n\n  // 逐级模式\n  if (hasChildren(item)) {\n    if (props.selectableLevels === 'any') {\n      // Enter 在分支项上：选中分支本身\n      emit('select', item)\n      return\n    }\n    // 默认 'leaf'：进入下一级\n    navPath.value = [...navPath.value, item]\n    activeIndex.value = 0\n    return\n  }\n  emit('select', item)\n}\n\nfunction flattenSourceFor(it: VariableItem): VariableItem {\n  const flat = it as FlatItem\n  // 还原为「不带 __path 的纯 VariableItem」，避免泄漏内部字段\n  const out: VariableItem = { value: flat.value, label: flat.label }\n  if (flat.type) out.type = flat.type\n  if (flat.children) out.children = flat.children\n  return out\n}\n\nfunction moveActive(delta: -1 | 1) {\n  const max = currentList.value.length - 1\n  if (max < 0) return\n  let next = activeIndex.value + delta\n  if (next < 0) next = 0\n  if (next > max) next = max\n  activeIndex.value = next\n  scrollActiveIntoView()\n}\n\nfunction scrollActiveIntoView() {\n  void nextTick(() => {\n    const list = document.querySelector(`.${cls.e('panel-list')}`)\n    if (!list) return\n    const item = list.querySelector(`[data-idx=\"${activeIndex.value}\"]`)\n    if (item && 'scrollIntoView' in item) {\n      ;(item as HTMLElement).scrollIntoView({ block: 'nearest' })\n    }\n  })\n}\n\nfunction handleVisibleChange(v: boolean) {\n  emit('update:visible', v)\n  if (!v) reset()\n}\n\nfunction reset() {\n  navPath.value = []\n  activeIndex.value = 0\n}\n\nwatch(\n  () => props.visible,\n  (v) => {\n    if (!v) reset()\n    else activeIndex.value = 0\n  }\n)\n\nwatch(\n  () => props.filter,\n  () => {\n    // 过滤词变化：重置 active；逐级 → 扁平时清空 navPath\n    activeIndex.value = 0\n    if (isFlat.value) navPath.value = []\n  }\n)\n\n/**\n * 由父级 forward 进来的键盘事件。\n * 返回 true 表示已处理（外部应 preventDefault）。\n */\nfunction handleKeydown(e: KeyboardEvent): boolean {\n  if (!props.visible) return false\n\n  switch (e.key) {\n    case 'Escape':\n      emit('dismiss')\n      emit('update:visible', false)\n      reset()\n      return true\n    case 'ArrowDown':\n      moveActive(1)\n      return true\n    case 'ArrowUp':\n      moveActive(-1)\n      return true\n    case 'ArrowLeft':\n      // 仅逐级模式：返回上一级；扁平模式下不拦截，让光标正常移动并触发 mention dismiss\n      if (!isFlat.value && navPath.value.length > 0) {\n        navPath.value = navPath.value.slice(0, -1)\n        activeIndex.value = 0\n        return true\n      }\n      return false\n    case 'ArrowRight': {\n      if (isFlat.value) return false\n      const item = currentList.value[activeIndex.value]\n      if (item && hasChildren(item)) {\n        navPath.value = [...navPath.value, item]\n        activeIndex.value = 0\n        return true\n      }\n      return false\n    }\n    case 'Enter':\n      selectActive()\n      return true\n    default:\n      return false\n  }\n}\n\ndefineExpose({ handleKeydown })\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"variable-picker.js","names":[],"sources":["../../../../src/components/expression-editor/components/variable-picker.vue"],"sourcesContent":["<template>\n  <u-tip\n    hide-arrow\n    alignment=\"start\"\n    direction=\"bottom\"\n    trigger=\"click\"\n    :trigger-dom=\"triggerDom\"\n    :visible=\"visible\"\n    @update:visible=\"handleVisibleChange($event)\"\n  >\n    <template #content>\n      <div ref=\"root\" :class=\"cls.e('picker')\" @mousedown.prevent>\n        <!-- 面包屑：仅逐级模式且非根级显示 -->\n        <div v-if=\"!isFlat && navPath.length > 0\" :class=\"cls.e('breadcrumbs')\">\n          <span :class=\"cls.e('breadcrumb-item')\">\n            <span :class=\"cls.e('breadcrumb-link')\" @click=\"navigateTo(0)\">全部变量</span>\n            <u-icon :class=\"cls.e('breadcrumb-separator')\">\n              <ArrowRight />\n            </u-icon>\n          </span>\n          <span\n            v-for=\"(crumb, i) in navPath\"\n            :key=\"`${i}-${crumb.value}`\"\n            :class=\"cls.e('breadcrumb-item')\"\n          >\n            <span\n              :class=\"[\n                cls.e('breadcrumb-link'),\n                { [cls.em('breadcrumb-link', 'active')]: i === navPath.length - 1 }\n              ]\"\n              @click=\"navigateTo(i + 1)\"\n              >{{ crumb.label }}</span\n            >\n            <u-icon v-if=\"i < navPath.length - 1\" :class=\"cls.e('breadcrumb-separator')\">\n              <ArrowRight />\n            </u-icon>\n          </span>\n        </div>\n\n        <div :class=\"cls.e('picker-body')\">\n          <div :class=\"cls.e('panel')\" v-if=\"currentList.length > 0\">\n            <u-scroll\n              ref=\"listScroll\"\n              tag=\"ul\"\n              :class=\"cls.e('panel-list')\"\n              :content-class=\"cls.e('panel-content')\"\n            >\n              <li\n                v-for=\"(item, idx) in currentList\"\n                :key=\"`${idx}-${item.value}`\"\n                :data-idx=\"idx\"\n                :class=\"getItemCls(item, idx)\"\n                @click=\"handleItemClick(item, idx)\"\n                @mouseenter=\"activeIndex = idx\"\n              >\n                <span :class=\"cls.e('item-label')\">{{ item.label }}</span>\n                <u-icon\n                  v-if=\"!isFlat && hasChildren(item)\"\n                  :class=\"cls.e('item-expand')\"\n                  title=\"展开下一级\"\n                  @click.stop=\"expandInto(item)\"\n                >\n                  <ArrowRight />\n                </u-icon>\n              </li>\n            </u-scroll>\n          </div>\n          <div v-else :class=\"cls.e('empty')\">\n            <UEmpty description=\"暂无可用变量\" />\n          </div>\n\n          <PathPreview v-if=\"isFlat && activePath.length > 0\" :path=\"activePath\" />\n        </div>\n\n        <div v-if=\"currentList.length > 0\" :class=\"cls.e('picker-hint')\">\n          <template v-if=\"isFlat\">\n            <span><kbd>↑</kbd><kbd>↓</kbd> 选择</span>\n            <span><kbd>Enter</kbd> 确认</span>\n            <span><kbd>Esc</kbd> 关闭</span>\n          </template>\n          <template v-else>\n            <span><kbd>↑</kbd><kbd>↓</kbd> 选择</span>\n            <span><kbd>→</kbd> 展开</span>\n            <span><kbd>←</kbd> 返回</span>\n            <span><kbd>Enter</kbd> 确认</span>\n            <span><kbd>Esc</kbd> 关闭</span>\n          </template>\n        </div>\n      </div>\n    </template>\n  </u-tip>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, nextTick, ref, useTemplateRef, watch } from 'vue'\n\nimport type { VariableItem } from '../../../types'\nimport { UEmpty } from '../../empty'\nimport { UIcon } from '../../icon'\nimport { UScroll } from '../../scroll'\nimport { UTip } from '../../tip'\nimport PathPreview from './path-preview.vue'\n\ndefineOptions({ name: 'UVariablePicker' })\n\ninterface FlatItem extends VariableItem {\n  /** 仅扁平模式使用：从根到当前节点的路径 */\n  __path: VariableItem[]\n}\n\nconst props = defineProps<{\n  visible: boolean\n  triggerDom?: HTMLElement\n  /** 顶层变量树 */\n  variables?: VariableItem[]\n  /** 来自编辑器 mention 状态的过滤字符串。空 = 逐级模式；非空 = 扁平模式。 */\n  filter: string\n  /** 是否允许选中分支节点 */\n  selectableLevels: 'leaf' | 'any'\n}>()\n\nconst emit = defineEmits<{\n  (e: 'select', item: VariableItem): void\n  (e: 'update:visible', visible: boolean): void\n  /** 用户主动取消（按 Esc）。编辑器据此把 mention 状态置为 dismissed。 */\n  (e: 'dismiss'): void\n}>()\n\nconst cls = bem('expression-editor')\n\nconst navPath = ref<VariableItem[]>([])\nconst activeIndex = ref(0)\nconst root = useTemplateRef('root')\nconst listScroll = useTemplateRef<InstanceType<typeof UScroll>>('listScroll')\n\nconst isFlat = computed(() => props.filter !== '')\n\nfunction hasChildren(item: VariableItem): boolean {\n  return !!item.children && item.children.length > 0\n}\n\nfunction isLeaf(item: VariableItem): boolean {\n  return !hasChildren(item)\n}\n\n/** 当前层级展示的列表（来源依模式而定） */\nconst currentList = computed<VariableItem[]>(() => {\n  const variables = props.variables ?? []\n  if (isFlat.value) return flatList.value\n  let level: VariableItem[] = variables\n  for (const node of navPath.value) {\n    const found = level.find((it) => it.value === node.value)\n    if (!found || !found.children) break\n    level = found.children\n  }\n  return level\n})\n\n/** 扁平模式下：根据 selectableLevels 拍平 + 过滤 */\nconst flatList = computed<FlatItem[]>(() => {\n  const variables = props.variables ?? []\n  const out: FlatItem[] = []\n  const includeBranches = props.selectableLevels === 'any'\n  function walk(items: VariableItem[], path: VariableItem[]) {\n    for (const it of items) {\n      const nextPath = [...path, it]\n      if (isLeaf(it)) {\n        out.push({ ...it, __path: nextPath })\n      } else {\n        if (includeBranches) out.push({ ...it, __path: nextPath })\n        walk(it.children!, nextPath)\n      }\n    }\n  }\n  walk(variables, [])\n  const q = props.filter.toLowerCase()\n  return out.filter((it) => it.label.toLowerCase().includes(q))\n})\n\n/** 当前 active 项；扁平模式下用于驱动路径预览 */\nconst activePath = computed<VariableItem[]>(() => {\n  if (!isFlat.value) return []\n  const item = flatList.value[activeIndex.value] as FlatItem | undefined\n  return item ? item.__path : []\n})\n\nfunction getItemCls(_item: VariableItem, idx: number) {\n  return [cls.e('item'), bem.is('active', idx === activeIndex.value)]\n}\n\nfunction navigateTo(i: number) {\n  // 0 = 全部变量；i 之后表示进入到 navPath[i-1]\n  navPath.value = navPath.value.slice(0, i)\n  activeIndex.value = 0\n}\n\nfunction handleItemClick(item: VariableItem, idx: number) {\n  activeIndex.value = idx\n  selectActive()\n}\n\nfunction selectActive() {\n  const item = currentList.value[activeIndex.value]\n  if (!item) return\n\n  if (isFlat.value) {\n    // 扁平模式始终是「选中并替换」\n    emit('select', flattenSourceFor(item))\n    return\n  }\n\n  // 逐级模式\n  if (hasChildren(item)) {\n    if (props.selectableLevels === 'any') {\n      // Enter 在分支项上：选中分支本身\n      emit('select', item)\n      return\n    }\n    // 默认 'leaf'：进入下一级\n    expandInto(item)\n    return\n  }\n  emit('select', item)\n}\n\n/** 进入 item 的下一级（点击展开图标 / leaf 模式点击分支项共用） */\nfunction expandInto(item: VariableItem) {\n  if (!hasChildren(item)) return\n  navPath.value = [...navPath.value, item]\n  activeIndex.value = 0\n}\n\nfunction flattenSourceFor(it: VariableItem): VariableItem {\n  const flat = it as FlatItem\n  // 还原为「不带 __path 的纯 VariableItem」，避免泄漏内部字段\n  const out: VariableItem = { value: flat.value, label: flat.label }\n  if (flat.type) out.type = flat.type\n  if (flat.children) out.children = flat.children\n  return out\n}\n\nfunction moveActive(delta: -1 | 1) {\n  const max = currentList.value.length - 1\n  if (max < 0) return\n  let next = activeIndex.value + delta\n  if (next < 0) next = 0\n  if (next > max) next = max\n  activeIndex.value = next\n  scrollActiveIntoView()\n}\n\nfunction scrollActiveIntoView() {\n  void nextTick(() => {\n    // 在面板根节点内查找，避免同页多个编辑器时滚错列表\n    const item = root.value?.querySelector(`[data-idx=\"${activeIndex.value}\"]`)\n    // expose 代理运行时会解包 ref，类型上按 unknown 收窄\n    const scroller = listScroll.value?.containerRef as unknown\n    if (!(item instanceof HTMLElement) || !(scroller instanceof HTMLElement)) return\n    // 只滚面板列表自身：原生 scrollIntoView 会沿所有滚动祖先链滚动，\n    // 面板贴近视口边缘时会连带滚动页面，导致面板与触发器错位抖动\n    const top =\n      item.getBoundingClientRect().top - scroller.getBoundingClientRect().top + scroller.scrollTop\n    const bottom = top + item.offsetHeight\n    if (top < scroller.scrollTop) {\n      scroller.scrollTop = top\n    } else if (bottom > scroller.scrollTop + scroller.clientHeight) {\n      scroller.scrollTop = bottom - scroller.clientHeight\n    }\n  })\n}\n\nfunction handleVisibleChange(v: boolean) {\n  emit('update:visible', v)\n  if (!v) reset()\n}\n\nfunction reset() {\n  navPath.value = []\n  activeIndex.value = 0\n}\n\nwatch(\n  () => props.visible,\n  (v) => {\n    if (!v) reset()\n    else activeIndex.value = 0\n  }\n)\n\nwatch(\n  () => props.filter,\n  () => {\n    // 过滤词变化：重置 active；逐级 → 扁平时清空 navPath\n    activeIndex.value = 0\n    if (isFlat.value) navPath.value = []\n  }\n)\n\n/**\n * 由父级 forward 进来的键盘事件。\n * 返回 true 表示已处理（外部应 preventDefault）。\n */\nfunction handleKeydown(e: KeyboardEvent): boolean {\n  if (!props.visible) return false\n\n  switch (e.key) {\n    case 'Escape':\n      emit('dismiss')\n      emit('update:visible', false)\n      reset()\n      return true\n    case 'ArrowDown':\n      moveActive(1)\n      return true\n    case 'ArrowUp':\n      moveActive(-1)\n      return true\n    case 'ArrowLeft':\n      // 仅逐级模式：返回上一级；扁平模式下不拦截，让光标正常移动并触发 mention dismiss\n      if (!isFlat.value && navPath.value.length > 0) {\n        navPath.value = navPath.value.slice(0, -1)\n        activeIndex.value = 0\n        return true\n      }\n      return false\n    case 'ArrowRight': {\n      if (isFlat.value) return false\n      const item = currentList.value[activeIndex.value]\n      if (item && hasChildren(item)) {\n        expandInto(item)\n        return true\n      }\n      return false\n    }\n    case 'Enter':\n      selectActive()\n      return true\n    default:\n      return false\n  }\n}\n\ndefineExpose({ handleKeydown })\n</script>\n"],"mappings":"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"}

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

@@ -2,16 +2,10 @@
 const CHIP_DATA_SEG = "var";
 const CHIP_VALUE_ATTR = "data-value";
 const CHIP_TYPE_ATTR = "data-var-type";
-const CHIP_CLOSE_ATTR = "data-chip-close";
 /** 判断一个 DOM 节点是否为 chip 元素（var 段渲染体） */
 function isChipElement(node) {
 	return !!node && node.nodeType === 1 && node.getAttribute("data-seg") === CHIP_DATA_SEG;
 }
-/** 判断点击目标是否落在 × 删除区。 */
-function isCloseTarget(target) {
-	if (!(target instanceof Element)) return false;
-	return !!target.closest(`[${CHIP_CLOSE_ATTR}]`);
-}
 /** 从给定 segment 创建一个 chip 元素（var 段渲染体）。 */
 function createChip(segment, opts) {
 	const { cls } = opts;
@@ -25,19 +19,11 @@ function createChip(segment, opts) {
 	const label = document.createElement("span");
 	label.className = cls.e("chip-label");
 	label.textContent = segment.type ? `${segment.label} (${segment.type})` : segment.label;
-	const close = document.createElement("span");
-	close.className = cls.e("chip-close");
-	close.setAttribute(CHIP_CLOSE_ATTR, "true");
-	close.setAttribute("aria-label", "删除");
-	close.setAttribute("role", "button");
-	close.textContent = "×";
 	chip.appendChild(label);
-	chip.appendChild(close);
 	chip.addEventListener("mousedown", (e) => {
 		e.preventDefault();
 		e.stopPropagation();
-		if (isCloseTarget(e.target)) opts.onRemove(chip);
-		else opts.onReselect(chip);
+		opts.onReselect(chip);
 	});
 	return chip;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"chip.js","names":[],"sources":["../../../../src/components/expression-editor/core/chip.ts"],"sourcesContent":["import type { BEM } from '@veltra/utils'\n\nimport type { Segment } from './model'\n\nexport interface ChipDeps {\n  cls: BEM<'expression-editor'>\n}\n\nexport interface ChipFactoryOptions extends ChipDeps {\n  /**\n   * 当用户点击 chip 主体（不是 ×）时回调，由调用方决定如何打开重选面板。\n   * 收到的 chipEl 当前在 DOM 中的位置即为重选锚点。\n   */\n  onReselect: (chipEl: HTMLElement) => void\n  /** 当用户点击 × 时回调，调用方应将该 chip 从模型 / DOM 中移除。 */\n  onRemove: (chipEl: HTMLElement) => void\n}\n\nconst CHIP_DATA_SEG = 'var'\nconst CHIP_VALUE_ATTR = 'data-value'\nconst CHIP_TYPE_ATTR = 'data-var-type'\nconst CHIP_CLOSE_ATTR = 'data-chip-close'\n\n/** 判断一个 DOM 节点是否为 chip 元素（var 段渲染体） */\nexport function isChipElement(node: Node | null): node is HTMLElement {\n  return (\n    !!node &&\n    node.nodeType === 1 &&\n    (node as HTMLElement).getAttribute('data-seg') === CHIP_DATA_SEG\n  )\n}\n\n/** 判断点击目标是否落在 × 删除区。 */\nfunction isCloseTarget(target: EventTarget | null): boolean {\n  if (!(target instanceof Element)) return false\n  return !!target.closest(`[${CHIP_CLOSE_ATTR}]`)\n}\n\n/** 从给定 segment 创建一个 chip 元素（var 段渲染体）。 */\nexport function createChip(\n  segment: Extract<Segment, { kind: 'var' }>,\n  opts: ChipFactoryOptions\n): HTMLElement {\n  const { cls } = opts\n\n  const chip = document.createElement('span')\n  chip.setAttribute('data-seg', CHIP_DATA_SEG)\n  chip.setAttribute(CHIP_VALUE_ATTR, segment.value)\n  if (segment.type) chip.setAttribute(CHIP_TYPE_ATTR, segment.type)\n  chip.setAttribute('contenteditable', 'false')\n  chip.className = cls.e('chip')\n  chip.title = segment.label\n\n  const label = document.createElement('span')\n  label.className = cls.e('chip-label')\n  label.textContent = segment.type ? `${segment.label} (${segment.type})` : segment.label\n\n  const close = document.createElement('span')\n  close.className = cls.e('chip-close')\n  close.setAttribute(CHIP_CLOSE_ATTR, 'true')\n  close.setAttribute('aria-label', '删除')\n  close.setAttribute('role', 'button')\n  close.textContent = '×'\n\n  chip.appendChild(label)\n  chip.appendChild(close)\n\n  chip.addEventListener('mousedown', (e) => {\n    e.preventDefault()\n    // 阻止冒泡：避免宿主弹框（如 dialog）的 mousedown 层级提升逻辑把 chip 打开的重选面板盖住\n    e.stopPropagation()\n    if (isCloseTarget(e.target)) {\n      opts.onRemove(chip)\n    } else {\n      opts.onReselect(chip)\n    }\n  })\n\n  return chip\n}\n\n/** 读取 chip 元素绑定的变量 value。 */\nexport function readChipValue(el: HTMLElement): string {\n  return el.getAttribute(CHIP_VALUE_ATTR) ?? ''\n}\n\n/** 读取 chip 元素绑定的可选 type。 */\nexport function readChipType(el: HTMLElement): string | undefined {\n  return el.getAttribute(CHIP_TYPE_ATTR) ?? undefined\n}\n\n/** 在 chip 上设置 / 取消选中（焦点）样式。 */\nexport function setChipFocused(el: HTMLElement, focused: boolean): void {\n  el.classList.toggle('is-focused', focused)\n}\n\n/** 测试支持：暴露用于 DOM 选择器的属性常量。 */\nexport const ChipAttrs = {\n  seg: 'data-seg',\n  value: CHIP_VALUE_ATTR,\n  type: CHIP_TYPE_ATTR,\n  close: CHIP_CLOSE_ATTR\n} as const\n"],"mappings":";AAkBA,MAAM,gBAAgB;AACtB,MAAM,kBAAkB;AACxB,MAAM,iBAAiB;AACvB,MAAM,kBAAkB;;AAGxB,SAAgB,cAAc,MAAwC;CACpE,OACE,CAAC,CAAC,QACF,KAAK,aAAa,KACjB,KAAqB,aAAa,UAAU,MAAM;AAEvD;;AAGA,SAAS,cAAc,QAAqC;CAC1D,IAAI,EAAE,kBAAkB,UAAU,OAAO;CACzC,OAAO,CAAC,CAAC,OAAO,QAAQ,IAAI,gBAAgB,EAAE;AAChD;;AAGA,SAAgB,WACd,SACA,MACa;CACb,MAAM,EAAE,QAAQ;CAEhB,MAAM,OAAO,SAAS,cAAc,MAAM;CAC1C,KAAK,aAAa,YAAY,aAAa;CAC3C,KAAK,aAAa,iBAAiB,QAAQ,KAAK;CAChD,IAAI,QAAQ,MAAM,KAAK,aAAa,gBAAgB,QAAQ,IAAI;CAChE,KAAK,aAAa,mBAAmB,OAAO;CAC5C,KAAK,YAAY,IAAI,EAAE,MAAM;CAC7B,KAAK,QAAQ,QAAQ;CAErB,MAAM,QAAQ,SAAS,cAAc,MAAM;CAC3C,MAAM,YAAY,IAAI,EAAE,YAAY;CACpC,MAAM,cAAc,QAAQ,OAAO,GAAG,QAAQ,MAAM,IAAI,QAAQ,KAAK,KAAK,QAAQ;CAElF,MAAM,QAAQ,SAAS,cAAc,MAAM;CAC3C,MAAM,YAAY,IAAI,EAAE,YAAY;CACpC,MAAM,aAAa,iBAAiB,MAAM;CAC1C,MAAM,aAAa,cAAc,IAAI;CACrC,MAAM,aAAa,QAAQ,QAAQ;CACnC,MAAM,cAAc;CAEpB,KAAK,YAAY,KAAK;CACtB,KAAK,YAAY,KAAK;CAEtB,KAAK,iBAAiB,cAAc,MAAM;EACxC,EAAE,eAAe;EAEjB,EAAE,gBAAgB;EAClB,IAAI,cAAc,EAAE,MAAM,GACxB,KAAK,SAAS,IAAI;OAElB,KAAK,WAAW,IAAI;CAExB,CAAC;CAED,OAAO;AACT;;AAGA,SAAgB,cAAc,IAAyB;CACrD,OAAO,GAAG,aAAa,eAAe,KAAK;AAC7C;;AAGA,SAAgB,aAAa,IAAqC;CAChE,OAAO,GAAG,aAAa,cAAc,KAAK,KAAA;AAC5C"}
+{"version":3,"file":"chip.js","names":[],"sources":["../../../../src/components/expression-editor/core/chip.ts"],"sourcesContent":["import type { BEM } from '@veltra/utils'\n\nimport type { Segment } from './model'\n\nexport interface ChipDeps {\n  cls: BEM<'expression-editor'>\n}\n\nexport interface ChipFactoryOptions extends ChipDeps {\n  /**\n   * 当用户点击 chip 主体时回调，由调用方决定如何打开重选面板。\n   * 收到的 chipEl 当前在 DOM 中的位置即为重选锚点。\n   */\n  onReselect: (chipEl: HTMLElement) => void\n}\n\nconst CHIP_DATA_SEG = 'var'\nconst CHIP_VALUE_ATTR = 'data-value'\nconst CHIP_TYPE_ATTR = 'data-var-type'\n\n/** 判断一个 DOM 节点是否为 chip 元素（var 段渲染体） */\nexport function isChipElement(node: Node | null): node is HTMLElement {\n  return (\n    !!node &&\n    node.nodeType === 1 &&\n    (node as HTMLElement).getAttribute('data-seg') === CHIP_DATA_SEG\n  )\n}\n\n/** 从给定 segment 创建一个 chip 元素（var 段渲染体）。 */\nexport function createChip(\n  segment: Extract<Segment, { kind: 'var' }>,\n  opts: ChipFactoryOptions\n): HTMLElement {\n  const { cls } = opts\n\n  const chip = document.createElement('span')\n  chip.setAttribute('data-seg', CHIP_DATA_SEG)\n  chip.setAttribute(CHIP_VALUE_ATTR, segment.value)\n  if (segment.type) chip.setAttribute(CHIP_TYPE_ATTR, segment.type)\n  chip.setAttribute('contenteditable', 'false')\n  chip.className = cls.e('chip')\n  chip.title = segment.label\n\n  const label = document.createElement('span')\n  label.className = cls.e('chip-label')\n  label.textContent = segment.type ? `${segment.label} (${segment.type})` : segment.label\n\n  chip.appendChild(label)\n\n  chip.addEventListener('mousedown', (e) => {\n    e.preventDefault()\n    // 阻止冒泡：避免宿主弹框（如 dialog）的 mousedown 层级提升逻辑把 chip 打开的重选面板盖住\n    e.stopPropagation()\n    opts.onReselect(chip)\n  })\n\n  return chip\n}\n\n/** 读取 chip 元素绑定的变量 value。 */\nexport function readChipValue(el: HTMLElement): string {\n  return el.getAttribute(CHIP_VALUE_ATTR) ?? ''\n}\n\n/** 读取 chip 元素绑定的可选 type。 */\nexport function readChipType(el: HTMLElement): string | undefined {\n  return el.getAttribute(CHIP_TYPE_ATTR) ?? undefined\n}\n\n/** 在 chip 上设置 / 取消选中（焦点）样式。 */\nexport function setChipFocused(el: HTMLElement, focused: boolean): void {\n  el.classList.toggle('is-focused', focused)\n}\n\n/** 测试支持：暴露用于 DOM 选择器的属性常量。 */\nexport const ChipAttrs = { seg: 'data-seg', value: CHIP_VALUE_ATTR, type: CHIP_TYPE_ATTR } as const\n"],"mappings":";AAgBA,MAAM,gBAAgB;AACtB,MAAM,kBAAkB;AACxB,MAAM,iBAAiB;;AAGvB,SAAgB,cAAc,MAAwC;CACpE,OACE,CAAC,CAAC,QACF,KAAK,aAAa,KACjB,KAAqB,aAAa,UAAU,MAAM;AAEvD;;AAGA,SAAgB,WACd,SACA,MACa;CACb,MAAM,EAAE,QAAQ;CAEhB,MAAM,OAAO,SAAS,cAAc,MAAM;CAC1C,KAAK,aAAa,YAAY,aAAa;CAC3C,KAAK,aAAa,iBAAiB,QAAQ,KAAK;CAChD,IAAI,QAAQ,MAAM,KAAK,aAAa,gBAAgB,QAAQ,IAAI;CAChE,KAAK,aAAa,mBAAmB,OAAO;CAC5C,KAAK,YAAY,IAAI,EAAE,MAAM;CAC7B,KAAK,QAAQ,QAAQ;CAErB,MAAM,QAAQ,SAAS,cAAc,MAAM;CAC3C,MAAM,YAAY,IAAI,EAAE,YAAY;CACpC,MAAM,cAAc,QAAQ,OAAO,GAAG,QAAQ,MAAM,IAAI,QAAQ,KAAK,KAAK,QAAQ;CAElF,KAAK,YAAY,KAAK;CAEtB,KAAK,iBAAiB,cAAc,MAAM;EACxC,EAAE,eAAe;EAEjB,EAAE,gBAAgB;EAClB,KAAK,WAAW,IAAI;CACtB,CAAC;CAED,OAAO;AACT;;AAGA,SAAgB,cAAc,IAAyB;CACrD,OAAO,GAAG,aAAa,eAAe,KAAK;AAC7C;;AAGA,SAAgB,aAAa,IAAqC;CAChE,OAAO,GAAG,aAAa,cAAc,KAAK,KAAA;AAC5C"}

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

@@ -27,14 +27,6 @@ function createEditor(opts) {
 					segIndex,
 					chipOffset
 				});
-			},
-			onRemove: (chipEl) => {
-				const { segIndex } = locateChip(chipEl);
-				if (segIndex < 0) return;
-				opts.onChipRemove?.({
-					chipEl,
-					segIndex
-				});
 			}
 		});
 	}
@@ -238,6 +230,25 @@ function createEditor(opts) {
 		}
 		return null;
 	}
+	function getRectAtOffset(offset) {
+		let pos = 0;
+		for (const child of Array.from(opts.container.childNodes)) {
+			const len = childSerialLength(child);
+			if (offset >= pos && offset < pos + len) {
+				if (isChipElement(child)) return child.getBoundingClientRect();
+				const textNode = firstTextDescendant(child);
+				if (!textNode) return child.getBoundingClientRect();
+				const local = Math.min(offset - pos, textNode.data.length);
+				const range = document.createRange();
+				range.setStart(textNode, local);
+				range.setEnd(textNode, Math.min(local + 1, textNode.data.length));
+				const rects = range.getClientRects();
+				return rects.length > 0 ? rects[0] : child.getBoundingClientRect();
+			}
+			pos += len;
+		}
+		return null;
+	}
 	/** input 后：从 DOM 反推 doc，并触发 onChange（如有变化）。 */
 	function syncFromDOM() {
 		if (composing) return;
@@ -324,15 +335,6 @@ function createEditor(opts) {
 		]));
 		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;
@@ -405,8 +407,8 @@ function createEditor(opts) {
 		},
 		getCaretOffset,
 		setCaretOffset: setCaret,
+		getRectAtOffset,
 		replaceRangeWithVar,
-		removeVarAt,
 		replaceVarAt,
 		rerender: () => render(),
 		dispose: () => {

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

@@ -1 +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 (composing) return\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":"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"}
+{"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}\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   * 取序列化偏移处字符的视口矩形（mention 锚点定位用）。\n   * 偏移落在 text 段上返回该字符矩形；落在 chip 上返回 chip 元素矩形；越界返回 null。\n   */\n  getRectAtOffset(offset: number): DOMRect | null\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  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    })\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  function getRectAtOffset(offset: number): DOMRect | null {\n    let pos = 0\n    for (const child of Array.from(opts.container.childNodes)) {\n      const len = childSerialLength(child)\n      if (offset >= pos && offset < pos + len) {\n        if (isChipElement(child)) return (child as HTMLElement).getBoundingClientRect()\n        const textNode = firstTextDescendant(child)\n        if (!textNode) return (child as HTMLElement).getBoundingClientRect()\n        const local = Math.min(offset - pos, textNode.data.length)\n        const range = document.createRange()\n        range.setStart(textNode, local)\n        range.setEnd(textNode, Math.min(local + 1, textNode.data.length))\n        const rects = range.getClientRects()\n        return rects.length > 0\n          ? (rects[0] as DOMRect)\n          : (child as HTMLElement).getBoundingClientRect()\n      }\n      pos += len\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 (composing) return\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 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    getRectAtOffset,\n    replaceRangeWithVar,\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":"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"}

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

@@ -3,7 +3,7 @@ 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 { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, onBeforeUnmount, onMounted, openBlock, shallowRef, toDisplayString, unref, useTemplateRef, watch } from "vue";
 import { useFormFallbackProps } from "@veltra/compositions";
 import { bem, injectFormContext } from "@veltra/utils";
 //#region src/components/expression-editor/expression-editor.vue
@@ -37,10 +37,13 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const { formProps } = injectFormContext();
 		const { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props]);
 		const containerRef = useTemplateRef("container");
+		const rootElRef = useTemplateRef("rootEl");
+		const mentionAnchorRef = useTemplateRef("mentionAnchor");
 		const pickerRef = useTemplateRef("pickerRef");
-		const className = computed(() => [
-			cls.b,
-			cls.m(size.value),
+		/** 视觉盒（边框 / 背景 / 聚焦光晕 / 尺寸态）挂在 shell 上，根节点只做布局 */
+		const shellClass = computed(() => [
+			cls.e("shell"),
+			cls.em("shell", size.value),
 			bem.is("disabled", disabled.value),
 			bem.is("readonly", readonly.value)
 		]);
@@ -50,11 +53,22 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const currentDoc = shallowRef([]);
 		const isEmpty = computed(() => currentDoc.value.length === 0);
 		const showPlaceholder = computed(() => isEmpty.value && !disabled.value);
+		const showHint = computed(() => isEmpty.value && !disabled.value && !readonly.value);
 		const pickerMode = shallowRef(null);
 		const pickerTriggerDom = shallowRef(void 0);
 		const reselectingSegIdx = shallowRef(null);
 		const pickerFilter = shallowRef("");
 		const pickerVisible = computed(() => pickerMode.value !== null);
+		/** 把 mention 锚点移到 `@` 字符下方，面板据此定位 */
+		function positionMentionAnchor(anchorOffset) {
+			const rootEl = rootElRef.value;
+			const anchor = mentionAnchorRef.value;
+			const rect = editorRef.value?.getRectAtOffset(anchorOffset);
+			if (!rootEl || !anchor || !rect) return;
+			const rootRect = rootEl.getBoundingClientRect();
+			anchor.style.left = `${rect.left - rootRect.left - rootEl.clientLeft}px`;
+			anchor.style.top = `${rect.bottom - rootRect.top - rootEl.clientTop}px`;
+		}
 		function syncMention() {
 			const editor = editorRef.value;
 			if (!editor) return;
@@ -64,7 +78,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			if (state) {
 				pickerMode.value = "mention";
 				pickerFilter.value = state.filter;
-				pickerTriggerDom.value = containerRef.value ?? void 0;
+				positionMentionAnchor(state.anchorOffset);
+				pickerTriggerDom.value = mentionAnchorRef.value ?? containerRef.value ?? void 0;
 			} else if (pickerMode.value === "mention") closePicker();
 		}
 		function closePicker() {
@@ -97,10 +112,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					pickerFilter.value = "";
 					pickerTriggerDom.value = chipEl;
 					reselectingSegIdx.value = segIndex;
-				},
-				onChipRemove: ({ segIndex }) => {
-					if (disabled.value || readonly.value) return;
-					editor.removeVarAt(segIndex);
+					containerRef.value?.focus();
 				}
 			});
 			editorRef.value = editor;
@@ -180,20 +192,39 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			}
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(className.value) }, [
-				createElementVNode("div", {
-					ref: "container",
-					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", {
+			return openBlock(), createElementBlock("div", {
+				ref: "rootEl",
+				class: normalizeClass(unref(cls).b)
+			}, [
+				createCommentVNode(" 提示行独立在边框盒（shell）之外 "),
+				showHint.value ? (openBlock(), createElementBlock("div", {
 					key: 0,
-					class: normalizeClass(unref(cls).e("placeholder"))
-				}, toDisplayString(props.placeholder), 3)) : createCommentVNode("v-if", true),
+					class: normalizeClass(unref(cls).e("hint"))
+				}, [..._cache[0] || (_cache[0] = [
+					createTextVNode("输入 ", -1),
+					createElementVNode("kbd", null, "@", -1),
+					createTextVNode(" 唤起变量面板", -1)
+				])], 2)) : createCommentVNode("v-if", true),
+				createElementVNode("div", { class: normalizeClass(shellClass.value) }, [
+					createElementVNode("div", { class: normalizeClass(unref(cls).e("body")) }, [createElementVNode("div", {
+						ref: "container",
+						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: 0,
+						class: normalizeClass(unref(cls).e("placeholder"))
+					}, toDisplayString(props.placeholder), 3)) : createCommentVNode("v-if", true)], 2),
+					createCommentVNode(" mention 面板的定位锚点：跟随 `@` 字符位置（见 positionMentionAnchor） "),
+					createElementVNode("span", {
+						ref: "mentionAnchor",
+						class: normalizeClass(unref(cls).e("mention-anchor")),
+						"aria-hidden": "true"
+					}, null, 2)
+				], 2),
 				createVNode(_sfc_main$1, {
 					ref_key: "pickerRef",
 					ref: pickerRef,