@veltra/desktop 1.8.0 → 1.8.2

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

@@ -13,8 +13,14 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		fields: { default: () => [] },
 		variables: {},
 		size: {},
-		disabled: { type: Boolean },
-		readonly: { type: Boolean }
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		readonly: {
+			type: Boolean,
+			default: void 0
+		}
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {

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

@@ -1 +1 @@
-{"version":3,"file":"condition-editor.js","names":[],"sources":["../../../src/components/condition-editor/condition-editor.vue"],"sourcesContent":["<template>\n  <div :class=\"className\" @keydown=\"onKeydown\">\n    <ConditionGroup\n      :group=\"rootGroup\"\n      :fields=\"props.fields\"\n      :size=\"size\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n      @update:group=\"onGroupUpdate\"\n      @mention=\"onMention\"\n    />\n\n    <VariablePicker\n      ref=\"pickerRef\"\n      :visible=\"pickerVisible\"\n      :trigger-dom=\"pickerTriggerDom\"\n      :variables=\"props.variables\"\n      :filter=\"pickerFilter\"\n      :selectable-levels=\"'leaf'\"\n      @select=\"onPickerSelect\"\n      @dismiss=\"onPickerDismiss\"\n      @update:visible=\"onPickerVisibleChange\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem, injectFormContext } from '@veltra/utils'\nimport { computed, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport type { ConditionEditorProps, ConditionExpression } from '../../types'\nimport VariablePicker from '../expression-editor/components/variable-picker.vue'\nimport ConditionGroup from './components/condition-group.vue'\nimport type { MentionPayload } from './components/condition-row.vue'\nimport { createEmptyGroup } from './core/evaluator'\n\ndefineOptions({ name: 'UConditionEditor' })\n\nconst props = withDefaults(defineProps<ConditionEditorProps>(), { fields: () => [] })\n\nconst emit = defineEmits<{ (e: 'update:modelValue', value: ConditionExpression): void }>()\n\nconst cls = bem('condition-editor')\nconst { formProps } = injectFormContext()\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\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 rootGroup = shallowRef<ConditionExpression>(\n  props.modelValue ? clone(props.modelValue) : createEmptyGroup()\n)\n\nfunction clone<T>(v: T): T {\n  return JSON.parse(JSON.stringify(v)) as T\n}\n\nfunction onGroupUpdate(group: ConditionExpression) {\n  rootGroup.value = group\n  emit('update:modelValue', clone(group))\n}\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (!v) {\n      rootGroup.value = createEmptyGroup()\n      return\n    }\n    if (JSON.stringify(v) === JSON.stringify(rootGroup.value)) return\n    rootGroup.value = clone(v)\n  }\n)\n\n// ── VariablePicker ──\n\nconst pickerRef = useTemplateRef<{ handleKeydown: (e: KeyboardEvent) => boolean }>('pickerRef')\nconst pickerVisible = shallowRef(false)\nconst pickerTriggerDom = shallowRef<HTMLElement | undefined>(undefined)\nconst pickerFilter = shallowRef('')\nconst mentionTarget = shallowRef<MentionPayload | null>(null)\n\nfunction onMention(payload: MentionPayload) {\n  if (disabled.value || readonly.value) return\n  mentionTarget.value = payload\n  pickerTriggerDom.value = payload.triggerDom\n  pickerFilter.value = ''\n  pickerVisible.value = true\n}\n\nfunction onPickerSelect(item: { label: string; value: string }) {\n  mentionTarget.value?.setValue({ kind: 'variable', name: item.value })\n  pickerVisible.value = false\n  mentionTarget.value = null\n}\n\nfunction onPickerDismiss() {\n  pickerVisible.value = false\n  mentionTarget.value = null\n}\n\nfunction onPickerVisibleChange(v: boolean) {\n  if (!v) {\n    pickerVisible.value = false\n    mentionTarget.value = null\n  }\n}\n\nfunction onKeydown(e: KeyboardEvent) {\n  if (disabled.value || readonly.value) return\n  if (pickerVisible.value) {\n    const handled = pickerRef.value?.handleKeydown(e)\n    if (handled) {\n      e.preventDefault()\n    }\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAuCA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,kBAAkB;EAClC,MAAM,EAAE,cAAc,kBAAkB;EACxC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC;EAElF,MAAM,YAAY,eAAe;GAC/B,IAAI;GACJ,IAAI,EAAE,KAAK,KAAK;GAChB,IAAI,GAAG,YAAY,SAAS,KAAK;GACjC,IAAI,GAAG,YAAY,SAAS,KAAK;EACnC,CAAC;EAED,MAAM,YAAY,WAChB,MAAM,aAAa,MAAM,MAAM,UAAU,IAAI,iBAAiB,CAChE;EAEA,SAAS,MAAS,GAAS;GACzB,OAAO,KAAK,MAAM,KAAK,UAAU,CAAC,CAAC;EACrC;EAEA,SAAS,cAAc,OAA4B;GACjD,UAAU,QAAQ;GAClB,KAAK,qBAAqB,MAAM,KAAK,CAAC;EACxC;EAEA,YACQ,MAAM,aACX,MAAM;GACL,IAAI,CAAC,GAAG;IACN,UAAU,QAAQ,iBAAiB;IACnC;GACF;GACA,IAAI,KAAK,UAAU,CAAC,MAAM,KAAK,UAAU,UAAU,KAAK,GAAG;GAC3D,UAAU,QAAQ,MAAM,CAAC;EAC3B,CACF;EAIA,MAAM,YAAY,eAAiE,WAAW;EAC9F,MAAM,gBAAgB,WAAW,KAAK;EACtC,MAAM,mBAAmB,WAAoC,KAAA,CAAS;EACtE,MAAM,eAAe,WAAW,EAAE;EAClC,MAAM,gBAAgB,WAAkC,IAAI;EAE5D,SAAS,UAAU,SAAyB;GAC1C,IAAI,SAAS,SAAS,SAAS,OAAO;GACtC,cAAc,QAAQ;GACtB,iBAAiB,QAAQ,QAAQ;GACjC,aAAa,QAAQ;GACrB,cAAc,QAAQ;EACxB;EAEA,SAAS,eAAe,MAAwC;GAC9D,cAAc,OAAO,SAAS;IAAE,MAAM;IAAY,MAAM,KAAK;GAAM,CAAC;GACpE,cAAc,QAAQ;GACtB,cAAc,QAAQ;EACxB;EAEA,SAAS,kBAAkB;GACzB,cAAc,QAAQ;GACtB,cAAc,QAAQ;EACxB;EAEA,SAAS,sBAAsB,GAAY;GACzC,IAAI,CAAC,GAAG;IACN,cAAc,QAAQ;IACtB,cAAc,QAAQ;GACxB;EACF;EAEA,SAAS,UAAU,GAAkB;GACnC,IAAI,SAAS,SAAS,SAAS,OAAO;GACtC,IAAI,cAAc,OACA;QAAA,UAAU,OAAO,cAAc,CAAC,GAE9C,EAAE,eAAe;GAAA;EAGvB;;GAxHE,OAAA,UAAA,GAAA,mBAsBM,OAAA;IAtBA,OAAK,eAAE,UAAA,KAAS;IAAY;GAChC,GAAA,CAAA,YAQE,aAAA;IAPC,OAAO,UAAA;IACP,QAAQ,MAAM;IACd,MAAM,MAAA,IAAA;IACN,UAAU,MAAA,QAAA;IACV,UAAU,MAAA,QAAA;IACV,kBAAc;IACL;;;;;;;GAGZ,CAAA,GAAA,YAUE,aAAA;IATI,SAAA;IAAJ,KAAI;IACH,SAAS,cAAA;IACT,eAAa,iBAAA;IACb,WAAW,MAAM;IACjB,QAAQ,aAAA;IACR,qBAAmB;IACnB,UAAQ;IACR,WAAS;IACT,oBAAgB"}
+{"version":3,"file":"condition-editor.js","names":[],"sources":["../../../src/components/condition-editor/condition-editor.vue"],"sourcesContent":["<template>\n  <div :class=\"className\" @keydown=\"onKeydown\">\n    <ConditionGroup\n      :group=\"rootGroup\"\n      :fields=\"props.fields\"\n      :size=\"size\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n      @update:group=\"onGroupUpdate\"\n      @mention=\"onMention\"\n    />\n\n    <VariablePicker\n      ref=\"pickerRef\"\n      :visible=\"pickerVisible\"\n      :trigger-dom=\"pickerTriggerDom\"\n      :variables=\"props.variables\"\n      :filter=\"pickerFilter\"\n      :selectable-levels=\"'leaf'\"\n      @select=\"onPickerSelect\"\n      @dismiss=\"onPickerDismiss\"\n      @update:visible=\"onPickerVisibleChange\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem, injectFormContext } from '@veltra/utils'\nimport { computed, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport type { ConditionEditorProps, ConditionExpression } from '../../types'\nimport VariablePicker from '../expression-editor/components/variable-picker.vue'\nimport ConditionGroup from './components/condition-group.vue'\nimport type { MentionPayload } from './components/condition-row.vue'\nimport { createEmptyGroup } from './core/evaluator'\n\ndefineOptions({ name: 'UConditionEditor' })\n\nconst props = withDefaults(defineProps<ConditionEditorProps>(), {\n  fields: () => [],\n  // Boolean prop 缺省会被 Vue 归一成 false，挡住 UForm 下发的 disabled / readonly，须显式留 undefined\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<{ (e: 'update:modelValue', value: ConditionExpression): void }>()\n\nconst cls = bem('condition-editor')\nconst { formProps } = injectFormContext()\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\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 rootGroup = shallowRef<ConditionExpression>(\n  props.modelValue ? clone(props.modelValue) : createEmptyGroup()\n)\n\nfunction clone<T>(v: T): T {\n  return JSON.parse(JSON.stringify(v)) as T\n}\n\nfunction onGroupUpdate(group: ConditionExpression) {\n  rootGroup.value = group\n  emit('update:modelValue', clone(group))\n}\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (!v) {\n      rootGroup.value = createEmptyGroup()\n      return\n    }\n    if (JSON.stringify(v) === JSON.stringify(rootGroup.value)) return\n    rootGroup.value = clone(v)\n  }\n)\n\n// ── VariablePicker ──\n\nconst pickerRef = useTemplateRef<{ handleKeydown: (e: KeyboardEvent) => boolean }>('pickerRef')\nconst pickerVisible = shallowRef(false)\nconst pickerTriggerDom = shallowRef<HTMLElement | undefined>(undefined)\nconst pickerFilter = shallowRef('')\nconst mentionTarget = shallowRef<MentionPayload | null>(null)\n\nfunction onMention(payload: MentionPayload) {\n  if (disabled.value || readonly.value) return\n  mentionTarget.value = payload\n  pickerTriggerDom.value = payload.triggerDom\n  pickerFilter.value = ''\n  pickerVisible.value = true\n}\n\nfunction onPickerSelect(item: { label: string; value: string }) {\n  mentionTarget.value?.setValue({ kind: 'variable', name: item.value })\n  pickerVisible.value = false\n  mentionTarget.value = null\n}\n\nfunction onPickerDismiss() {\n  pickerVisible.value = false\n  mentionTarget.value = null\n}\n\nfunction onPickerVisibleChange(v: boolean) {\n  if (!v) {\n    pickerVisible.value = false\n    mentionTarget.value = null\n  }\n}\n\nfunction onKeydown(e: KeyboardEvent) {\n  if (disabled.value || readonly.value) return\n  if (pickerVisible.value) {\n    const handled = pickerRef.value?.handleKeydown(e)\n    if (handled) {\n      e.preventDefault()\n    }\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAuCA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,kBAAkB;EAClC,MAAM,EAAE,cAAc,kBAAkB;EACxC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC;EAElF,MAAM,YAAY,eAAe;GAC/B,IAAI;GACJ,IAAI,EAAE,KAAK,KAAK;GAChB,IAAI,GAAG,YAAY,SAAS,KAAK;GACjC,IAAI,GAAG,YAAY,SAAS,KAAK;EACnC,CAAC;EAED,MAAM,YAAY,WAChB,MAAM,aAAa,MAAM,MAAM,UAAU,IAAI,iBAAiB,CAChE;EAEA,SAAS,MAAS,GAAS;GACzB,OAAO,KAAK,MAAM,KAAK,UAAU,CAAC,CAAC;EACrC;EAEA,SAAS,cAAc,OAA4B;GACjD,UAAU,QAAQ;GAClB,KAAK,qBAAqB,MAAM,KAAK,CAAC;EACxC;EAEA,YACQ,MAAM,aACX,MAAM;GACL,IAAI,CAAC,GAAG;IACN,UAAU,QAAQ,iBAAiB;IACnC;GACF;GACA,IAAI,KAAK,UAAU,CAAC,MAAM,KAAK,UAAU,UAAU,KAAK,GAAG;GAC3D,UAAU,QAAQ,MAAM,CAAC;EAC3B,CACF;EAIA,MAAM,YAAY,eAAiE,WAAW;EAC9F,MAAM,gBAAgB,WAAW,KAAK;EACtC,MAAM,mBAAmB,WAAoC,KAAA,CAAS;EACtE,MAAM,eAAe,WAAW,EAAE;EAClC,MAAM,gBAAgB,WAAkC,IAAI;EAE5D,SAAS,UAAU,SAAyB;GAC1C,IAAI,SAAS,SAAS,SAAS,OAAO;GACtC,cAAc,QAAQ;GACtB,iBAAiB,QAAQ,QAAQ;GACjC,aAAa,QAAQ;GACrB,cAAc,QAAQ;EACxB;EAEA,SAAS,eAAe,MAAwC;GAC9D,cAAc,OAAO,SAAS;IAAE,MAAM;IAAY,MAAM,KAAK;GAAM,CAAC;GACpE,cAAc,QAAQ;GACtB,cAAc,QAAQ;EACxB;EAEA,SAAS,kBAAkB;GACzB,cAAc,QAAQ;GACtB,cAAc,QAAQ;EACxB;EAEA,SAAS,sBAAsB,GAAY;GACzC,IAAI,CAAC,GAAG;IACN,cAAc,QAAQ;IACtB,cAAc,QAAQ;GACxB;EACF;EAEA,SAAS,UAAU,GAAkB;GACnC,IAAI,SAAS,SAAS,SAAS,OAAO;GACtC,IAAI,cAAc,OACA;QAAA,UAAU,OAAO,cAAc,CAAC,GAE9C,EAAE,eAAe;GAAA;EAGvB;;GA7HE,OAAA,UAAA,GAAA,mBAsBM,OAAA;IAtBA,OAAK,eAAE,UAAA,KAAS;IAAY;GAChC,GAAA,CAAA,YAQE,aAAA;IAPC,OAAO,UAAA;IACP,QAAQ,MAAM;IACd,MAAM,MAAA,IAAA;IACN,UAAU,MAAA,QAAA;IACV,UAAU,MAAA,QAAA;IACV,kBAAc;IACL;;;;;;;GAGZ,CAAA,GAAA,YAUE,aAAA;IATI,SAAA;IAAJ,KAAI;IACH,SAAS,cAAA;IACT,eAAa,iBAAA;IACb,WAAW,MAAM;IACjB,QAAQ,aAAA;IACR,qBAAmB;IACnB,UAAQ;IACR,WAAS;IACT,oBAAgB"}

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

@@ -6,10 +6,23 @@ const TEXT_SEG_VALUE = "text";
 function createEditor(opts) {
 	let doc = normalize(opts.initialDoc);
 	let composing = false;
+	/** null 表示还没算过，首次计算后必定回调一次 */
+	let visualEmpty = null;
 	function emitChange(next) {
 		doc = next;
 		opts.onChange?.(doc);
 	}
+	/** 框内是否只剩空 text span：任何文本（含 IME 合成中尚未进模型的）或 chip 都算非空 */
+	function isVisuallyEmpty() {
+		for (const child of Array.from(opts.container.childNodes)) if (isChipElement(child) || (child.textContent ?? "").length > 0) return false;
+		return true;
+	}
+	function syncVisualEmpty() {
+		const empty = isVisuallyEmpty();
+		if (empty === visualEmpty) return;
+		visualEmpty = empty;
+		opts.onVisualEmptyChange?.(empty);
+	}
 	function makeTextSpan(value) {
 		const span = document.createElement("span");
 		span.setAttribute(TEXT_SEG_ATTR, TEXT_SEG_VALUE);
@@ -81,6 +94,7 @@ function createEditor(opts) {
 		});
 		for (const seg of expanded) if (seg.kind === "text") container.appendChild(makeTextSpan(seg.value));
 		else container.appendChild(makeChipSpan(seg));
+		syncVisualEmpty();
 		if (typeof targetCaret === "number") setCaret(targetCaret);
 	}
 	/** 从 DOM 反推模型：宽容裸 text node、空 text span。 */
@@ -269,13 +283,18 @@ function createEditor(opts) {
 		return true;
 	}
 	function onInput() {
+		syncVisualEmpty();
 		syncFromDOM();
 	}
 	function onCompositionStart() {
 		composing = true;
 	}
+	function onCompositionUpdate() {
+		syncVisualEmpty();
+	}
 	function onCompositionEnd() {
 		composing = false;
+		syncVisualEmpty();
 		syncFromDOM();
 	}
 	function onPaste(e) {
@@ -311,6 +330,7 @@ function createEditor(opts) {
 		range.collapse(true);
 		sel.removeAllRanges();
 		sel.addRange(range);
+		syncVisualEmpty();
 		syncFromDOM();
 	}
 	function replaceRangeWithVar(start, end, variable) {
@@ -388,6 +408,7 @@ function createEditor(opts) {
 	const container = opts.container;
 	container.addEventListener("input", onInput);
 	container.addEventListener("compositionstart", onCompositionStart);
+	container.addEventListener("compositionupdate", onCompositionUpdate);
 	container.addEventListener("compositionend", onCompositionEnd);
 	container.addEventListener("paste", onPaste);
 	document.addEventListener("selectionchange", onSelectionChange);
@@ -414,6 +435,7 @@ function createEditor(opts) {
 		dispose: () => {
 			container.removeEventListener("input", onInput);
 			container.removeEventListener("compositionstart", onCompositionStart);
+			container.removeEventListener("compositionupdate", onCompositionUpdate);
 			container.removeEventListener("compositionend", onCompositionEnd);
 			container.removeEventListener("paste", onPaste);
 			document.removeEventListener("selectionchange", onSelectionChange);

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}\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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"}
+{"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  /**\n   * 框内「视觉空态」变化回调：只描述眼下框里有没有可见内容，与模型是否已同步无关。\n   * IME 合成期间模型刻意不同步，占位文字 / 提示行这类纯视觉层须跟这个信号走。\n   */\n  onVisualEmptyChange?: (empty: boolean) => 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  /** null 表示还没算过，首次计算后必定回调一次 */\n  let visualEmpty: boolean | null = null\n\n  function emitChange(next: Doc) {\n    doc = next\n    opts.onChange?.(doc)\n  }\n\n  /** 框内是否只剩空 text span：任何文本（含 IME 合成中尚未进模型的）或 chip 都算非空 */\n  function isVisuallyEmpty(): boolean {\n    for (const child of Array.from(opts.container.childNodes)) {\n      if (isChipElement(child) || (child.textContent ?? '').length > 0) return false\n    }\n    return true\n  }\n\n  function syncVisualEmpty(): void {\n    const empty = isVisuallyEmpty()\n    if (empty === visualEmpty) return\n    visualEmpty = empty\n    opts.onVisualEmptyChange?.(empty)\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    syncVisualEmpty()\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    // 合成中模型不动，但框里已经有字：占位层必须立刻让位\n    syncVisualEmpty()\n    syncFromDOM()\n  }\n  function onCompositionStart() {\n    composing = true\n  }\n  function onCompositionUpdate() {\n    // 少数浏览器把合成文字落进 DOM 的时机晚于 input，这里再兜一次\n    syncVisualEmpty()\n  }\n  function onCompositionEnd() {\n    composing = false\n    syncVisualEmpty()\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    syncVisualEmpty()\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('compositionupdate', onCompositionUpdate)\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('compositionupdate', onCompositionUpdate)\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

@@ -24,8 +24,14 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		span: {},
 		label: {},
 		field: {},
-		disabled: { type: Boolean },
-		readonly: { type: Boolean },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		readonly: {
+			type: Boolean,
+			default: void 0
+		},
 		rules: {},
 		size: {}
 	},
@@ -51,9 +57,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		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 showHint = computed(() => isEmpty.value && !disabled.value && !readonly.value);
+		/** 框内视觉空态：与 IME 合成状态无关，由 editor 在 DOM 变化时上报 */
+		const visualEmpty = shallowRef(true);
+		const showPlaceholder = computed(() => visualEmpty.value && !disabled.value);
+		/** 上方 `@` 使用提示常驻：只跟可编辑状态走，不随内容增减隐藏 */
+		const showHint = computed(() => !disabled.value && !readonly.value);
 		const pickerMode = shallowRef(null);
 		const pickerTriggerDom = shallowRef(void 0);
 		const reselectingSegIdx = shallowRef(null);
@@ -102,6 +110,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					if (value !== (props.modelValue ?? "")) emit("update:modelValue", value);
 					syncMention();
 				},
+				onVisualEmptyChange: (empty) => {
+					visualEmpty.value = empty;
+				},
 				onSelectionChange: () => {
 					syncMention();
 				},
@@ -210,7 +221,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						ref: "container",
 						class: normalizeClass(unref(cls).e("container")),
 						contenteditable: !unref(readonly) && !unref(disabled),
-						"data-empty": isEmpty.value || void 0,
+						"data-empty": visualEmpty.value || void 0,
 						"data-placeholder": props.placeholder,
 						onKeydown,
 						onBlur

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 ref=\"rootEl\" :class=\"cls.b\">\n    <!-- 提示行独立在边框盒（shell）之外 -->\n    <div v-if=\"showHint\" :class=\"cls.e('hint')\">输入 <kbd>@</kbd> 唤起变量面板</div>\n\n    <div :class=\"shellClass\">\n      <div :class=\"cls.e('body')\">\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      </div>\n\n      <!-- mention 面板的定位锚点：跟随 `@` 字符位置（见 positionMentionAnchor） -->\n      <span ref=\"mentionAnchor\" :class=\"cls.e('mention-anchor')\" aria-hidden=\"true\"></span>\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 { useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } 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({ name: 'UExpressionEditor' })\n\nconst props = withDefaults(defineProps<ExpressionEditorProps>(), {\n  placeholder: '请输入表达式，输入 @ 可插入变量',\n  selectableLevels: 'leaf'\n})\n\nconst emit = defineEmits<{ (e: 'update:modelValue', value: string): void }>()\n\nconst cls = bem('expression-editor')\nconst { formProps } = injectFormContext()\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst containerRef = useTemplateRef<HTMLDivElement>('container')\nconst rootElRef = useTemplateRef<HTMLDivElement>('rootEl')\nconst mentionAnchorRef = useTemplateRef<HTMLSpanElement>('mentionAnchor')\nconst pickerRef = useTemplateRef<{ handleKeydown: (e: KeyboardEvent) => boolean }>('pickerRef')\n\n/** 视觉盒（边框 / 背景 / 聚焦光晕 / 尺寸态）挂在 shell 上，根节点只做布局 */\nconst shellClass = computed(() => [\n  cls.e('shell'),\n  cls.em('shell', 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)\nconst showHint = computed(() => isEmpty.value && !disabled.value && !readonly.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\n/** 把 mention 锚点移到 `@` 字符下方，面板据此定位 */\nfunction positionMentionAnchor(anchorOffset: number) {\n  const rootEl = rootElRef.value\n  const anchor = mentionAnchorRef.value\n  const rect = editorRef.value?.getRectAtOffset(anchorOffset)\n  if (!rootEl || !anchor || !rect) return\n  // absolute 定位以 padding box 为基准，需扣除根节点边框宽度\n  const rootRect = rootEl.getBoundingClientRect()\n  anchor.style.left = `${rect.left - rootRect.left - rootEl.clientLeft}px`\n  anchor.style.top = `${rect.bottom - rootRect.top - rootEl.clientTop}px`\n}\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    positionMentionAnchor(state.anchorOffset)\n    pickerTriggerDom.value = mentionAnchorRef.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      // chip 的 mousedown 被 preventDefault，编辑器没有焦点时点击 chip 焦点不会转移，\n      // 键盘导航依赖 container 的 keydown，这里主动把焦点拉回编辑器\n      containerRef.value?.focus()\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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"}
+{"version":3,"file":"expression-editor.js","names":[],"sources":["../../../src/components/expression-editor/expression-editor.vue"],"sourcesContent":["<template>\n  <div ref=\"rootEl\" :class=\"cls.b\">\n    <!-- 提示行独立在边框盒（shell）之外 -->\n    <div v-if=\"showHint\" :class=\"cls.e('hint')\">输入 <kbd>@</kbd> 唤起变量面板</div>\n\n    <div :class=\"shellClass\">\n      <div :class=\"cls.e('body')\">\n        <div\n          ref=\"container\"\n          :class=\"cls.e('container')\"\n          :contenteditable=\"!readonly && !disabled\"\n          :data-empty=\"visualEmpty || 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      </div>\n\n      <!-- mention 面板的定位锚点：跟随 `@` 字符位置（见 positionMentionAnchor） -->\n      <span ref=\"mentionAnchor\" :class=\"cls.e('mention-anchor')\" aria-hidden=\"true\"></span>\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 { useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } 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({ name: 'UExpressionEditor' })\n\nconst props = withDefaults(defineProps<ExpressionEditorProps>(), {\n  placeholder: '请输入表达式，输入 @ 可插入变量',\n  selectableLevels: 'leaf',\n  // Boolean prop 缺省会被 Vue 归一成 false，挡住 UForm 下发的 disabled / readonly，须显式留 undefined\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<{ (e: 'update:modelValue', value: string): void }>()\n\nconst cls = bem('expression-editor')\nconst { formProps } = injectFormContext()\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst containerRef = useTemplateRef<HTMLDivElement>('container')\nconst rootElRef = useTemplateRef<HTMLDivElement>('rootEl')\nconst mentionAnchorRef = useTemplateRef<HTMLSpanElement>('mentionAnchor')\nconst pickerRef = useTemplateRef<{ handleKeydown: (e: KeyboardEvent) => boolean }>('pickerRef')\n\n/** 视觉盒（边框 / 背景 / 聚焦光晕 / 尺寸态）挂在 shell 上，根节点只做布局 */\nconst shellClass = computed(() => [\n  cls.e('shell'),\n  cls.em('shell', 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>([])\n/** 框内视觉空态：与 IME 合成状态无关，由 editor 在 DOM 变化时上报 */\nconst visualEmpty = shallowRef(true)\nconst showPlaceholder = computed(() => visualEmpty.value && !disabled.value)\n/** 上方 `@` 使用提示常驻：只跟可编辑状态走，不随内容增减隐藏 */\nconst showHint = computed(() => !disabled.value && !readonly.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\n/** 把 mention 锚点移到 `@` 字符下方，面板据此定位 */\nfunction positionMentionAnchor(anchorOffset: number) {\n  const rootEl = rootElRef.value\n  const anchor = mentionAnchorRef.value\n  const rect = editorRef.value?.getRectAtOffset(anchorOffset)\n  if (!rootEl || !anchor || !rect) return\n  // absolute 定位以 padding box 为基准，需扣除根节点边框宽度\n  const rootRect = rootEl.getBoundingClientRect()\n  anchor.style.left = `${rect.left - rootRect.left - rootEl.clientLeft}px`\n  anchor.style.top = `${rect.bottom - rootRect.top - rootEl.clientTop}px`\n}\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    positionMentionAnchor(state.anchorOffset)\n    pickerTriggerDom.value = mentionAnchorRef.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    onVisualEmptyChange: (empty) => {\n      visualEmpty.value = empty\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      // chip 的 mousedown 被 preventDefault，编辑器没有焦点时点击 chip 焦点不会转移，\n      // 键盘导航依赖 container 的 keydown，这里主动把焦点拉回编辑器\n      containerRef.value?.focus()\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/style2.css

@@ -27,10 +27,10 @@
   border-radius: var(--u-radius-default);
   transition: border-color var(--u-transition-fast) var(--u-transition-ease), box-shadow var(--u-transition-fast) var(--u-transition-ease);
 }
-.u-expression-editor__shell:not(.is-disabled):not(.is-readonly):hover {
+.u-expression-editor__shell:hover {
   border-color: var(--u-color-primary);
 }
-.u-expression-editor__shell:not(.is-disabled):not(.is-readonly):focus-within {
+.u-expression-editor__shell:focus-within {
   border-color: var(--u-color-primary);
   box-shadow: var(--u-focus-ring);
   outline: none;

package/dist/components/form-item/style2.css

@@ -91,6 +91,20 @@
 .u-form-item.is-error .u-textarea--more.is-focus {
   box-shadow: var(--u-focus-ring-danger);
 }
+.u-form-item.is-error .u-expression-editor__shell, .u-form-item.is-error .u-expression-editor__shell:hover, .u-form-item.is-error .u-expression-editor__shell:focus-within,
+.u-form-item.is-error .u-code-editor,
+.u-form-item.is-error .u-code-editor:hover,
+.u-form-item.is-error .u-code-editor:focus-within,
+.u-form-item.is-error .u-rich-text-editor,
+.u-form-item.is-error .u-rich-text-editor:hover,
+.u-form-item.is-error .u-rich-text-editor:focus-within {
+  border-color: var(--u-color-danger);
+}
+.u-form-item.is-error .u-expression-editor__shell:focus-within,
+.u-form-item.is-error .u-code-editor:focus-within,
+.u-form-item.is-error .u-rich-text-editor:focus-within {
+  box-shadow: var(--u-focus-ring-danger);
+}
 .u-form-item__content {
   flex-grow: 1;
   word-break: break-all;

package/dist/components/index.d.ts

@@ -89,6 +89,7 @@ import _sfc_main$83 from "./float-button/float-button.js";
 import _sfc_main$84 from "./badge/badge.js";
 import _sfc_main$85 from "./segment/segment.js";
 import _sfc_main$86 from "./image-cropper/image-cropper.js";
+import _sfc_main$87 from "./kanban/kanban.js";
 import { EvaluateOptions, createEmptyGroup, createEmptyLeaf, evaluate } from "./condition-editor/core/evaluator.js";
 import "./condition-editor/index.js";
 import { messageConfirm } from "./message-confirm/message-confirm.js";
@@ -108,4 +109,4 @@ import { defineBatchEditColumns } from "./batch-edit/helper.js";
 import "./batch-edit/index.js";
 import { defineTableColumns } from "./table/use-columns.js";
 import "./table/index.js";
-export { type EvaluateOptions as ConditionEvaluateOptions, ContextmenuPanelDIKey, ContextmenuRootDIKey, _sfc_main$57 as UAction, action_group_default as UActionGroup, _sfc_main$31 as UAutoComplete, _sfc_main$84 as UBadge, _sfc_main$58 as UBatchEdit, _sfc_main$81 as UBreadcrumb, _sfc_main$18 as UButton, _sfc_main$19 as UButtonGroup, _sfc_main$21 as UCalendar, _sfc_main$23 as UCard, _sfc_main$27 as UCardAction, _sfc_main$26 as UCardContent, _sfc_main$25 as UCardCover, _sfc_main$24 as UCardHeader, _sfc_main$60 as UCascade, _sfc_main$48 as UCheckTag, _sfc_main$11 as UCheckbox, _sfc_main$36 as UCheckboxButton, _sfc_main$78 as UCheckboxGroup, _sfc_main$14 as UCodeEditor, _sfc_main$44 as UCollapse, _sfc_main$45 as UCollapseItem, _sfc_main$7 as UConditionEditor, _sfc_main$49 as UContextmenu, _sfc_main$28 as UDatePanel, _sfc_main$62 as UDatePicker, _sfc_main$29 as UDateRangePicker, _sfc_main$52 as UDialog, _sfc_main$15 as UDrawer, _sfc_main$4 as UDropdown, _sfc_main$73 as UDualNav, _sfc_main$1 as UEmpty, _sfc_main$53 as UExpressionEditor, _sfc_main$41 as UFilePicker, _sfc_main$79 as UFileViewer, _sfc_main$83 as UFloatButton, form_default as UForm, form_item_default as UFormItem, _sfc_main$39 as UGanttChart, _sfc_main$16 as UGrid, _sfc_main$75 as UGridInput, _sfc_main$17 as UGridItem, _sfc_main$66 as UGroupInput, _sfc_main$74 as UGroupNav, _sfc_main as UIcon, _sfc_main$86 as UImageCropper, input_default as UInput, _sfc_main$55 as UKbd, _sfc_main$34 as ULayout, _sfc_main$67 as UList, _sfc_main$68 as UListItem, _sfc_main$5 as ULoading, _sfc_main$40 as UMessage, _sfc_main$20 as UMessageConfirm, _sfc_main$37 as UMultiSelect, _sfc_main$65 as UMultiTreeSelect, _sfc_main$72 as UNav, _sfc_main$70 as UNavItem, _sfc_main$71 as UNavSub, NodeRender as UNodeRender, _sfc_main$33 as UNotification, _sfc_main$51 as UNumber, _sfc_main$42 as UNumberInput, _sfc_main$43 as UNumberRangeInput, _sfc_main$82 as UPaginator, _sfc_main$63 as UPalette, _sfc_main$50 as UPasswordInput, _sfc_main$56 as UPopConfirm, _sfc_main$32 as UProgress, _sfc_main$30 as UProgressNodes, _sfc_main$22 as URadio, _sfc_main$77 as URadioGroup, _sfc_main$69 as URichTextEditor, _sfc_main$2 as UScroll, _sfc_main$85 as USegment, _sfc_main$6 as USelect, _sfc_main$38 as USlider, _sfc_main$61 as USteps, _sfc_main$76 as USwitch, _sfc_main$46 as UTable, _sfc_main$47 as UTableEditor, _sfc_main$10 as UTabs, _sfc_main$8 as UTabsHorizontal, _sfc_main$9 as UTabsVertical, _sfc_main$35 as UTag, _sfc_main$80 as UText, _sfc_main$59 as UTextarea, _sfc_main$64 as UTheme, _sfc_main$3 as UTip, _sfc_main$12 as UTree, _sfc_main$13 as UTreeSelect, _sfc_main$54 as UWatermark, contextmenu, createEmptyGroup, createEmptyLeaf, defineBatchEditColumns, defineTableColumns, evaluate as evaluateConditionExpression, message, messageConfirm, notification, vLoading };
+export { type EvaluateOptions as ConditionEvaluateOptions, ContextmenuPanelDIKey, ContextmenuRootDIKey, _sfc_main$57 as UAction, action_group_default as UActionGroup, _sfc_main$31 as UAutoComplete, _sfc_main$84 as UBadge, _sfc_main$58 as UBatchEdit, _sfc_main$81 as UBreadcrumb, _sfc_main$18 as UButton, _sfc_main$19 as UButtonGroup, _sfc_main$21 as UCalendar, _sfc_main$23 as UCard, _sfc_main$27 as UCardAction, _sfc_main$26 as UCardContent, _sfc_main$25 as UCardCover, _sfc_main$24 as UCardHeader, _sfc_main$60 as UCascade, _sfc_main$48 as UCheckTag, _sfc_main$11 as UCheckbox, _sfc_main$36 as UCheckboxButton, _sfc_main$78 as UCheckboxGroup, _sfc_main$14 as UCodeEditor, _sfc_main$44 as UCollapse, _sfc_main$45 as UCollapseItem, _sfc_main$7 as UConditionEditor, _sfc_main$49 as UContextmenu, _sfc_main$28 as UDatePanel, _sfc_main$62 as UDatePicker, _sfc_main$29 as UDateRangePicker, _sfc_main$52 as UDialog, _sfc_main$15 as UDrawer, _sfc_main$4 as UDropdown, _sfc_main$73 as UDualNav, _sfc_main$1 as UEmpty, _sfc_main$53 as UExpressionEditor, _sfc_main$41 as UFilePicker, _sfc_main$79 as UFileViewer, _sfc_main$83 as UFloatButton, form_default as UForm, form_item_default as UFormItem, _sfc_main$39 as UGanttChart, _sfc_main$16 as UGrid, _sfc_main$75 as UGridInput, _sfc_main$17 as UGridItem, _sfc_main$66 as UGroupInput, _sfc_main$74 as UGroupNav, _sfc_main as UIcon, _sfc_main$86 as UImageCropper, input_default as UInput, _sfc_main$87 as UKanban, _sfc_main$55 as UKbd, _sfc_main$34 as ULayout, _sfc_main$67 as UList, _sfc_main$68 as UListItem, _sfc_main$5 as ULoading, _sfc_main$40 as UMessage, _sfc_main$20 as UMessageConfirm, _sfc_main$37 as UMultiSelect, _sfc_main$65 as UMultiTreeSelect, _sfc_main$72 as UNav, _sfc_main$70 as UNavItem, _sfc_main$71 as UNavSub, NodeRender as UNodeRender, _sfc_main$33 as UNotification, _sfc_main$51 as UNumber, _sfc_main$42 as UNumberInput, _sfc_main$43 as UNumberRangeInput, _sfc_main$82 as UPaginator, _sfc_main$63 as UPalette, _sfc_main$50 as UPasswordInput, _sfc_main$56 as UPopConfirm, _sfc_main$32 as UProgress, _sfc_main$30 as UProgressNodes, _sfc_main$22 as URadio, _sfc_main$77 as URadioGroup, _sfc_main$69 as URichTextEditor, _sfc_main$2 as UScroll, _sfc_main$85 as USegment, _sfc_main$6 as USelect, _sfc_main$38 as USlider, _sfc_main$61 as USteps, _sfc_main$76 as USwitch, _sfc_main$46 as UTable, _sfc_main$47 as UTableEditor, _sfc_main$10 as UTabs, _sfc_main$8 as UTabsHorizontal, _sfc_main$9 as UTabsVertical, _sfc_main$35 as UTag, _sfc_main$80 as UText, _sfc_main$59 as UTextarea, _sfc_main$64 as UTheme, _sfc_main$3 as UTip, _sfc_main$12 as UTree, _sfc_main$13 as UTreeSelect, _sfc_main$54 as UWatermark, contextmenu, createEmptyGroup, createEmptyLeaf, defineBatchEditColumns, defineTableColumns, evaluate as evaluateConditionExpression, message, messageConfirm, notification, vLoading };

package/dist/components/index.js

@@ -100,6 +100,7 @@ import _sfc_main$83 from "./float-button/float-button.js";
 import _sfc_main$84 from "./badge/badge.js";
 import _sfc_main$85 from "./segment/segment.js";
 import _sfc_main$86 from "./image-cropper/image-cropper.js";
+import _sfc_main$87 from "./kanban/kanban.js";
 //#region src/components/index.ts
 var components_exports = /* @__PURE__ */ __exportAll({
 	ContextmenuPanelDIKey: () => ContextmenuPanelDIKey,
@@ -151,6 +152,7 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	UIcon: () => _sfc_main,
 	UImageCropper: () => _sfc_main$86,
 	UInput: () => input_default,
+	UKanban: () => _sfc_main$87,
 	UKbd: () => _sfc_main$55,
 	ULayout: () => _sfc_main$34,
 	UList: () => _sfc_main$67,
@@ -208,6 +210,6 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	vLoading: () => vLoading
 });
 //#endregion
-export { ContextmenuPanelDIKey, ContextmenuRootDIKey, _sfc_main$57 as UAction, action_group_default as UActionGroup, _sfc_main$31 as UAutoComplete, _sfc_main$84 as UBadge, _sfc_main$58 as UBatchEdit, _sfc_main$81 as UBreadcrumb, _sfc_main$18 as UButton, _sfc_main$19 as UButtonGroup, _sfc_main$21 as UCalendar, _sfc_main$23 as UCard, _sfc_main$27 as UCardAction, _sfc_main$26 as UCardContent, _sfc_main$25 as UCardCover, _sfc_main$24 as UCardHeader, _sfc_main$60 as UCascade, _sfc_main$48 as UCheckTag, _sfc_main$11 as UCheckbox, _sfc_main$36 as UCheckboxButton, _sfc_main$78 as UCheckboxGroup, _sfc_main$14 as UCodeEditor, _sfc_main$44 as UCollapse, _sfc_main$45 as UCollapseItem, _sfc_main$7 as UConditionEditor, _sfc_main$49 as UContextmenu, _sfc_main$28 as UDatePanel, _sfc_main$62 as UDatePicker, _sfc_main$29 as UDateRangePicker, _sfc_main$52 as UDialog, _sfc_main$15 as UDrawer, _sfc_main$4 as UDropdown, _sfc_main$73 as UDualNav, _sfc_main$1 as UEmpty, _sfc_main$53 as UExpressionEditor, _sfc_main$41 as UFilePicker, _sfc_main$79 as UFileViewer, _sfc_main$83 as UFloatButton, form_default as UForm, form_item_default as UFormItem, _sfc_main$39 as UGanttChart, _sfc_main$16 as UGrid, _sfc_main$75 as UGridInput, _sfc_main$17 as UGridItem, _sfc_main$66 as UGroupInput, _sfc_main$74 as UGroupNav, _sfc_main as UIcon, _sfc_main$86 as UImageCropper, input_default as UInput, _sfc_main$55 as UKbd, _sfc_main$34 as ULayout, _sfc_main$67 as UList, _sfc_main$68 as UListItem, _sfc_main$5 as ULoading, _sfc_main$40 as UMessage, _sfc_main$20 as UMessageConfirm, _sfc_main$37 as UMultiSelect, _sfc_main$65 as UMultiTreeSelect, _sfc_main$72 as UNav, _sfc_main$70 as UNavItem, _sfc_main$71 as UNavSub, NodeRender as UNodeRender, _sfc_main$33 as UNotification, _sfc_main$51 as UNumber, _sfc_main$42 as UNumberInput, _sfc_main$43 as UNumberRangeInput, _sfc_main$82 as UPaginator, _sfc_main$63 as UPalette, _sfc_main$50 as UPasswordInput, _sfc_main$56 as UPopConfirm, _sfc_main$32 as UProgress, _sfc_main$30 as UProgressNodes, _sfc_main$22 as URadio, _sfc_main$77 as URadioGroup, _sfc_main$69 as URichTextEditor, _sfc_main$2 as UScroll, _sfc_main$85 as USegment, _sfc_main$6 as USelect, _sfc_main$38 as USlider, _sfc_main$61 as USteps, _sfc_main$76 as USwitch, _sfc_main$46 as UTable, _sfc_main$47 as UTableEditor, _sfc_main$10 as UTabs, _sfc_main$8 as UTabsHorizontal, _sfc_main$9 as UTabsVertical, _sfc_main$35 as UTag, _sfc_main$80 as UText, _sfc_main$59 as UTextarea, _sfc_main$64 as UTheme, _sfc_main$3 as UTip, _sfc_main$12 as UTree, _sfc_main$13 as UTreeSelect, _sfc_main$54 as UWatermark, components_exports, contextmenu, createEmptyGroup, createEmptyLeaf, defineBatchEditColumns, defineTableColumns, evaluate as evaluateConditionExpression, message, messageConfirm, notification, vLoading };
+export { ContextmenuPanelDIKey, ContextmenuRootDIKey, _sfc_main$57 as UAction, action_group_default as UActionGroup, _sfc_main$31 as UAutoComplete, _sfc_main$84 as UBadge, _sfc_main$58 as UBatchEdit, _sfc_main$81 as UBreadcrumb, _sfc_main$18 as UButton, _sfc_main$19 as UButtonGroup, _sfc_main$21 as UCalendar, _sfc_main$23 as UCard, _sfc_main$27 as UCardAction, _sfc_main$26 as UCardContent, _sfc_main$25 as UCardCover, _sfc_main$24 as UCardHeader, _sfc_main$60 as UCascade, _sfc_main$48 as UCheckTag, _sfc_main$11 as UCheckbox, _sfc_main$36 as UCheckboxButton, _sfc_main$78 as UCheckboxGroup, _sfc_main$14 as UCodeEditor, _sfc_main$44 as UCollapse, _sfc_main$45 as UCollapseItem, _sfc_main$7 as UConditionEditor, _sfc_main$49 as UContextmenu, _sfc_main$28 as UDatePanel, _sfc_main$62 as UDatePicker, _sfc_main$29 as UDateRangePicker, _sfc_main$52 as UDialog, _sfc_main$15 as UDrawer, _sfc_main$4 as UDropdown, _sfc_main$73 as UDualNav, _sfc_main$1 as UEmpty, _sfc_main$53 as UExpressionEditor, _sfc_main$41 as UFilePicker, _sfc_main$79 as UFileViewer, _sfc_main$83 as UFloatButton, form_default as UForm, form_item_default as UFormItem, _sfc_main$39 as UGanttChart, _sfc_main$16 as UGrid, _sfc_main$75 as UGridInput, _sfc_main$17 as UGridItem, _sfc_main$66 as UGroupInput, _sfc_main$74 as UGroupNav, _sfc_main as UIcon, _sfc_main$86 as UImageCropper, input_default as UInput, _sfc_main$87 as UKanban, _sfc_main$55 as UKbd, _sfc_main$34 as ULayout, _sfc_main$67 as UList, _sfc_main$68 as UListItem, _sfc_main$5 as ULoading, _sfc_main$40 as UMessage, _sfc_main$20 as UMessageConfirm, _sfc_main$37 as UMultiSelect, _sfc_main$65 as UMultiTreeSelect, _sfc_main$72 as UNav, _sfc_main$70 as UNavItem, _sfc_main$71 as UNavSub, NodeRender as UNodeRender, _sfc_main$33 as UNotification, _sfc_main$51 as UNumber, _sfc_main$42 as UNumberInput, _sfc_main$43 as UNumberRangeInput, _sfc_main$82 as UPaginator, _sfc_main$63 as UPalette, _sfc_main$50 as UPasswordInput, _sfc_main$56 as UPopConfirm, _sfc_main$32 as UProgress, _sfc_main$30 as UProgressNodes, _sfc_main$22 as URadio, _sfc_main$77 as URadioGroup, _sfc_main$69 as URichTextEditor, _sfc_main$2 as UScroll, _sfc_main$85 as USegment, _sfc_main$6 as USelect, _sfc_main$38 as USlider, _sfc_main$61 as USteps, _sfc_main$76 as USwitch, _sfc_main$46 as UTable, _sfc_main$47 as UTableEditor, _sfc_main$10 as UTabs, _sfc_main$8 as UTabsHorizontal, _sfc_main$9 as UTabsVertical, _sfc_main$35 as UTag, _sfc_main$80 as UText, _sfc_main$59 as UTextarea, _sfc_main$64 as UTheme, _sfc_main$3 as UTip, _sfc_main$12 as UTree, _sfc_main$13 as UTreeSelect, _sfc_main$54 as UWatermark, components_exports, contextmenu, createEmptyGroup, createEmptyLeaf, defineBatchEditColumns, defineTableColumns, evaluate as evaluateConditionExpression, message, messageConfirm, notification, vLoading };
 
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './condition-editor'\n\nexport * from './tabs'\n\nexport * from './tree'\n\nexport * from './tree-select'\n\nexport * from './code-editor'\n\nexport * from './dropdown'\n\nexport * from './drawer'\n\nexport * from './form'\n\nexport * from './message-confirm'\n\nexport * from './calendar'\n\nexport * from './radio'\n\nexport * from './card'\n\nexport * from './date-range-picker'\n\nexport * from './loading'\n\nexport * from './scroll'\n\nexport * from './progress-nodes'\n\nexport * from './empty'\n\nexport * from './auto-complete'\n\nexport * from './progress'\n\nexport * from './input'\n\nexport * from './notification'\n\nexport * from './layout'\n\nexport * from './multi-select'\n\nexport * from './checkbox'\n\nexport * from './slider'\n\nexport * from './gantt-chart'\n\nexport * from './message'\n\nexport * from './file-picker'\n\nexport * from './number-range-input'\n\nexport * from './number-input'\n\nexport * from './collapse'\n\nexport * from './date-panel'\n\nexport * from './table-editor'\n\nexport * from './check-tag'\n\nexport * from './contextmenu'\n\nexport * from './password-input'\n\nexport * from './number'\n\nexport * from './dialog'\n\nexport * from './node-render'\n\nexport * from './expression-editor'\n\nexport * from './watermark'\n\nexport * from './batch-edit'\n\nexport * from './action'\n\nexport * from './tip'\n\nexport * from './textarea'\n\nexport * from './button'\n\nexport * from './cascade'\n\nexport * from './steps'\n\nexport * from './date-picker'\n\nexport * from './theme'\n\nexport * from './table'\n\nexport * from './multi-tree-select'\n\nexport * from './group-input'\n\nexport * from './list'\n\nexport * from './rich-text-editor'\n\nexport * from './nav'\n\nexport * from './dual-nav'\n\nexport * from './group-nav'\n\nexport * from './grid-input'\n\nexport * from './switch'\n\nexport * from './form-item'\n\nexport * from './radio-group'\n\nexport * from './checkbox-group'\n\nexport * from './file-viewer'\n\nexport * from './text'\n\nexport * from './select'\n\nexport * from './breadcrumb'\n\nexport * from './icon'\n\nexport * from './kbd'\n\nexport * from './pop-confirm'\n\nexport * from './paginator'\n\nexport * from './tag'\n\nexport * from './float-button'\n\nexport * from './palette'\n\nexport * from './grid'\n\nexport * from './badge'\n\nexport * from './segment'\n\nexport * from './image-cropper'\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './condition-editor'\n\nexport * from './tabs'\n\nexport * from './tree'\n\nexport * from './tree-select'\n\nexport * from './code-editor'\n\nexport * from './dropdown'\n\nexport * from './drawer'\n\nexport * from './form'\n\nexport * from './message-confirm'\n\nexport * from './calendar'\n\nexport * from './radio'\n\nexport * from './card'\n\nexport * from './date-range-picker'\n\nexport * from './loading'\n\nexport * from './scroll'\n\nexport * from './progress-nodes'\n\nexport * from './empty'\n\nexport * from './auto-complete'\n\nexport * from './progress'\n\nexport * from './input'\n\nexport * from './notification'\n\nexport * from './layout'\n\nexport * from './multi-select'\n\nexport * from './checkbox'\n\nexport * from './slider'\n\nexport * from './gantt-chart'\n\nexport * from './message'\n\nexport * from './file-picker'\n\nexport * from './number-range-input'\n\nexport * from './number-input'\n\nexport * from './collapse'\n\nexport * from './date-panel'\n\nexport * from './table-editor'\n\nexport * from './check-tag'\n\nexport * from './contextmenu'\n\nexport * from './password-input'\n\nexport * from './number'\n\nexport * from './dialog'\n\nexport * from './node-render'\n\nexport * from './expression-editor'\n\nexport * from './watermark'\n\nexport * from './batch-edit'\n\nexport * from './action'\n\nexport * from './tip'\n\nexport * from './textarea'\n\nexport * from './button'\n\nexport * from './cascade'\n\nexport * from './steps'\n\nexport * from './date-picker'\n\nexport * from './theme'\n\nexport * from './table'\n\nexport * from './multi-tree-select'\n\nexport * from './group-input'\n\nexport * from './list'\n\nexport * from './rich-text-editor'\n\nexport * from './nav'\n\nexport * from './dual-nav'\n\nexport * from './group-nav'\n\nexport * from './grid-input'\n\nexport * from './switch'\n\nexport * from './form-item'\n\nexport * from './radio-group'\n\nexport * from './checkbox-group'\n\nexport * from './file-viewer'\n\nexport * from './text'\n\nexport * from './select'\n\nexport * from './breadcrumb'\n\nexport * from './icon'\n\nexport * from './kbd'\n\nexport * from './pop-confirm'\n\nexport * from './paginator'\n\nexport * from './tag'\n\nexport * from './float-button'\n\nexport * from './palette'\n\nexport * from './grid'\n\nexport * from './badge'\n\nexport * from './segment'\n\nexport * from './image-cropper'\n\nexport * from './kanban'\n"],"mappings":""}

package/dist/components/kanban/di.js

@@ -0,0 +1,7 @@
+//#region src/components/kanban/di.ts
+/** 看板依赖注入key */
+const KanbanDIKey = Symbol("KanbanDIKey");
+//#endregion
+export { KanbanDIKey };
+
+//# sourceMappingURL=di.js.map

package/dist/components/kanban/di.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/kanban/di.ts"],"sourcesContent":["import type { BEM } from '@veltra/utils'\nimport type { InjectionKey } from 'vue'\n\nimport type { KanbanProps } from '../../types'\n\n/** 看板上下文：主组件向列子组件注入 */\nexport interface KanbanContext {\n  /** 看板组件属性 */\n  kanbanProps: KanbanProps\n  /** BEM */\n  cls: BEM<'kanban'>\n  /** 某列卡片重排写回（getter 数据源 onReorder 链路），items 为该列最新完整卡片数组 */\n  reorderColumn: (columnKey: string, items: Record<string, any>[]) => void\n  /** 拖拽操作结束通知（一次操作只通知一次，主组件据此 emit change） */\n  notifyChange: () => void\n}\n\n/** 看板依赖注入key */\nexport const KanbanDIKey: InjectionKey<KanbanContext> = Symbol('KanbanDIKey')\n"],"mappings":";;AAkBA,MAAa,cAA2C,OAAO,aAAa"}

package/dist/components/kanban/kanban-column.js

@@ -0,0 +1,67 @@
+import { KanbanDIKey } from "./di.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, inject, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, watch } from "vue";
+import { animations, useDnD } from "@veltra/compositions";
+//#region src/components/kanban/kanban-column.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UKanbanColumn",
+	__name: "kanban-column",
+	props: { column: {} },
+	setup(__props) {
+		const props = __props;
+		const ctx = inject(KanbanDIKey);
+		const cls = ctx.cls;
+		const titleKey = computed(() => ctx.kanbanProps.titleKey ?? "title");
+		const cardKey = computed(() => ctx.kanbanProps.cardKey ?? "id");
+		const countable = computed(() => ctx.kanbanProps.countable !== false);
+		const placeholder = computed(() => ctx.kanbanProps.placeholder ?? "暂无内容");
+		const title = computed(() => props.column[titleKey.value]);
+		function makeConfig() {
+			return {
+				group: "u-kanban",
+				dragHandle: `.${cls.e("card-handle")}`,
+				draggable: (el) => el.classList.contains(cls.e("card")),
+				draggingClass: "is-dragging",
+				dropZoneClass: "is-dropzone",
+				disabled: ctx.kanbanProps.disabled,
+				onSort: () => ctx.notifyChange(),
+				onTransfer: () => ctx.notifyChange(),
+				plugins: [animations()]
+			};
+		}
+		const { parentRef, values, updateConfig } = useDnD({
+			values: () => props.column.items,
+			onReorder: (items) => ctx.reorderColumn(props.column.key, items),
+			...makeConfig()
+		});
+		watch(() => ctx.kanbanProps.disabled, () => updateConfig(makeConfig()));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).e("column")) }, [createElementVNode("div", { class: normalizeClass(unref(cls).e("column-header")) }, [renderSlot(_ctx.$slots, "header", {
+				column: __props.column,
+				count: unref(values).length
+			}, () => [createElementVNode("span", { class: normalizeClass(unref(cls).e("column-title")) }, toDisplayString(title.value), 3), countable.value ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass(unref(cls).e("column-count"))
+			}, toDisplayString(unref(values).length), 3)) : createCommentVNode("v-if", true)])], 2), createElementVNode("div", {
+				ref_key: "parentRef",
+				ref: parentRef,
+				class: normalizeClass(unref(cls).e("cards"))
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(values), (card, index) => {
+				return openBlock(), createElementBlock("div", {
+					key: card[cardKey.value],
+					class: normalizeClass(unref(cls).e("card"))
+				}, [createElementVNode("span", { class: normalizeClass(unref(cls).e("card-handle")) }, "≡", 2), createElementVNode("div", { class: normalizeClass(unref(cls).e("card-body")) }, [renderSlot(_ctx.$slots, "card", {
+					card,
+					column: __props.column,
+					index
+				}, () => [createTextVNode(toDisplayString(card[titleKey.value] ?? card[cardKey.value]), 1)])], 2)], 2);
+			}), 128)), !unref(values).length ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(unref(cls).e("empty"))
+			}, [renderSlot(_ctx.$slots, "empty", { column: __props.column }, () => [createTextVNode(toDisplayString(placeholder.value), 1)])], 2)) : createCommentVNode("v-if", true)], 2)], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=kanban-column.js.map

package/dist/components/kanban/kanban-column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanban-column.js","names":[],"sources":["../../../src/components/kanban/kanban-column.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('column')\">\n    <div :class=\"cls.e('column-header')\">\n      <slot name=\"header\" :column=\"column\" :count=\"values.length\">\n        <span :class=\"cls.e('column-title')\">{{ title }}</span>\n        <span v-if=\"countable\" :class=\"cls.e('column-count')\">{{ values.length }}</span>\n      </slot>\n    </div>\n\n    <div ref=\"parentRef\" :class=\"cls.e('cards')\">\n      <div v-for=\"(card, index) of values\" :key=\"card[cardKey]\" :class=\"cls.e('card')\">\n        <span :class=\"cls.e('card-handle')\">≡</span>\n        <div :class=\"cls.e('card-body')\">\n          <slot name=\"card\" :card=\"card\" :column=\"column\" :index=\"index\">\n            {{ card[titleKey] ?? card[cardKey] }}\n          </slot>\n        </div>\n      </div>\n\n      <div v-if=\"!values.length\" :class=\"cls.e('empty')\">\n        <slot name=\"empty\" :column=\"column\">{{ placeholder }}</slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { animations, useDnD, type VueParentConfig } from '@veltra/compositions'\nimport { computed, inject, watch } from 'vue'\n\nimport type { KanbanColumnItem, KanbanSlots } from '../../types'\nimport { KanbanDIKey } from './di'\n\ndefineOptions({ name: 'UKanbanColumn' })\n\ndefineSlots<KanbanSlots>()\n\nconst props = defineProps<{ column: KanbanColumnItem }>()\n\nconst ctx = inject(KanbanDIKey)!\n\nconst cls = ctx.cls\n\nconst titleKey = computed(() => ctx.kanbanProps.titleKey ?? 'title')\nconst cardKey = computed(() => ctx.kanbanProps.cardKey ?? 'id')\nconst countable = computed(() => ctx.kanbanProps.countable !== false)\nconst placeholder = computed(() => ctx.kanbanProps.placeholder ?? '暂无内容')\n\nconst title = computed(() => props.column[titleKey.value])\n\nfunction makeConfig(): VueParentConfig<Record<string, any>> {\n  return {\n    group: 'u-kanban',\n    dragHandle: `.${cls.e('card-handle')}`,\n    draggable: (el) => el.classList.contains(cls.e('card')),\n    draggingClass: 'is-dragging',\n    dropZoneClass: 'is-dropzone',\n    disabled: ctx.kanbanProps.disabled,\n    // 排序/转移数据已由 onReorder 写回，这里只负责对外发 change 通知\n    onSort: () => ctx.notifyChange(),\n    onTransfer: () => ctx.notifyChange(),\n    plugins: [animations()]\n  }\n}\n\nconst { parentRef, values, updateConfig } = useDnD<Record<string, any>>({\n  values: () => props.column.items,\n  onReorder: (items) => ctx.reorderColumn(props.column.key, items),\n  ...makeConfig()\n})\n\n// updateConfig 是整体替换配置，须传完整配置而非仅 disabled\nwatch(\n  () => ctx.kanbanProps.disabled,\n  () => updateConfig(makeConfig())\n)\n</script>\n"],"mappings":"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"}