@veltra/desktop 1.0.0

package/dist/components/dropdown/dropdown.js

@@ -0,0 +1,163 @@
+import NodeRender from "../node-render/node-render.js";
+import { useNest } from "../tip/use-nest.js";
+import { Fragment, Teleport, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, resolveDynamicComponent, shallowRef, unref, useAttrs, useSlots, useTemplateRef, withCtx, withDirectives } from "vue";
+import { bem, extractNormalVNodes, setStyles, zIndex } from "@veltra/utils";
+import { useModel as useModel$1, usePop, useTransition } from "@veltra/compositions";
+import { vClickOutside } from "@veltra/directives";
+//#region src/components/dropdown/dropdown.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "Dropdown",
+	inheritAttrs: false,
+	__name: "dropdown",
+	props: {
+		trigger: { default: "hover" },
+		width: {},
+		minWidth: {},
+		contentTag: { default: "div" },
+		contentClass: {},
+		contentStyle: {},
+		visible: { type: Boolean },
+		disabled: { type: Boolean }
+	},
+	emits: ["update:visible", "keydown"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const cls = bem("dropdown");
+		const dropdownContentClass = computed(() => {
+			let fixed = [cls.e("content")];
+			const className = props.contentClass;
+			if (!className) return fixed;
+			if (!Array.isArray(className)) return [...fixed, className];
+			return [...fixed, ...className];
+		});
+		const triggerRef = useTemplateRef("trigger");
+		const customTriggerRef = shallowRef();
+		const contentRef = shallowRef();
+		const triggerDom = computed(() => {
+			return customTriggerRef.value || triggerRef.value?.$el;
+		});
+		/**显示隐藏 */
+		const visible = useModel$1({
+			defaultValue: false,
+			propName: "visible",
+			props,
+			emit
+		});
+		const dropdownVisible = useNest(visible);
+		let closeTimer;
+		const attrs = useAttrs();
+		function renderTriggerNode() {
+			const slotsNode = slots.trigger?.();
+			if (!slotsNode) return null;
+			const nodes = extractNormalVNodes(slotsNode);
+			const props = {
+				class: cls.b,
+				...attrs,
+				...eventsHandlers.value
+			};
+			if (nodes.length === 1) return cloneVNode(nodes[0], props);
+			return createVNode("div", props, nodes);
+		}
+		function stopClose() {
+			closeTimer !== void 0 && clearTimeout(closeTimer);
+		}
+		/** 打开下拉框 */
+		function open(config) {
+			stopClose();
+			const { trigger } = config || {};
+			if (trigger && trigger instanceof HTMLElement) customTriggerRef.value = trigger;
+			visible.value = true;
+		}
+		function close() {
+			if (props.trigger === "hover") closeTimer = setTimeout(() => {
+				transition.leave();
+			}, 200);
+			else transition.leave();
+		}
+		/** 点击外部 */
+		function handleClickOutside(e) {
+			const { trigger } = props;
+			if (trigger === "click" && triggerDom.value.contains(e.target)) return;
+			close();
+		}
+		const transitionName = shallowRef("slide-down");
+		const { update, popperContainerId } = usePop({
+			triggerRef: triggerDom,
+			contentRef,
+			direction: "bottom",
+			alignment: "start",
+			onPop(position) {
+				transitionName.value = position.placement.includes("top") ? "slide-up" : "slide-down";
+				transition.enter();
+			},
+			onTriggerPositionChange() {
+				close();
+			},
+			onBeforeUpdate(triggerEl, contentEl) {
+				setStyles(contentEl, {
+					width: props.width ?? `${triggerEl.offsetWidth}px`,
+					minWidth: props.minWidth
+				});
+			}
+		});
+		const transition = useTransition("css", {
+			name: transitionName,
+			target: contentRef,
+			afterLeave() {
+				visible.value = false;
+			},
+			leaveCanceled() {
+				visible.value = false;
+			}
+		});
+		function triggerClick() {
+			if (visible.value) close();
+			else open();
+		}
+		const eventsHandlers = computed(() => {
+			const { trigger, disabled } = props;
+			const handlers = {};
+			if (disabled || trigger === "custom") return handlers;
+			if (trigger === "click") handlers.onClick = triggerClick;
+			else if (trigger === "hover") {
+				handlers.onMouseenter = open;
+				handlers.onMouseleave = close;
+			}
+			return handlers;
+		});
+		__expose({
+			open,
+			close,
+			updateDropdown: update
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(NodeRender), {
+				content: renderTriggerNode(),
+				ref: "trigger"
+			}, null, 8, ["content"]), (openBlock(), createBlock(Teleport, { to: `#${unref(popperContainerId)}` }, [unref(dropdownVisible) ? withDirectives((openBlock(), createBlock(resolveDynamicComponent(__props.contentTag), {
+				key: 0,
+				ref_key: "contentRef",
+				ref: contentRef,
+				class: normalizeClass(dropdownContentClass.value),
+				style: normalizeStyle([{ zIndex: unref(zIndex)() }, __props.contentStyle]),
+				onMouseenter: eventsHandlers.value.onMouseenter,
+				onMouseleave: eventsHandlers.value.onMouseleave,
+				onKeydown: _cache[0] || (_cache[0] = ($event) => emit("keydown", $event))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "content")]),
+				_: 3
+			}, 40, [
+				"class",
+				"style",
+				"onMouseenter",
+				"onMouseleave"
+			])), [[unref(vClickOutside), __props.trigger === "click" ? handleClickOutside : void 0]]) : createCommentVNode("v-if", true)], 8, ["to"]))], 64);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=dropdown.js.map

package/dist/components/dropdown/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.js","names":[],"sources":["../../../src/components/dropdown/dropdown.vue"],"sourcesContent":["<template>\n  <UNodeRender :content=\"renderTriggerNode()\" ref=\"trigger\" />\n\n  <Teleport :to=\"`#${popperContainerId}`\">\n    <component\n      v-if=\"dropdownVisible\"\n      ref=\"contentRef\"\n      :is=\"contentTag\"\n      :class=\"dropdownContentClass\"\n      :style=\"[{ zIndex: zIndex() }, contentStyle]\"\n      @mouseenter=\"eventsHandlers.onMouseenter\"\n      @mouseleave=\"eventsHandlers.onMouseleave\"\n      @keydown=\"emit('keydown', $event)\"\n      v-click-outside=\"trigger === 'click' ? handleClickOutside : undefined\"\n    >\n      <slot name=\"content\" />\n    </component>\n  </Teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useModel, usePop, useTransition } from '@veltra/compositions'\nimport { vClickOutside } from '@veltra/directives'\nimport { bem, extractNormalVNodes, setStyles, zIndex } from '@veltra/utils'\nimport { shallowRef, computed, createVNode, cloneVNode, useTemplateRef, useAttrs } from 'vue'\n\nimport type { DropdownProps, DropdownExposed, DropdownEmits } from '../../types'\nimport { UNodeRender } from '../node-render'\nimport { useNest } from '../tip/use-nest'\n\ndefineOptions({ name: 'Dropdown', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<DropdownProps>(), { trigger: 'hover', contentTag: 'div' })\n\nconst emit = defineEmits<DropdownEmits>()\n\nconst slots = defineSlots<{\n  /** 内容 */\n  content?: () => any\n  /** 触发器 */\n  trigger?: () => any\n}>()\n\nconst cls = bem('dropdown')\n\nconst dropdownContentClass = computed(() => {\n  let fixed = [cls.e('content')]\n  const className = props.contentClass\n  if (!className) return fixed\n  if (!Array.isArray(className)) {\n    return [...fixed, className]\n  }\n  return [...fixed, ...className]\n})\n\nconst triggerRef = useTemplateRef('trigger')\nconst customTriggerRef = shallowRef<HTMLElement>()\nconst contentRef = shallowRef<HTMLElement>()\n\nconst triggerDom = computed(() => {\n  return customTriggerRef.value || triggerRef.value?.$el\n})\n\n/**显示隐藏 */\nconst visible = useModel({ defaultValue: false, propName: 'visible', props, emit })\n\nconst dropdownVisible = useNest(visible)\n\nlet closeTimer: number | undefined\n\nconst attrs = useAttrs()\nfunction renderTriggerNode() {\n  const slotsNode = slots.trigger?.()\n  if (!slotsNode) return null\n  const nodes = extractNormalVNodes(slotsNode)\n  const props = { class: cls.b, ...attrs, ...eventsHandlers.value }\n  if (nodes.length === 1) return cloneVNode(nodes[0]!, props)\n\n  return createVNode('div', props, nodes)\n}\n\nfunction stopClose() {\n  closeTimer !== undefined && clearTimeout(closeTimer)\n}\n\n/** 打开下拉框 */\nfunction open(config?: { trigger?: HTMLElement }) {\n  stopClose()\n  const { trigger } = config || {}\n  if (trigger && trigger instanceof HTMLElement) {\n    customTriggerRef.value = trigger\n  }\n\n  visible.value = true\n}\n\nfunction close() {\n  if (props.trigger === 'hover') {\n    // 给200毫秒重新浮动的缓冲时间\n    closeTimer = setTimeout(() => {\n      transition.leave()\n    }, 200)\n  } else {\n    transition.leave()\n  }\n}\n\n/** 点击外部 */\nfunction handleClickOutside(e: MouseEvent) {\n  const { trigger } = props\n  // 当下拉框为点击时触发时，点击触发元素时不关闭\n  // 其他任何时候点击外部都关闭下拉器\n  if (trigger === 'click' && triggerDom.value.contains(e.target as Node)) {\n    return\n  }\n  close()\n}\n\nconst transitionName = shallowRef('slide-down')\n\nconst { update, popperContainerId } = usePop({\n  triggerRef: triggerDom,\n  contentRef,\n  direction: 'bottom',\n  alignment: 'start',\n  onPop(position) {\n    transitionName.value = position.placement.includes('top') ? 'slide-up' : 'slide-down'\n\n    transition.enter()\n  },\n\n  onTriggerPositionChange() {\n    close()\n  },\n\n  onBeforeUpdate(triggerEl, contentEl) {\n    setStyles(contentEl, {\n      width: props.width ?? `${triggerEl.offsetWidth}px`,\n      minWidth: props.minWidth\n    })\n  }\n})\n\nconst transition = useTransition('css', {\n  name: transitionName,\n  target: contentRef,\n  afterLeave() {\n    visible.value = false\n  },\n\n  leaveCanceled() {\n    visible.value = false\n  }\n})\n\nfunction triggerClick() {\n  if (visible.value) {\n    close()\n  } else {\n    open()\n  }\n}\n\nconst eventsHandlers = computed(() => {\n  const { trigger, disabled } = props\n\n  const handlers: Record<string, Function> = {}\n  if (disabled || trigger === 'custom') return handlers\n\n  if (trigger === 'click') {\n    handlers.onClick = triggerClick\n  } else if (trigger === 'hover') {\n    handlers.onMouseenter = open\n    handlers.onMouseleave = close\n  }\n\n  return handlers\n})\n\ndefineExpose<DropdownExposed>({\n  open,\n  close,\n  /**暴露出更新dropdown内容位置方法 适用与级联选择器组件 */\n  updateDropdown: update\n})\n</script>\n"],"mappings":"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"}

package/dist/components/dropdown/dropdown.vue.d.ts

@@ -0,0 +1,29 @@
+import { DropdownProps, _DropdownExposed } from "../../types/dropdown.js";
+import * as _$vue from "vue";
+import * as _$_veltra_utils0 from "@veltra/utils";
+
+//#region src/components/dropdown/dropdown.vue.d.ts
+type __VLS_Slots = {
+  /** 内容 */content?: () => any; /** 触发器 */
+  trigger?: () => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<DropdownProps, _$_veltra_utils0.DeconstructValue<_DropdownExposed>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
+  "update:visible": (visible: boolean) => any;
+  keydown: (event: KeyboardEvent) => any;
+}, string, _$vue.PublicProps, Readonly<DropdownProps> & Readonly<{
+  "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+  onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+}>, {
+  trigger: "hover" | "click" | "custom";
+  contentTag: string;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=dropdown.vue.d.ts.map

package/dist/components/dropdown/index.d.ts

@@ -0,0 +1 @@
+import { _default } from "./dropdown.vue.js";

package/dist/components/dropdown/style.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/components/dropdown/style.js

@@ -0,0 +1,2 @@
+import "./style2.css";
+import "@veltra/styles/anime/slide.scss";

package/dist/components/dropdown/style2.css

@@ -0,0 +1,26 @@
+@charset "UTF-8";
+/** flex布局 */
+/**
+* 设置css变量
+* 参数1:变量前缀
+* 参数2: 一个由值组成的列表或者由key, value组成的map
+* css-var(height, (
+*   large: 40px
+*   default: 32px
+*   small: 24px
+* ))
+* 生成的css变量:
+* --u-height-large: 40px;
+* --u-height-default: 32px;
+* --u-height-small: 24px;
+*/
+/** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
+.u-dropdown__content {
+  position: absolute;
+  background-color: var(--u-bg-color-top);
+  border: var(--u-border);
+  border-radius: var(--u-radius-default);
+  box-shadow: var(--u-shadow);
+  top: 0;
+  left: 0;
+}

package/dist/components/empty/empty.js

@@ -0,0 +1,26 @@
+import _sfc_main$1 from "../icon/icon.js";
+import { createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { bem } from "@veltra/utils";
+import { Empty } from "@veltra/icons/normal";
+//#region src/components/empty/empty.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "Empty",
+	__name: "empty",
+	props: {
+		size: { default: 48 },
+		text: { default: "暂无数据" }
+	},
+	setup(__props) {
+		const cls = bem("empty");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", { class: normalizeClass(unref(cls).b) }, [createVNode(unref(_sfc_main$1), { size: __props.size }, {
+				default: withCtx(() => [createVNode(unref(Empty))]),
+				_: 1
+			}, 8, ["size"]), createElementVNode("div", null, toDisplayString(__props.text), 1)], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=empty.js.map

package/dist/components/empty/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","names":[],"sources":["../../../src/components/empty/empty.vue"],"sourcesContent":["<template>\n  <span :class=\"cls.b\">\n    <u-icon :size=\"size\"> <Empty /> </u-icon>\n    <div>{{ text }}</div>\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Empty } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\n\nimport type { EmptyProps } from '../../types'\nimport { UIcon } from '../icon'\n\ndefineOptions({\n  name: 'Empty'\n})\n\nwithDefaults(defineProps<EmptyProps>(), {\n  size: 48,\n  text: '暂无数据'\n})\n\nconst cls = bem('empty')\n</script>\n"],"mappings":";;;;;;;;;;;;;EAuBA,MAAM,MAAM,IAAI,QAAO;;uBAtBrB,mBAGO,QAAA,EAHA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,EAAA,EAAA,CACjB,YAAyC,MAAA,YAAA,EAAA,EAAhC,MAAM,QAAA,MAAI,EAAA;2BAAY,CAAT,YAAS,MAAA,MAAA,CAAA,CAAA,CAAA;;oBAC/B,mBAAqB,OAAA,MAAA,gBAAb,QAAA,KAAI,EAAA,EAAA,CAAA,EAAA,EAAA"}

package/dist/components/empty/empty.vue.d.ts

@@ -0,0 +1,12 @@
+import { EmptyProps } from "../../types/empty.js";
+import * as _$vue from "vue";
+
+//#region src/components/empty/empty.vue.d.ts
+declare const __VLS_export: _$vue.DefineComponent<EmptyProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<EmptyProps> & Readonly<{}>, {
+  size: number;
+  text: string;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };
+//# sourceMappingURL=empty.vue.d.ts.map

package/dist/components/empty/index.d.ts

@@ -0,0 +1 @@
+import { _default } from "./empty.vue.js";

package/dist/components/empty/style.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/components/empty/style.js

@@ -0,0 +1 @@
+import "./style2.css";

package/dist/components/empty/style2.css

@@ -0,0 +1,23 @@
+@charset "UTF-8";
+/** flex布局 */
+/**
+* 设置css变量
+* 参数1:变量前缀
+* 参数2: 一个由值组成的列表或者由key, value组成的map
+* css-var(height, (
+*   large: 40px
+*   default: 32px
+*   small: 24px
+* ))
+* 生成的css变量:
+* --u-height-large: 40px;
+* --u-height-default: 32px;
+* --u-height-small: 24px;
+*/
+/** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
+.u-empty {
+  color: var(--u-text-color-assist);
+  text-align: center;
+  display: inline-block;
+  user-select: none;
+}

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

@@ -0,0 +1,233 @@
+import _sfc_main$1 from "../../icon/icon.js";
+import _sfc_main$2 from "../../tip/tip.js";
+import input_default from "../../input/input.js";
+import _sfc_main$3 from "../../scroll/scroll.js";
+import _sfc_main$4 from "../../empty/empty.js";
+import { ExpressionEditorDIKey } from "../di.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderList, toDisplayString, unref, watch, withCtx } from "vue";
+import { bem } from "@veltra/utils";
+import { ArrowRight, Search } from "@veltra/icons/normal";
+//#region src/components/expression-editor/components/variable-picker.vue
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = ["onClick", "onMouseenter"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "VariablePicker",
+	__name: "variable-picker",
+	props: {
+		visible: { type: Boolean },
+		triggerDom: {},
+		filterable: { type: Boolean },
+		registerPickerKeyHandler: { type: Function }
+	},
+	emits: ["select", "update:visible"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { cls, editorProps, variableMap } = inject(ExpressionEditorDIKey);
+		const searchQuery = ref("");
+		const activeIndex = ref(-1);
+		const navigationPath = ref([]);
+		function flattenVariables(items, parentPath = []) {
+			if (!items) return [];
+			const result = [];
+			for (const item of items) {
+				const currentPath = [...parentPath, item];
+				if (!item.children || item.children.length === 0) result.push({
+					...item,
+					label: currentPath.map((p) => p.label).join(" / ")
+				});
+				else result.push(...flattenVariables(item.children, currentPath));
+			}
+			return result;
+		}
+		const filteredVariables = computed(() => {
+			const { variables } = editorProps;
+			if (!variables || variables.length === 0) return [];
+			if (!searchQuery.value.trim()) return variables;
+			const flat = flattenVariables(variables);
+			const query = searchQuery.value.toLowerCase();
+			return flat.filter((item) => item.label.toLowerCase().includes(query));
+		});
+		const currentList = computed(() => {
+			if (searchQuery.value.trim()) return filteredVariables.value;
+			else {
+				let current = filteredVariables.value;
+				for (const pathItem of navigationPath.value) {
+					const found = current.find((item) => item.value === pathItem.value);
+					if (found?.children) current = found.children;
+					else break;
+				}
+				return current;
+			}
+		});
+		const breadcrumbs = computed(() => {
+			return [{
+				label: "全部变量",
+				value: ""
+			}, ...navigationPath.value];
+		});
+		function getItemCls(item, index) {
+			const isActive = activeIndex.value === index;
+			const isLeaf = !item.children || item.children.length === 0;
+			return [
+				cls.e("item"),
+				bem.is("active", isActive),
+				bem.is("leaf", isLeaf)
+			];
+		}
+		function handleItemClick(item) {
+			if (item.children && item.children.length > 0) {
+				navigationPath.value.push(item);
+				activeIndex.value = -1;
+				return;
+			}
+			const fullItem = variableMap.value.get(item.value);
+			if (fullItem) emit("select", fullItem);
+			else emit("select", item);
+			updateVisible(false);
+		}
+		function navigateToBreadcrumb(index) {
+			if (index === 0) navigationPath.value = [];
+			else navigationPath.value = navigationPath.value.slice(0, index);
+			activeIndex.value = -1;
+		}
+		function handleSearch() {
+			navigationPath.value = [];
+			activeIndex.value = -1;
+		}
+		function updateVisible(visible) {
+			emit("update:visible", visible);
+			if (!visible) {
+				navigationPath.value = [];
+				searchQuery.value = "";
+				activeIndex.value = -1;
+			}
+		}
+		function handleKeydown(e) {
+			if (!props.visible) return;
+			if (e.key === "Escape") {
+				e.preventDefault();
+				updateVisible(false);
+				return;
+			}
+			if (currentList.value.length === 0) return;
+			if (activeIndex.value === -1 && currentList.value.length > 0) activeIndex.value = 0;
+			const currentItem = currentList.value[activeIndex.value];
+			if (e.key === "ArrowDown") {
+				e.preventDefault();
+				activeIndex.value = Math.min(currentList.value.length - 1, activeIndex.value + 1);
+			} else if (e.key === "ArrowUp") {
+				e.preventDefault();
+				activeIndex.value = Math.max(0, activeIndex.value - 1);
+			} else if (e.key === " " || e.key === "Spacebar") {
+				e.preventDefault();
+				if (currentItem?.children && currentItem.children.length > 0) handleItemClick(currentItem);
+			} else if (e.key === "ArrowRight") {
+				e.preventDefault();
+				if (currentItem?.children && currentItem.children.length > 0) handleItemClick(currentItem);
+			} else if (e.key === "ArrowLeft" || e.key === "Backspace") {
+				e.preventDefault();
+				if (navigationPath.value.length > 0) {
+					navigationPath.value.pop();
+					activeIndex.value = 0;
+				}
+			} else if (e.key === "Enter") {
+				e.preventDefault();
+				if (currentItem) {
+					if (!currentItem.children || currentItem.children.length === 0) handleItemClick(currentItem);
+				}
+			}
+		}
+		watch(() => props.visible, (v) => {
+			if (v) document.addEventListener("keydown", handleKeydown);
+			else document.removeEventListener("keydown", handleKeydown);
+		});
+		onMounted(() => {
+			props.registerPickerKeyHandler?.(handleKeydown);
+		});
+		onBeforeUnmount(() => {
+			document.removeEventListener("keydown", handleKeydown);
+			props.registerPickerKeyHandler?.(null);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(_sfc_main$2), {
+				"hide-arrow": "",
+				alignment: "start",
+				direction: "bottom",
+				"trigger-dom": __props.triggerDom,
+				visible: __props.visible,
+				"onUpdate:visible": _cache[1] || (_cache[1] = ($event) => updateVisible($event))
+			}, {
+				content: withCtx(() => [
+					createCommentVNode(" 搜索框 "),
+					__props.filterable ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(unref(cls).e("filter"))
+					}, [createVNode(unref(input_default), {
+						placeholder: "输入关键字进行过滤",
+						modelValue: searchQuery.value,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
+						size: "small",
+						clearable: "",
+						onInput: handleSearch
+					}, {
+						suffix: withCtx(() => [createVNode(unref(_sfc_main$1), null, {
+							default: withCtx(() => [createVNode(unref(Search))]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["modelValue"])], 2)) : createCommentVNode("v-if", true),
+					createCommentVNode(" 面包屑导航 "),
+					breadcrumbs.value.length > 1 && !searchQuery.value ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass(unref(cls).e("breadcrumbs"))
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbs.value, (crumb, index) => {
+						return openBlock(), createElementBlock("span", {
+							key: index,
+							class: normalizeClass(unref(cls).e("breadcrumb-item"))
+						}, [createElementVNode("span", {
+							class: normalizeClass([unref(cls).e("breadcrumb-link"), { [unref(cls).e("breadcrumb-link--active")]: index === breadcrumbs.value.length - 1 }]),
+							onClick: ($event) => navigateToBreadcrumb(index)
+						}, toDisplayString(crumb.label), 11, _hoisted_1), index < breadcrumbs.value.length - 1 ? (openBlock(), createBlock(unref(_sfc_main$1), {
+							key: 0,
+							class: normalizeClass(unref(cls).e("breadcrumb-separator"))
+						}, {
+							default: withCtx(() => [createVNode(unref(ArrowRight))]),
+							_: 1
+						}, 8, ["class"])) : createCommentVNode("v-if", true)], 2);
+					}), 128))], 2)) : createCommentVNode("v-if", true),
+					createCommentVNode(" 单面板 "),
+					currentList.value.length ? (openBlock(), createElementBlock("div", {
+						key: 2,
+						class: normalizeClass(unref(cls).e("panel"))
+					}, [createVNode(unref(_sfc_main$3), {
+						tag: "ul",
+						class: normalizeClass(unref(cls).e("panel-list")),
+						"content-class": unref(cls).e("panel-content")
+					}, {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(currentList.value, (item, idx) => {
+							return openBlock(), createElementBlock("li", {
+								key: item.value ?? idx,
+								class: normalizeClass(getItemCls(item, idx)),
+								onClick: ($event) => handleItemClick(item),
+								onMouseenter: ($event) => activeIndex.value = idx
+							}, [createElementVNode("span", { class: normalizeClass(unref(cls).e("item-label")) }, toDisplayString(item.label), 3), item.children?.length ? (openBlock(), createBlock(unref(_sfc_main$1), {
+								key: 0,
+								class: normalizeClass(unref(cls).e("item-expand"))
+							}, {
+								default: withCtx(() => [createVNode(unref(ArrowRight))]),
+								_: 1
+							}, 8, ["class"])) : createCommentVNode("v-if", true)], 42, _hoisted_2);
+						}), 128))]),
+						_: 1
+					}, 8, ["class", "content-class"])], 2)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createCommentVNode(" 空状态 "), createElementVNode("div", { class: normalizeClass(unref(cls).e("empty")) }, [createVNode(unref(_sfc_main$4), { description: "暂无可用变量" })], 2)], 2112))
+				]),
+				_: 1
+			}, 8, ["trigger-dom", "visible"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=variable-picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variable-picker.js","names":[],"sources":["../../../../src/components/expression-editor/components/variable-picker.vue"],"sourcesContent":["<template>\n  <u-tip\n    hide-arrow\n    alignment=\"start\"\n    direction=\"bottom\"\n    :trigger-dom=\"triggerDom\"\n    :visible=\"visible\"\n    @update:visible=\"updateVisible($event)\"\n  >\n    <template #content>\n      <!-- 搜索框 -->\n      <div v-if=\"filterable\" :class=\"cls.e('filter')\">\n        <u-input\n          placeholder=\"输入关键字进行过滤\"\n          v-model=\"searchQuery\"\n          :size=\"'small'\"\n          clearable\n          @input=\"handleSearch\"\n        >\n          <template #suffix>\n            <u-icon><Search /></u-icon>\n          </template>\n        </u-input>\n      </div>\n\n      <!-- 面包屑导航 -->\n      <div v-if=\"breadcrumbs.length > 1 && !searchQuery\" :class=\"cls.e('breadcrumbs')\">\n        <span v-for=\"(crumb, index) in breadcrumbs\" :key=\"index\" :class=\"cls.e('breadcrumb-item')\">\n          <span\n            :class=\"[\n              cls.e('breadcrumb-link'),\n              { [cls.e('breadcrumb-link--active')]: index === breadcrumbs.length - 1 }\n            ]\"\n            @click=\"navigateToBreadcrumb(index)\"\n          >\n            {{ crumb.label }}\n          </span>\n          <u-icon v-if=\"index < breadcrumbs.length - 1\" :class=\"cls.e('breadcrumb-separator')\">\n            <ArrowRight />\n          </u-icon>\n        </span>\n      </div>\n\n      <!-- 单面板 -->\n      <div :class=\"cls.e('panel')\" v-if=\"currentList.length\">\n        <u-scroll tag=\"ul\" :class=\"cls.e('panel-list')\" :content-class=\"cls.e('panel-content')\">\n          <li\n            v-for=\"(item, idx) in currentList\"\n            :key=\"item.value ?? idx\"\n            :class=\"getItemCls(item, idx)\"\n            @click=\"handleItemClick(item)\"\n            @mouseenter=\"activeIndex = idx\"\n          >\n            <span :class=\"cls.e('item-label')\">\n              {{ item.label }}\n            </span>\n            <u-icon v-if=\"item.children?.length\" :class=\"cls.e('item-expand')\">\n              <ArrowRight />\n            </u-icon>\n          </li>\n        </u-scroll>\n      </div>\n\n      <!-- 空状态 -->\n      <div v-else :class=\"cls.e('empty')\">\n        <UEmpty description=\"暂无可用变量\" />\n      </div>\n    </template>\n  </u-tip>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ArrowRight, Search } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { inject, ref, computed, watch, onMounted, onBeforeUnmount } from 'vue'\n\nimport type { VariableItem } from '../../../types'\nimport { UEmpty } from '../../empty'\nimport { UIcon } from '../../icon'\nimport { UInput } from '../../input'\nimport { UScroll } from '../../scroll'\nimport { UTip } from '../../tip'\nimport { ExpressionEditorDIKey } from '../di'\n\ndefineOptions({\n  name: 'VariablePicker'\n})\n\nconst props = defineProps<{\n  visible: boolean\n  triggerDom?: HTMLElement\n  filterable?: boolean\n  registerPickerKeyHandler?: (handler: ((e: KeyboardEvent) => void) | null) => void\n}>()\n\nconst emit = defineEmits<{\n  (e: 'select', variable: VariableItem): void\n  (e: 'update:visible', visible: boolean): void\n}>()\n\nconst { cls, editorProps, variableMap } = inject(ExpressionEditorDIKey)!\n\nconst searchQuery = ref('')\nconst activeIndex = ref<number>(-1)\nconst navigationPath = ref<VariableItem[]>([]) // 当前导航路径\n\n// 扁平化变量树，用于搜索\nfunction flattenVariables(\n  items: VariableItem[] | undefined,\n  parentPath: VariableItem[] = []\n): VariableItem[] {\n  if (!items) return []\n  const result: VariableItem[] = []\n\n  for (const item of items) {\n    const currentPath = [...parentPath, item]\n    // 如果是叶子节点，添加到结果中\n    if (!item.children || item.children.length === 0) {\n      result.push({\n        ...item,\n        label: currentPath.map((p) => p.label).join(' / ')\n      })\n    } else {\n      // 递归处理子节点\n      result.push(...flattenVariables(item.children, currentPath))\n    }\n  }\n\n  return result\n}\n\n// 过滤后的变量列表\nconst filteredVariables = computed(() => {\n  const { variables } = editorProps\n  if (!variables || variables.length === 0) return []\n\n  if (!searchQuery.value.trim()) {\n    return variables\n  }\n\n  // 搜索模式：扁平化并过滤\n  const flat = flattenVariables(variables)\n  const query = searchQuery.value.toLowerCase()\n  return flat.filter((item) => item.label.toLowerCase().includes(query))\n})\n\n// 当前显示的列表（单面板）\nconst currentList = computed(() => {\n  if (searchQuery.value.trim()) {\n    // 搜索模式：显示过滤后的扁平列表\n    return filteredVariables.value\n  } else {\n    // 正常模式：根据导航路径显示当前层级\n    let current: VariableItem[] = filteredVariables.value\n    for (const pathItem of navigationPath.value) {\n      const found = current.find((item) => item.value === pathItem.value)\n      if (found?.children) {\n        current = found.children\n      } else {\n        break\n      }\n    }\n    return current\n  }\n})\n\n// 面包屑导航\nconst breadcrumbs = computed(() => {\n  return [{ label: '全部变量', value: '' }, ...navigationPath.value]\n})\n\nfunction getItemCls(item: VariableItem, index: number): string[] {\n  const isActive = activeIndex.value === index\n  const isLeaf = !item.children || item.children.length === 0\n\n  return [cls.e('item'), bem.is('active', isActive), bem.is('leaf', isLeaf)]\n}\n\nfunction handleItemClick(item: VariableItem) {\n  // 如果有子节点，导航到下一级\n  if (item.children && item.children.length > 0) {\n    navigationPath.value.push(item)\n    activeIndex.value = -1\n    return\n  }\n\n  // 叶子节点：选择并关闭\n  const fullItem = variableMap.value.get(item.value)\n  if (fullItem) {\n    emit('select', fullItem)\n  } else {\n    emit('select', item)\n  }\n  updateVisible(false)\n}\n\n// 面包屑导航\nfunction navigateToBreadcrumb(index: number) {\n  if (index === 0) {\n    // 点击\"全部变量\"，返回根级\n    navigationPath.value = []\n  } else {\n    // 导航到指定层级\n    navigationPath.value = navigationPath.value.slice(0, index)\n  }\n  activeIndex.value = -1\n}\n\nfunction handleSearch() {\n  // 搜索时重置导航路径\n  navigationPath.value = []\n  activeIndex.value = -1\n}\n\nfunction updateVisible(visible: boolean) {\n  emit('update:visible', visible)\n  if (!visible) {\n    // 关闭时重置状态\n    navigationPath.value = []\n    searchQuery.value = ''\n    activeIndex.value = -1\n  }\n}\n\n// 处理键盘事件\nfunction handleKeydown(e: KeyboardEvent) {\n  if (!props.visible) return\n\n  if (e.key === 'Escape') {\n    e.preventDefault()\n    updateVisible(false)\n    return\n  }\n\n  if (currentList.value.length === 0) return\n\n  // 初始化 activeIndex\n  if (activeIndex.value === -1 && currentList.value.length > 0) {\n    activeIndex.value = 0\n  }\n\n  const currentItem = currentList.value[activeIndex.value]\n\n  if (e.key === 'ArrowDown') {\n    e.preventDefault()\n    activeIndex.value = Math.min(currentList.value.length - 1, activeIndex.value + 1)\n  } else if (e.key === 'ArrowUp') {\n    e.preventDefault()\n    activeIndex.value = Math.max(0, activeIndex.value - 1)\n  } else if (e.key === ' ' || e.key === 'Spacebar') {\n    // 空格键：导航到下一级（仅对有子项的项有效）\n    e.preventDefault()\n    if (currentItem?.children && currentItem.children.length > 0) {\n      handleItemClick(currentItem)\n    }\n  } else if (e.key === 'ArrowRight') {\n    // 右箭头：导航到下一级（仅对有子项的项有效）\n    e.preventDefault()\n    if (currentItem?.children && currentItem.children.length > 0) {\n      handleItemClick(currentItem)\n    }\n  } else if (e.key === 'ArrowLeft' || e.key === 'Backspace') {\n    // 左箭头/退格：返回上一级\n    e.preventDefault()\n    if (navigationPath.value.length > 0) {\n      navigationPath.value.pop()\n      activeIndex.value = 0\n    }\n  } else if (e.key === 'Enter') {\n    // 回车键：确定选择（仅对最末级项有效）\n    e.preventDefault()\n    if (currentItem) {\n      if (!currentItem.children || currentItem.children.length === 0) {\n        // 只有叶子节点才能选择\n        handleItemClick(currentItem)\n      }\n    }\n  }\n}\n\n// 监听键盘事件\nwatch(\n  () => props.visible,\n  (v) => {\n    if (v) {\n      document.addEventListener('keydown', handleKeydown)\n    } else {\n      document.removeEventListener('keydown', handleKeydown)\n    }\n  }\n)\n\nonMounted(() => {\n  props.registerPickerKeyHandler?.(handleKeydown)\n})\n\nonBeforeUnmount(() => {\n  document.removeEventListener('keydown', handleKeydown)\n  props.registerPickerKeyHandler?.(null)\n})\n</script>\n"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+//#region src/components/expression-editor/constants.ts
+const EXPRESSION_VARIABLE_DRAG_TYPE = "application/x-ultra-expression-variable";
+const EXPRESSION_VARIABLE_DRAG_MARKER_ATTR = "data-ultra-expression-variable-node";
+const EXPRESSION_VARIABLE_DRAG_KEY_ATTR = "data-ultra-expression-variable-key";
+const EXPRESSION_DROP_SCOPE_ATTR = "data-ultra-expression-drop-scope";
+//#endregion
+export { EXPRESSION_DROP_SCOPE_ATTR, EXPRESSION_VARIABLE_DRAG_KEY_ATTR, EXPRESSION_VARIABLE_DRAG_MARKER_ATTR, EXPRESSION_VARIABLE_DRAG_TYPE };
+
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":[],"sources":["../../../src/components/expression-editor/constants.ts"],"sourcesContent":["export const CONTEXT_TRIGGER_CHAR = '@'\n\nexport const EXPRESSION_VARIABLE_DRAG_TYPE = 'application/x-ultra-expression-variable'\nexport const EXPRESSION_VARIABLE_DRAG_MARKER_ATTR = 'data-ultra-expression-variable-node'\nexport const EXPRESSION_VARIABLE_DRAG_KEY_ATTR = 'data-ultra-expression-variable-key'\nexport const EXPRESSION_DROP_SCOPE_ATTR = 'data-ultra-expression-drop-scope'\n"],"mappings":";AAEA,MAAa,gCAAgC;AAC7C,MAAa,uCAAuC;AACpD,MAAa,oCAAoC;AACjD,MAAa,6BAA6B"}

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

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

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

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