@veltra/desktop 1.1.28 → 1.1.29

package/dist/components/dialog/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":["$attrs","$slots"],"sources":["../../../src/components/dialog/dialog.vue"],"sourcesContent":["<template>\n  <Teleport to=\"body\">\n    <transition name=\"fade\" @after-leave=\"emit('closed')\" @enter=\"onOverlayEnter\">\n      <div\n        v-if=\"overlayVisible || opened\"\n        v-show=\"overlayVisible\"\n        :class=\"[cls.e('overlay'), bem.is('modal', modal)]\"\n        ref=\"overlayRef\"\n        @mousedown=\"modal && close()\"\n        @keyup.esc=\"close\"\n        tabindex=\"0\"\n      >\n        <transition name=\"spring\" @after-leave=\"onAfterDialogLeave\">\n          <div\n            v-if=\"dialogVisible\"\n            v-bind=\"$attrs\"\n            :class=\"className\"\n            ref=\"dialogRef\"\n            @mousedown.stop=\"handleIncreaseZIndex\"\n          >\n            <section :class=\"headerCls\" ref=\"headerRef\" @transitionend.stop @transitioncancel.stop>\n              <div :class=\"cls.e('title')\" @mousedown.stop>\n                <slot name=\"header\">\n                  {{ header || title }}\n                </slot>\n              </div>\n\n              <div :class=\"cls.e('buttons')\" @mousedown.stop>\n                <u-icon\n                  v-if=\"maximized\"\n                  :class=\"cls.e('btn-recover')\"\n                  @click=\"toggleMaximize(false)\"\n                  title=\"还原\"\n                >\n                  <Recover />\n                </u-icon>\n                <u-icon\n                  v-else\n                  :class=\"cls.e('btn-maximize')\"\n                  @click=\"toggleMaximize(true)\"\n                  title=\"最大化\"\n                >\n                  <Maximum />\n                </u-icon>\n                <u-icon :class=\"cls.e('btn-close')\" @click=\"close\" title=\"关闭\">\n                  <Close />\n                </u-icon>\n              </div>\n            </section>\n\n            <u-scroll\n              tag=\"section\"\n              :class=\"cls.e('body')\"\n              ref=\"bodyRef\"\n              :content-style=\"{ height: maximized ? '100%' : undefined }\"\n              @transitionend.stop\n              @transitioncancel.stop\n            >\n              <slot v-bind=\"{ maximized }\" />\n            </u-scroll>\n\n            <section ref=\"footerRef\" :class=\"footerCls\" v-if=\"$slots.footer\">\n              <slot name=\"footer\" v-bind=\"{ close }\" />\n            </section>\n          </div>\n        </transition>\n      </div>\n    </transition>\n  </Teleport>\n\n  <!-- 触发 -->\n  <UNodeRender @click=\"visible = !visible\" :content=\"getTriggerNode()\" ref=\"triggerRef\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { useDrag, useFallbackProps } from '@veltra/compositions'\nimport { Close, Maximum, Recover } from '@veltra/icons/normal'\nimport { bem, extractNormalVNodes, setStyles, zIndex } from '@veltra/utils'\nimport { shallowRef, watch, computed, provide, nextTick } from 'vue'\n\nimport type { DialogProps, DialogEmits, DialogExposed, ComponentSize } from '../../types'\nimport type { ScrollExposed } from '../../types'\nimport { UIcon } from '../icon'\nimport { UNodeRender } from '../node-render'\nimport { UScroll } from '../scroll'\nimport { DialogDIKey } from './di'\nimport { useMaximum } from './use-maximum'\n\ndefineOptions({ name: 'Dialog', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<DialogProps>(), {\n  modal: true,\n  modelValue: true,\n  autoScroll: true\n})\nconst emit = defineEmits<DialogEmits>()\n\nconst slots = defineSlots<{\n  footer?: (props: { close: () => void }) => any\n  trigger?: () => any\n  header?: () => any\n  default?: (props: {\n    /** 弹框是否最大化了 */\n    maximized: boolean\n  }) => any\n}>()\n\nconst cls = bem('dialog')\nconst headerCls = [cls.e('header')]\nconst footerCls = [cls.e('footer')]\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst overlayRef = shallowRef<HTMLDivElement>()\n\n/** 弹框模板引用 */\nconst dialogRef = shallowRef<HTMLDivElement>()\n\n/** 弹框头部模板引用 */\nconst headerRef = shallowRef<HTMLDivElement>()\n\n/** 弹框body模板引用 */\nconst bodyRef = shallowRef<ScrollExposed>()\n\n/** 弹框footer模板引用 */\nconst footerRef = shallowRef<HTMLDivElement>()\n\nconst visible = defineModel<boolean>({ default: false })\n\nconst overlayVisible = shallowRef(false)\nconst dialogVisible = shallowRef(false)\n\nwatch(visible, (v) => {\n  if (v) {\n    overlayVisible.value = true\n  } else {\n    dialogVisible.value = false\n  }\n})\n\nfunction getTriggerNode() {\n  const nodes = slots.trigger?.()\n  if (!nodes?.length) return null\n\n  const node = extractNormalVNodes(nodes)[0]\n  return node\n}\n\nfunction onOverlayEnter() {\n  dialogVisible.value = true\n}\n\nfunction onAfterDialogLeave() {\n  overlayVisible.value = false\n}\n\nconst { toggleMaximize, maximized } = useMaximum({ dialogRef, cls })\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value)]\n})\n\n/**\n * 是否弹出过, 用于控制下一次弹出时是否采用v-show的方式\n */\nlet opened = false\n\nwatch(visible, (v) => {\n  if (!v) return\n\n  if (!opened) opened = true\n\n  // 初始化位置偏移量\n  translated.x = 0\n  translated.y = 0\n\n  nextTick(() => {\n    setStyles(overlayRef.value!, { zIndex: zIndex() })\n  })\n})\n\n/** dialog位移的位置 */\nconst translated = { x: 0, y: 0 }\n\n/**\n * 更新弹框位置\n * 使用独立 `translate` 而非整体 `transform`, 与 spring 动画的 `scale` 解耦,\n * 避免动画期间整体 transform 被关键帧覆盖、动画结束后又\"啪\"地跳回内联位置\n */\nconst updateDialogTransform = (x: number, y: number) => {\n  const dom = dialogRef.value\n  if (!dom) return\n  setStyles(dom, { translate: `${x}px ${y}px` })\n}\n\n// 运用拖拽\nuseDrag({\n  target: headerRef,\n\n  onDragStart() {\n    handleIncreaseZIndex()\n  },\n\n  onDrag({ x, y }) {\n    if (maximized.value) return\n    updateDialogTransform(translated.x + x, translated.y + y)\n  },\n\n  onDragEnd({ x, y }) {\n    if (maximized.value) return\n    translated.x += x\n    translated.y += y\n\n    // 字体模糊的bug修正\n    if (translated.x % 2 !== 0) {\n      translated.x += x < 0 ? 1 : -1\n    }\n    if (translated.y % 2 !== 0) {\n      translated.y += y < 0 ? 1 : -1\n    }\n    updateDialogTransform(translated.x, translated.y)\n  }\n})\n\nfunction handleIncreaseZIndex() {\n  if (props.modal) return\n  setStyles(overlayRef.value!, { zIndex: zIndex() })\n}\n\n/** 关闭 */\nconst close = () => {\n  visible.value = false\n}\n\nprovide(DialogDIKey, { visible })\n\ndefineExpose<DialogExposed>({ close })\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"dialog.js","names":["$attrs","$slots"],"sources":["../../../src/components/dialog/dialog.vue"],"sourcesContent":["<template>\n  <Teleport to=\"body\">\n    <transition name=\"fade\" @after-leave=\"emit('closed')\" @enter=\"onOverlayEnter\">\n      <div\n        v-if=\"overlayVisible || opened\"\n        v-show=\"overlayVisible\"\n        :class=\"[cls.e('overlay'), bem.is('modal', modal)]\"\n        ref=\"overlayRef\"\n        @mousedown=\"modal && close()\"\n        @keyup.esc=\"close\"\n        tabindex=\"0\"\n      >\n        <transition name=\"spring\" @after-leave=\"onAfterDialogLeave\">\n          <div\n            v-if=\"dialogVisible\"\n            v-bind=\"$attrs\"\n            :class=\"className\"\n            ref=\"dialogRef\"\n            @mousedown.stop=\"handleIncreaseZIndex\"\n          >\n            <section :class=\"headerCls\" ref=\"headerRef\" @transitionend.stop @transitioncancel.stop>\n              <div :class=\"cls.e('title')\" @mousedown.stop>\n                <slot name=\"header\">\n                  {{ header || title }}\n                </slot>\n              </div>\n\n              <div :class=\"cls.e('buttons')\" @mousedown.stop>\n                <u-icon\n                  v-if=\"maximized\"\n                  :class=\"cls.e('btn-recover')\"\n                  @click=\"toggleMaximize(false)\"\n                  title=\"还原\"\n                >\n                  <Recover />\n                </u-icon>\n                <u-icon\n                  v-else\n                  :class=\"cls.e('btn-maximize')\"\n                  @click=\"toggleMaximize(true)\"\n                  title=\"最大化\"\n                >\n                  <Maximum />\n                </u-icon>\n                <u-icon :class=\"cls.e('btn-close')\" @click=\"close\" title=\"关闭\">\n                  <Close />\n                </u-icon>\n              </div>\n            </section>\n\n            <u-scroll\n              tag=\"section\"\n              :class=\"cls.e('body')\"\n              ref=\"bodyRef\"\n              :content-style=\"{ height: maximized ? '100%' : undefined }\"\n              @transitionend.stop\n              @transitioncancel.stop\n            >\n              <slot v-bind=\"{ maximized }\" />\n            </u-scroll>\n\n            <section ref=\"footerRef\" :class=\"footerCls\" v-if=\"$slots.footer\">\n              <slot name=\"footer\" v-bind=\"{ close }\" />\n            </section>\n          </div>\n        </transition>\n      </div>\n    </transition>\n  </Teleport>\n\n  <!-- 触发 -->\n  <UNodeRender @click=\"visible = !visible\" :content=\"getTriggerNode()\" ref=\"triggerRef\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { useDrag, useFallbackProps } from '@veltra/compositions'\nimport { Close, Maximum, Recover } from '@veltra/icons/normal'\nimport { bem, extractNormalVNodes, setStyles, zIndex } from '@veltra/utils'\nimport { shallowRef, watch, computed, provide, nextTick } from 'vue'\n\nimport type { DialogProps, DialogEmits, DialogExposed, ComponentSize } from '../../types'\nimport type { ScrollExposed } from '../../types'\nimport { UIcon } from '../icon'\nimport { UNodeRender } from '../node-render'\nimport { UScroll } from '../scroll'\nimport { DialogDIKey } from './di'\nimport { useMaximum } from './use-maximum'\n\ndefineOptions({ name: 'Dialog', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<DialogProps>(), {\n  modal: true,\n  modelValue: true,\n  autoScroll: true\n})\nconst emit = defineEmits<DialogEmits>()\n\nconst slots = defineSlots<{\n  footer?: (props: { close: () => void }) => any\n  trigger?: () => any\n  header?: () => any\n  default?: (props: {\n    /** 弹框是否最大化了 */\n    maximized: boolean\n  }) => any\n}>()\n\nconst cls = bem('dialog')\nconst headerCls = [cls.e('header')]\nconst footerCls = [cls.e('footer')]\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst overlayRef = shallowRef<HTMLDivElement>()\n\n/** 弹框模板引用 */\nconst dialogRef = shallowRef<HTMLDivElement>()\n\n/** 弹框头部模板引用 */\nconst headerRef = shallowRef<HTMLDivElement>()\n\n/** 弹框body模板引用 */\nconst bodyRef = shallowRef<ScrollExposed>()\n\n/** 弹框footer模板引用 */\nconst footerRef = shallowRef<HTMLDivElement>()\n\nconst visible = defineModel<boolean>({ default: false })\n\nconst overlayVisible = shallowRef(false)\nconst dialogVisible = shallowRef(false)\n\nwatch(visible, (v) => {\n  if (v) {\n    overlayVisible.value = true\n  } else {\n    dialogVisible.value = false\n  }\n})\n\nfunction getTriggerNode() {\n  const nodes = slots.trigger?.()\n  if (!nodes?.length) return null\n\n  const node = extractNormalVNodes(nodes)[0]\n  return node\n}\n\nfunction onOverlayEnter() {\n  dialogVisible.value = true\n}\n\nfunction onAfterDialogLeave() {\n  overlayVisible.value = false\n}\n\nconst { toggleMaximize, maximized } = useMaximum({ dialogRef, cls })\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value)]\n})\n\n/**\n * 是否弹出过, 用于控制下一次弹出时是否采用v-show的方式\n */\nlet opened = false\n\nwatch(visible, (v) => {\n  if (!v) return\n\n  if (!opened) opened = true\n\n  // 初始化位置偏移量\n  translated.x = 0\n  translated.y = 0\n\n  nextTick(() => {\n    setStyles(overlayRef.value!, { zIndex: zIndex() })\n  })\n})\n\n/** dialog位移的位置 */\nconst translated = { x: 0, y: 0 }\n\n/**\n * 更新弹框位置\n * 使用独立 `translate` 而非整体 `transform`, 与 spring 动画的 `scale` 解耦,\n * 避免动画期间整体 transform 被关键帧覆盖、动画结束后又\"啪\"地跳回内联位置\n */\nconst updateDialogTransform = (x: number, y: number) => {\n  const dom = dialogRef.value\n  if (!dom) return\n  setStyles(dom, { translate: `${x}px ${y}px` })\n}\n\n// 运用拖拽\nuseDrag({\n  target: headerRef,\n\n  onDragStart() {\n    handleIncreaseZIndex()\n  },\n\n  onDrag({ x, y }) {\n    if (maximized.value) return\n    updateDialogTransform(translated.x + x, translated.y + y)\n  },\n\n  onDragEnd({ x, y }) {\n    if (maximized.value) return\n    translated.x += x\n    translated.y += y\n\n    // 字体模糊的bug修正\n    if (translated.x % 2 !== 0) {\n      translated.x += x < 0 ? 1 : -1\n    }\n    if (translated.y % 2 !== 0) {\n      translated.y += y < 0 ? 1 : -1\n    }\n    updateDialogTransform(translated.x, translated.y)\n  }\n})\n\nfunction handleIncreaseZIndex() {\n  if (props.modal) return\n  setStyles(overlayRef.value!, { zIndex: zIndex() })\n}\n\n/** 关闭 */\nconst close = () => {\n  visible.value = false\n}\n\nprovide(DialogDIKey, { visible })\n\ndefineExpose<DialogExposed>({ close })\n</script>\n"],"mappings":"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"}

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

@@ -1,7 +1,4 @@
 import { DialogProps, _DialogExposed } from "../../types/dialog.js";
-import * as _$vue from "vue";
-import * as _$_veltra_utils0 from "@veltra/utils";
-
 //#region src/components/dialog/dialog.vue.d.ts
 type __VLS_Props = DialogProps;
 type __VLS_Slots = {
@@ -18,18 +15,18 @@ type __VLS_ModelProps = {
   modelValue?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, _$_veltra_utils0.DeconstructValue<_DialogExposed>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, import("@veltra/utils").DeconstructValue<_DialogExposed>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:modelValue": (value: boolean) => any;
 } & {
   "update:modelValue": (visible: boolean) => any;
   closed: () => any;
-}, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
   onClosed?: (() => any) | undefined;
 }>, {
   modelValue: boolean;
   modal: boolean;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("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 & {

package/dist/components/dialog/use-maximum.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-maximum.js","names":[],"sources":["../../../src/components/dialog/use-maximum.ts"],"sourcesContent":["import { useTransition } from '@veltra/compositions'\nimport { type BEM, removeStyles, setStyles } from '@veltra/utils'\nimport { shallowRef, type ShallowRef } from 'vue'\n\ninterface Options {\n  cls: BEM<'dialog'>\n  dialogRef: ShallowRef<HTMLDivElement | undefined>\n}\n\ninterface Returned {\n  /** 是否为最大状态 */\n  maximized: ShallowRef<boolean>\n  /** 切换最大状态 */\n  toggleMaximize: (maxim: boolean) => void\n}\n\n// 最大化过程\n// 1. 先设置一个高度才会有过渡动画\n// 2. 在下一个帧应用最大化时的类名\n// 3. 在进入动画结束时移除高度\n\nexport function useMaximum(options: Options): Returned {\n  const { dialogRef } = options\n\n  const maximized = shallowRef(false)\n\n  const maximizeTransition = useTransition('css', {\n    target: dialogRef,\n    name: 'dialog-maximize',\n    keepEnterTo: true,\n    afterLeave() {\n      dialogRef.value && removeStyles(dialogRef.value, ['height'])\n    }\n  })\n\n  /** 切换最大化 */\n  const toggleMaximize = (maxim: boolean): void => {\n    maximized.value = maxim\n    const dom = dialogRef.value\n    if (!dom) return\n    if (maxim) {\n      // 先设置一个高度才会有过渡动画\n      setStyles(dom, { height: `${dom.offsetHeight}px` })\n      maximizeTransition.enter()\n    } else {\n      maximizeTransition.leave()\n    }\n  }\n\n  return { maximized, toggleMaximize }\n}\n"],"mappings":";;;;AAqBA,SAAgB,WAAW,SAA4B;CACrD,MAAM,EAAE,cAAc;CAEtB,MAAM,YAAY,WAAW,MAAM;CAEnC,MAAM,qBAAqB,cAAc,OAAO;EAC9C,QAAQ;EACR,MAAM;EACN,aAAa;EACb,aAAa;GACX,UAAU,SAAS,aAAa,UAAU,OAAO,CAAC,SAAS,CAAC;;EAE/D,CAAC;;CAGF,MAAM,kBAAkB,UAAyB;EAC/C,UAAU,QAAQ;EAClB,MAAM,MAAM,UAAU;EACtB,IAAI,CAAC,KAAK;EACV,IAAI,OAAO;GAET,UAAU,KAAK,EAAE,QAAQ,GAAG,IAAI,aAAa,KAAK,CAAC;GACnD,mBAAmB,OAAO;SAE1B,mBAAmB,OAAO;;CAI9B,OAAO;EAAE;EAAW;EAAgB"}
+{"version":3,"file":"use-maximum.js","names":[],"sources":["../../../src/components/dialog/use-maximum.ts"],"sourcesContent":["import { useTransition } from '@veltra/compositions'\nimport { type BEM, removeStyles, setStyles } from '@veltra/utils'\nimport { shallowRef, type ShallowRef } from 'vue'\n\ninterface Options {\n  cls: BEM<'dialog'>\n  dialogRef: ShallowRef<HTMLDivElement | undefined>\n}\n\ninterface Returned {\n  /** 是否为最大状态 */\n  maximized: ShallowRef<boolean>\n  /** 切换最大状态 */\n  toggleMaximize: (maxim: boolean) => void\n}\n\n// 最大化过程\n// 1. 先设置一个高度才会有过渡动画\n// 2. 在下一个帧应用最大化时的类名\n// 3. 在进入动画结束时移除高度\n\nexport function useMaximum(options: Options): Returned {\n  const { dialogRef } = options\n\n  const maximized = shallowRef(false)\n\n  const maximizeTransition = useTransition('css', {\n    target: dialogRef,\n    name: 'dialog-maximize',\n    keepEnterTo: true,\n    afterLeave() {\n      dialogRef.value && removeStyles(dialogRef.value, ['height'])\n    }\n  })\n\n  /** 切换最大化 */\n  const toggleMaximize = (maxim: boolean): void => {\n    maximized.value = maxim\n    const dom = dialogRef.value\n    if (!dom) return\n    if (maxim) {\n      // 先设置一个高度才会有过渡动画\n      setStyles(dom, { height: `${dom.offsetHeight}px` })\n      maximizeTransition.enter()\n    } else {\n      maximizeTransition.leave()\n    }\n  }\n\n  return { maximized, toggleMaximize }\n}\n"],"mappings":";;;;AAqBA,SAAgB,WAAW,SAA4B;CACrD,MAAM,EAAE,cAAc;CAEtB,MAAM,YAAY,WAAW,KAAK;CAElC,MAAM,qBAAqB,cAAc,OAAO;EAC9C,QAAQ;EACR,MAAM;EACN,aAAa;EACb,aAAa;GACX,UAAU,SAAS,aAAa,UAAU,OAAO,CAAC,QAAQ,CAAC;EAC7D;CACF,CAAC;;CAGD,MAAM,kBAAkB,UAAyB;EAC/C,UAAU,QAAQ;EAClB,MAAM,MAAM,UAAU;EACtB,IAAI,CAAC,KAAK;EACV,IAAI,OAAO;GAET,UAAU,KAAK,EAAE,QAAQ,GAAG,IAAI,aAAa,IAAI,CAAC;GAClD,mBAAmB,MAAM;EAC3B,OACE,mBAAmB,MAAM;CAE7B;CAEA,OAAO;EAAE;EAAW;CAAe;AACrC"}

package/dist/components/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","names":["$attrs"],"sources":["../../../src/components/drawer/drawer.vue"],"sourcesContent":["<template>\n  <Teleport to=\"body\">\n    <transition name=\"fade\" mode=\"out-in\" @enter=\"onEnter\">\n      <div v-if=\"overlayVisible\" :class=\"overlayCls.b\" :style=\"{ zIndex: zIndex() }\" @click=\"close\">\n        <transition :name=\"transitionName\" appear @after-leave=\"onAfterDrawerLeave\">\n          <div\n            v-bind=\"$attrs\"\n            v-if=\"drawerVisible\"\n            :class=\"drawerClass\"\n            :style=\"drawerStyle\"\n            @click.stop\n          >\n            <span :class=\"cls.e('close')\" @click=\"close\" v-if=\"showClose\">\n              <u-icon><Close /></u-icon>\n            </span>\n            <slot />\n          </div>\n        </transition>\n      </div>\n    </transition>\n  </Teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Close } from '@veltra/icons/normal'\nimport { bem, zIndex } from '@veltra/utils'\nimport { computed, shallowRef } from 'vue'\n\nimport type { DrawerProps, DrawerEmits } from '../../types'\nimport { UIcon } from '../icon'\n\ndefineOptions({ name: 'Drawer', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<DrawerProps>(), { direction: 'right', closable: true })\n\nconst emit = defineEmits<DrawerEmits>()\n\nconst cls = bem('drawer')\nconst overlayCls = bem('drawer-overlay')\n\nconst overlayVisible = defineModel<boolean>({ default: false })\n\nconst drawerVisible = shallowRef(false)\n\n// 根据方向计算过渡动画名称\nconst transitionName = computed(() => {\n  return `drawer-slide-${props.direction}`\n})\n\n// 计算抽屉样式类\nconst drawerClass = computed(() => {\n  return [cls.b, bem.is(props.direction)]\n})\n\n// 计算抽屉样式\nconst drawerStyle = computed(() => {\n  const style: Record<string, string> = {}\n\n  return style\n})\n\nconst onEnter = () => {\n  drawerVisible.value = true\n}\n\nconst onAfterDrawerLeave = () => {\n  overlayVisible.value = false\n}\n\n// 关闭抽屉\nconst close = () => {\n  drawerVisible.value = false\n  emit('close')\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,SAAQ;EACxB,MAAM,aAAa,IAAI,iBAAgB;EAEvC,MAAM,iBAAiB,SAAoB,SAAA,aAAmB;EAE9D,MAAM,gBAAgB,WAAW,MAAK;EAGtC,MAAM,iBAAiB,eAAe;GACpC,OAAO,gBAAgB,MAAM;IAC9B;EAGD,MAAM,cAAc,eAAe;GACjC,OAAO,CAAC,IAAI,GAAG,IAAI,GAAG,MAAM,UAAU,CAAA;IACvC;EAGD,MAAM,cAAc,eAAe;GAGjC,OAAO,EAAA;IACR;EAED,MAAM,gBAAgB;GACpB,cAAc,QAAQ;;EAGxB,MAAM,2BAA2B;GAC/B,eAAe,QAAQ;;EAIzB,MAAM,cAAc;GAClB,cAAc,QAAQ;GACtB,KAAK,QAAO;;;uBAvEZ,YAmBW,UAAA,EAnBD,IAAG,QAAM,EAAA,CACjB,YAiBa,YAAA;IAjBD,MAAK;IAAO,MAAK;IAAiB;;2BAgBtC,CAfK,eAAA,SAAA,WAAA,EAAX,mBAeM,OAAA;;KAfsB,OAAK,eAAE,MAAA,WAAA,CAAW,EAAC;KAAG,OAAK,eAAA,EAAA,QAAY,MAAA,OAAA,EAAM,EAAA,CAAA;KAAO,SAAO;QACrF,YAaa,YAAA;KAbA,MAAM,eAAA;KAAgB,QAAA;KAAQ,cAAa;;4BAYhD,CATE,cAAA,SAAA,WAAA,EAFR,mBAWM,OAXN,WAWM,EAAA,KAAA,GAAA,EAVIA,KAAAA,QAAM;MAEb,OAAO,YAAA;MACP,OAAO,YAAA;MACP,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA;UAEwC,QAAA,aAAA,WAAA,EAAnD,mBAEO,QAAA;;MAFA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,QAAA,CAAA;MAAY,SAAO;SACpC,YAA0B,MAAA,YAAA,EAAA,MAAA;6BAAT,CAAT,YAAS,MAAA,MAAA,CAAA,CAAA,CAAA;;kDAEnB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA,IAAA,mBAAA,QAAA,KAAA,CAAA,CAAA"}
+{"version":3,"file":"drawer.js","names":["$attrs"],"sources":["../../../src/components/drawer/drawer.vue"],"sourcesContent":["<template>\n  <Teleport to=\"body\">\n    <transition name=\"fade\" mode=\"out-in\" @enter=\"onEnter\">\n      <div v-if=\"overlayVisible\" :class=\"overlayCls.b\" :style=\"{ zIndex: zIndex() }\" @click=\"close\">\n        <transition :name=\"transitionName\" appear @after-leave=\"onAfterDrawerLeave\">\n          <div\n            v-bind=\"$attrs\"\n            v-if=\"drawerVisible\"\n            :class=\"drawerClass\"\n            :style=\"drawerStyle\"\n            @click.stop\n          >\n            <span :class=\"cls.e('close')\" @click=\"close\" v-if=\"showClose\">\n              <u-icon><Close /></u-icon>\n            </span>\n            <slot />\n          </div>\n        </transition>\n      </div>\n    </transition>\n  </Teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Close } from '@veltra/icons/normal'\nimport { bem, zIndex } from '@veltra/utils'\nimport { computed, shallowRef } from 'vue'\n\nimport type { DrawerProps, DrawerEmits } from '../../types'\nimport { UIcon } from '../icon'\n\ndefineOptions({ name: 'Drawer', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<DrawerProps>(), { direction: 'right', closable: true })\n\nconst emit = defineEmits<DrawerEmits>()\n\nconst cls = bem('drawer')\nconst overlayCls = bem('drawer-overlay')\n\nconst overlayVisible = defineModel<boolean>({ default: false })\n\nconst drawerVisible = shallowRef(false)\n\n// 根据方向计算过渡动画名称\nconst transitionName = computed(() => {\n  return `drawer-slide-${props.direction}`\n})\n\n// 计算抽屉样式类\nconst drawerClass = computed(() => {\n  return [cls.b, bem.is(props.direction)]\n})\n\n// 计算抽屉样式\nconst drawerStyle = computed(() => {\n  const style: Record<string, string> = {}\n\n  return style\n})\n\nconst onEnter = () => {\n  drawerVisible.value = true\n}\n\nconst onAfterDrawerLeave = () => {\n  overlayVisible.value = false\n}\n\n// 关闭抽屉\nconst close = () => {\n  drawerVisible.value = false\n  emit('close')\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,QAAQ;EACxB,MAAM,aAAa,IAAI,gBAAgB;EAEvC,MAAM,iBAAiB,SAAoB,SAAA,YAAmB;EAE9D,MAAM,gBAAgB,WAAW,KAAK;EAGtC,MAAM,iBAAiB,eAAe;GACpC,OAAO,gBAAgB,MAAM;EAC/B,CAAC;EAGD,MAAM,cAAc,eAAe;GACjC,OAAO,CAAC,IAAI,GAAG,IAAI,GAAG,MAAM,SAAS,CAAC;EACxC,CAAC;EAGD,MAAM,cAAc,eAAe;GAGjC,OAAO,CAAA;EACT,CAAC;EAED,MAAM,gBAAgB;GACpB,cAAc,QAAQ;EACxB;EAEA,MAAM,2BAA2B;GAC/B,eAAe,QAAQ;EACzB;EAGA,MAAM,cAAc;GAClB,cAAc,QAAQ;GACtB,KAAK,OAAO;EACd;;uBAxEE,YAmBW,UAAA,EAnBD,IAAG,OAAM,GAAA,CACjB,YAiBa,YAAA;IAjBD,MAAK;IAAO,MAAK;IAAiB;;2BAgBtC,CAfK,eAAA,SAAA,UAAA,GAAX,mBAeM,OAAA;;KAfsB,OAAK,eAAE,MAAA,UAAA,EAAW,CAAC;KAAG,OAAK,eAAA,EAAA,QAAY,MAAA,MAAA,EAAM,EAAA,CAAA;KAAO,SAAO;QACrF,YAaa,YAAA;KAbA,MAAM,eAAA;KAAgB,QAAA;KAAQ,cAAa;;4BAYhD,CATE,cAAA,SAAA,UAAA,GAFR,mBAWM,OAXN,WAWM,EAAA,KAAA,EAAA,GAVIA,KAAAA,QAAM;MAEb,OAAO,YAAA;MACP,OAAO,YAAA;MACP,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,CAAA,GAAW,CAAA,MAAA,CAAA;UAEwC,QAAA,aAAA,UAAA,GAAnD,mBAEO,QAAA;;MAFA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,OAAA,CAAA;MAAY,SAAO;SACpC,YAA0B,MAAA,WAAA,GAAA,MAAA;6BAAT,CAAT,YAAS,MAAA,KAAA,CAAA,CAAA,CAAA;;kDAEnB,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,EAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,CAAA"}

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

@@ -1,6 +1,4 @@
 import { DrawerDirection, DrawerProps } from "../../types/drawer.js";
-import * as _$vue from "vue";
-
 //#region src/components/drawer/drawer.vue.d.ts
 type __VLS_Props = DrawerProps;
 type __VLS_ModelProps = {
@@ -11,19 +9,19 @@ declare var __VLS_34: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_34) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:modelValue": (value: boolean) => any;
 } & {
   "update:modelValue": (value: boolean) => any;
   close: () => any;
   closed: () => any;
-}, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
   onClose?: (() => any) | undefined;
   onClosed?: (() => any) | undefined;
 }>, {
   direction: DrawerDirection;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("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 & {

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

@@ -1 +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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"}
+{"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

@@ -1,22 +1,19 @@
 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, {} & {
+declare const __VLS_base: import("vue").DefineComponent<DropdownProps, import("@veltra/utils").DeconstructValue<_DropdownExposed>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
   "update:visible": (visible: boolean) => any;
   keydown: (event: KeyboardEvent) => any;
-}, string, _$vue.PublicProps, Readonly<DropdownProps> & Readonly<{
+}, string, import("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>;
+}, {}, {}, {}, string, import("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 & {

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

@@ -1 +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({ name: 'Empty' })\n\nwithDefaults(defineProps<EmptyProps>(), { size: 48, text: '暂无数据' })\n\nconst cls = bem('empty')\n</script>\n"],"mappings":";;;;;;;;;;;;;EAkBA,MAAM,MAAM,IAAI,QAAO;;uBAjBrB,mBAGO,QAAA,EAHA,OAAK,eAAE,MAAA,IAAA,CAAI,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"}
+{"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({ name: 'Empty' })\n\nwithDefaults(defineProps<EmptyProps>(), { size: 48, text: '暂无数据' })\n\nconst cls = bem('empty')\n</script>\n"],"mappings":";;;;;;;;;;;;;EAkBA,MAAM,MAAM,IAAI,OAAO;;uBAjBrB,mBAGO,QAAA,EAHA,OAAK,eAAE,MAAA,GAAA,EAAI,CAAC,EAAA,GAAA,CACjB,YAAyC,MAAA,WAAA,GAAA,EAAhC,MAAM,QAAA,KAAI,GAAA;2BAAY,CAAT,YAAS,MAAA,KAAA,CAAA,CAAA,CAAA;;oBAC/B,mBAAqB,OAAA,MAAA,gBAAb,QAAA,IAAI,GAAA,CAAA,CAAA,GAAA,CAAA"}

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

@@ -1,11 +1,9 @@
 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;
+declare const __VLS_export: import("vue").DefineComponent<EmptyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EmptyProps> & Readonly<{}>, {
   text: string;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+  size: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

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

@@ -1 +1 @@
-{"version":3,"file":"path-preview.js","names":[],"sources":["../../../../src/components/expression-editor/components/path-preview.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('path-preview')\">\n    <div :class=\"cls.e('path-preview-title')\">变量路径</div>\n    <ul :class=\"cls.e('path-tree')\">\n      <li\n        v-for=\"(node, i) in path\"\n        :key=\"`${i}-${node.value || node.label}`\"\n        :class=\"[cls.e('path-tree-item'), bem.is('active', i === path.length - 1)]\"\n        :style=\"{ paddingLeft: `${i * 14}px` }\"\n      >\n        <span v-if=\"i > 0\" :class=\"cls.e('path-tree-branch')\">└</span>\n        <span :class=\"cls.e('path-tree-label')\">{{ node.label }}</span>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\n\nimport type { VariableItem } from '../../../types'\n\ndefineOptions({ name: 'ExpressionPathPreview' })\n\ndefineProps<{ path: VariableItem[] }>()\n\nconst cls = bem('expression-editor')\n</script>\n"],"mappings":";;;;;;;;EA0BA,MAAM,MAAM,IAAI,oBAAmB;;uBAzBjC,mBAaM,OAAA,EAbA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,eAAA,CAAA,EAAA,EAAA,CAChB,mBAAoD,OAAA,EAA9C,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,qBAAA,CAAA,EAAA,EAAwB,QAAI,EAAA,EAC9C,mBAUK,MAAA,EAVA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,YAAA,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EACf,mBAQK,UAAA,MAAA,WAPiB,QAAA,OAAZ,MAAM,MAAC;wBADjB,mBAQK,MAAA;KANF,KAAG,GAAK,EAAC,GAAI,KAAK,SAAS,KAAK;KAChC,OAAK,eAAA,CAAG,MAAA,IAAA,CAAI,EAAC,iBAAA,EAAoB,MAAA,IAAA,CAAI,GAAE,UAAW,MAAM,QAAA,KAAK,SAAM,EAAA,CAAA,CAAA;KACnE,OAAK,eAAA,EAAA,aAAA,GAAoB,IAAC,GAAA,KAAA,CAAA;QAEf,IAAC,KAAA,WAAA,EAAb,mBAA8D,QAAA;;KAA1C,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,mBAAA,CAAA;OAAsB,KAAC,EAAA,IAAA,mBAAA,QAAA,KAAA,EACvD,mBAA+D,QAAA,EAAxD,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,kBAAA,CAAA,EAAA,EAAA,gBAAwB,KAAK,MAAK,EAAA,EAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"path-preview.js","names":[],"sources":["../../../../src/components/expression-editor/components/path-preview.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('path-preview')\">\n    <div :class=\"cls.e('path-preview-title')\">变量路径</div>\n    <ul :class=\"cls.e('path-tree')\">\n      <li\n        v-for=\"(node, i) in path\"\n        :key=\"`${i}-${node.value || node.label}`\"\n        :class=\"[cls.e('path-tree-item'), bem.is('active', i === path.length - 1)]\"\n        :style=\"{ paddingLeft: `${i * 14}px` }\"\n      >\n        <span v-if=\"i > 0\" :class=\"cls.e('path-tree-branch')\">└</span>\n        <span :class=\"cls.e('path-tree-label')\">{{ node.label }}</span>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\n\nimport type { VariableItem } from '../../../types'\n\ndefineOptions({ name: 'ExpressionPathPreview' })\n\ndefineProps<{ path: VariableItem[] }>()\n\nconst cls = bem('expression-editor')\n</script>\n"],"mappings":";;;;;;;;EA0BA,MAAM,MAAM,IAAI,mBAAmB;;uBAzBjC,mBAaM,OAAA,EAbA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,cAAA,CAAA,EAAA,GAAA,CAChB,mBAAoD,OAAA,EAA9C,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,oBAAA,CAAA,EAAA,GAAwB,QAAI,CAAA,GAC9C,mBAUK,MAAA,EAVA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,WAAA,CAAA,EAAA,GAAA,EAAA,UAAA,IAAA,GACf,mBAQK,UAAA,MAAA,WAPiB,QAAA,OAAZ,MAAM,MAAC;wBADjB,mBAQK,MAAA;KANF,KAAG,GAAK,EAAC,GAAI,KAAK,SAAS,KAAK;KAChC,OAAK,eAAA,CAAG,MAAA,GAAA,EAAI,EAAC,gBAAA,GAAoB,MAAA,GAAA,EAAI,GAAE,UAAW,MAAM,QAAA,KAAK,SAAM,CAAA,CAAA,CAAA;KACnE,OAAK,eAAA,EAAA,aAAA,GAAoB,IAAC,GAAA,IAAA,CAAA;QAEf,IAAC,KAAA,UAAA,GAAb,mBAA8D,QAAA;;KAA1C,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,kBAAA,CAAA;OAAsB,KAAC,CAAA,KAAA,mBAAA,QAAA,IAAA,GACvD,mBAA+D,QAAA,EAAxD,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,iBAAA,CAAA,EAAA,GAAA,gBAAwB,KAAK,KAAK,GAAA,CAAA,CAAA,GAAA,CAAA"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"editor.js","names":[],"sources":["../../../../src/components/expression-editor/core/editor.ts"],"sourcesContent":["import type { BEM } from '@veltra/utils'\n\nimport type { VariableItem } from '../../../types'\nimport { createChip, isChipElement, readChipType, readChipValue } from './chip'\nimport { normalize, parse, serialize, type Doc, type Segment } from './model'\n\nconst TEXT_SEG_ATTR = 'data-seg'\nconst TEXT_SEG_VALUE = 'text'\n\nexport interface EditorVariableInfo {\n  value: string\n  label: string\n  type?: string\n}\n\nexport interface EditorOptions {\n  container: HTMLElement\n  cls: BEM<'expression-editor'>\n  initialDoc: Doc\n  /**\n   * 在 DOM → 模型反推、字符串 → 模型反序列化时为 chip 补齐 label / type。\n   * 用 getter 形式以便外层 `variables` props 变化时拿到最新映射。\n   */\n  getVariableMap?: () => Map<string, VariableItem>\n  /** 模型每次更新（包括用户键入文本）后回调 */\n  onChange?: (doc: Doc) => void\n  /** 选中区域 / 光标偏移变化时回调，offset 为序列化字符串中的位置；无选中或不在编辑器内时为 null */\n  onSelectionChange?: (info: { offset: number | null }) => void\n  /** 用户点击某个 chip 的主体（重选） */\n  onChipReselect?: (info: { chipEl: HTMLElement; segIndex: number; chipOffset: number }) => void\n  /** 用户点击某个 chip 的 ×（删除） */\n  onChipRemove?: (info: { chipEl: HTMLElement; segIndex: number }) => void\n}\n\nexport interface EditorAPI {\n  /** 当前模型 */\n  getDoc(): Doc\n  /** 完全替换模型（会重渲染 DOM） */\n  setDoc(doc: Doc): void\n  /** 序列化为字符串（modelValue 形态） */\n  getValue(): string\n  /** 反序列化字符串为模型并替换（可选传入 variableMap 以补齐 label/type） */\n  setValue(value: string): void\n  /** 当前光标偏移（无 selection 返回 null） */\n  getCaretOffset(): number | null\n  /** 把光标设置到指定偏移（不会修改模型） */\n  setCaretOffset(offset: number): void\n  /**\n   * 用一个 var chip 替换 [start, end) 区间。\n   * 调用方通常在 mention 选中时用：start = `@` 起点、end = 当前光标。\n   */\n  replaceRangeWithVar(start: number, end: number, variable: EditorVariableInfo): void\n  /** 移除指定段下标对应的 var chip（必须是 var 段）。 */\n  removeVarAt(segIndex: number): void\n  /** 替换指定段下标对应的 var chip 为新变量（必须是 var 段）。 */\n  replaceVarAt(segIndex: number, variable: EditorVariableInfo): void\n  /** 卸载所有事件监听（不会销毁 container DOM） */\n  dispose(): void\n  /** 强制根据当前模型重渲染 DOM（光标位置尽量保留） */\n  rerender(): void\n  /** 容器引用（只读） */\n  readonly container: HTMLElement\n}\n\nexport function createEditor(opts: EditorOptions): EditorAPI {\n  let doc: Doc = normalize(opts.initialDoc)\n  let composing = false\n\n  function emitChange(next: Doc) {\n    doc = next\n    opts.onChange?.(doc)\n  }\n\n  function makeTextSpan(value: string): HTMLSpanElement {\n    const span = document.createElement('span')\n    span.setAttribute(TEXT_SEG_ATTR, TEXT_SEG_VALUE)\n    span.textContent = value\n    return span\n  }\n\n  function makeChipSpan(seg: Extract<Segment, { kind: 'var' }>): HTMLElement {\n    return createChip(seg, {\n      cls: opts.cls,\n      onReselect: (chipEl) => {\n        const { segIndex, chipOffset } = locateChip(chipEl)\n        if (segIndex < 0) return\n        opts.onChipReselect?.({ chipEl, segIndex, chipOffset })\n      },\n      onRemove: (chipEl) => {\n        const { segIndex } = locateChip(chipEl)\n        if (segIndex < 0) return\n        opts.onChipRemove?.({ chipEl, segIndex })\n      }\n    })\n  }\n\n  function locateChip(chipEl: HTMLElement): { segIndex: number; chipOffset: number } {\n    let chipOffset = 0\n    let segIdx = -1\n    let i = 0\n    for (const child of Array.from(opts.container.childNodes)) {\n      if (child === chipEl) {\n        segIdx = i\n        return { segIndex: segIdx, chipOffset }\n      }\n      chipOffset += childSerialLength(child)\n      i++\n    }\n    return { segIndex: -1, chipOffset: -1 }\n  }\n\n  function childSerialLength(node: Node): number {\n    if (isChipElement(node)) return readChipValue(node).length + 2\n    return (node.textContent ?? '').length\n  }\n\n  /** 渲染 doc 到 container：每个 var 两侧都补一个 text span（即便空），保证光标可停靠。 */\n  function render(targetCaret?: number) {\n    const container = opts.container\n    container.innerHTML = ''\n\n    // 在边界与每两个 var 之间确保有 text span 占位\n    const expanded: Segment[] = []\n    let lastWasVar = false\n    let first = true\n    for (const seg of doc) {\n      if (first) {\n        if (seg.kind === 'var') expanded.push({ kind: 'text', value: '' })\n        first = false\n      } else if (lastWasVar && seg.kind === 'var') {\n        expanded.push({ kind: 'text', value: '' })\n      }\n      expanded.push(seg)\n      lastWasVar = seg.kind === 'var'\n    }\n    if (lastWasVar || expanded.length === 0) expanded.push({ kind: 'text', value: '' })\n\n    for (const seg of expanded) {\n      if (seg.kind === 'text') container.appendChild(makeTextSpan(seg.value))\n      else container.appendChild(makeChipSpan(seg))\n    }\n\n    if (typeof targetCaret === 'number') setCaret(targetCaret)\n  }\n\n  /** 从 DOM 反推模型：宽容裸 text node、空 text span。 */\n  function readDocFromDOM(): Doc {\n    const segs: Segment[] = []\n    for (const child of Array.from(opts.container.childNodes)) {\n      if (isChipElement(child)) {\n        const value = readChipValue(child)\n        const domType = readChipType(child)\n        const fallbackLabel =\n          child.querySelector(`.${opts.cls.e('chip-label')}`)?.textContent ?? value\n        // 优先从 variableMap 取最新 label / type，保持与外部数据源一致\n        const fromMap = opts.getVariableMap?.().get(value)\n        const finalType = fromMap?.type ?? domType\n        const seg: Segment = finalType\n          ? { kind: 'var', value, label: fromMap?.label ?? fallbackLabel, type: finalType }\n          : { kind: 'var', value, label: fromMap?.label ?? fallbackLabel }\n        segs.push(seg)\n      } else {\n        segs.push({ kind: 'text', value: child.textContent ?? '' })\n      }\n    }\n    return normalize(segs)\n  }\n\n  /**\n   * 计算光标在序列化字符串中的全局偏移。\n   * 规则：\n   *  - 在 text span / 裸 text node 中：父级 / 节点之前的 segments 长度累加 + selection 内偏移\n   *  - 在 chip 边界：根据 selection 在 chip 节点之前 / 之后判断\n   */\n  function getCaretOffset(): number | null {\n    const sel = document.getSelection()\n    if (!sel || sel.rangeCount === 0) return null\n    const range = sel.getRangeAt(0)\n    if (!opts.container.contains(range.startContainer)) return null\n\n    let offset = 0\n    let found = false\n    for (const child of Array.from(opts.container.childNodes)) {\n      if (found) break\n      if (isChipElement(child)) {\n        if (range.startContainer === child) {\n          // selection.startOffset 表示子节点索引：0 表示 chip 起始，>=1 表示 chip 之后\n          if (range.startOffset === 0) return offset\n          return offset + childSerialLength(child)\n        }\n        if (range.startContainer === opts.container && getChildIndex(child) === range.startOffset) {\n          // 容器层 selection：偏移即子节点索引\n          return offset\n        }\n        offset += childSerialLength(child)\n      } else {\n        // text span 或裸 text 节点\n        if (\n          range.startContainer === child ||\n          (child.contains(range.startContainer) && child !== opts.container)\n        ) {\n          // 计算 selection 在该 child textContent 中的偏移\n          const localOffset = computeTextOffsetWithin(\n            child,\n            range.startContainer,\n            range.startOffset\n          )\n          return offset + localOffset\n        }\n        if (range.startContainer === opts.container && getChildIndex(child) === range.startOffset) {\n          return offset\n        }\n        offset += childSerialLength(child)\n      }\n    }\n    if (\n      range.startContainer === opts.container &&\n      range.startOffset === opts.container.childNodes.length\n    ) {\n      return offset\n    }\n    return null\n  }\n\n  function getChildIndex(node: Node): number {\n    let i = 0\n    let cur: Node | null = node.previousSibling\n    while (cur) {\n      i++\n      cur = cur.previousSibling\n    }\n    return i\n  }\n\n  function computeTextOffsetWithin(root: Node, target: Node, targetOffset: number): number {\n    if (root === target) return targetOffset\n    let total = 0\n    function walk(n: Node): boolean {\n      if (n === target) {\n        total += targetOffset\n        return true\n      }\n      if (n.nodeType === 3) {\n        total += (n as Text).data.length\n        return false\n      }\n      for (const c of Array.from(n.childNodes)) {\n        if (walk(c)) return true\n      }\n      return false\n    }\n    walk(root)\n    return total\n  }\n\n  /** 把光标放到 offset 处，offset 大于文档长度时落到末尾。 */\n  function setCaret(offset: number): void {\n    const sel = document.getSelection()\n    if (!sel) return\n\n    let remain = offset\n    const children = Array.from(opts.container.childNodes)\n    for (let i = 0; i < children.length; i++) {\n      const child = children[i]!\n      const len = childSerialLength(child)\n      if (isChipElement(child)) {\n        if (remain <= 0) {\n          // 光标定到 chip 之前 → 落到容器层 child 索引\n          placeAt(opts.container, i)\n          return\n        }\n        if (remain < len) {\n          // 落在 chip 内部 → 视作 chip 之后\n          placeAt(opts.container, i + 1)\n          return\n        }\n        remain -= len\n      } else {\n        if (remain <= len) {\n          // 落在该 text span 内\n          placeWithinText(child, remain)\n          return\n        }\n        remain -= len\n      }\n    }\n    // 落到末尾\n    if (children.length === 0) {\n      placeAt(opts.container, 0)\n      return\n    }\n    const last = children[children.length - 1]!\n    if (isChipElement(last)) placeAt(opts.container, children.length)\n    else placeWithinText(last, (last.textContent ?? '').length)\n  }\n\n  function placeAt(parent: Node, index: number) {\n    const sel = document.getSelection()\n    if (!sel) return\n    const range = document.createRange()\n    range.setStart(parent, index)\n    range.collapse(true)\n    sel.removeAllRanges()\n    sel.addRange(range)\n  }\n\n  function placeWithinText(span: Node, offset: number): void {\n    const sel = document.getSelection()\n    if (!sel) return\n    const target = firstTextDescendant(span)\n    const range = document.createRange()\n    if (target) {\n      const max = target.data.length\n      range.setStart(target, Math.min(offset, max))\n    } else {\n      // 空 span：让光标落到 span 内（child index 0）\n      range.setStart(span, 0)\n    }\n    range.collapse(true)\n    sel.removeAllRanges()\n    sel.addRange(range)\n  }\n\n  function firstTextDescendant(root: Node): Text | null {\n    if (root.nodeType === 3) return root as Text\n    for (const c of Array.from(root.childNodes)) {\n      const t = firstTextDescendant(c)\n      if (t) return t\n    }\n    return null\n  }\n\n  /** input 后：从 DOM 反推 doc，并触发 onChange（如有变化）。 */\n  function syncFromDOM(): void {\n    if (composing) return\n    const next = readDocFromDOM()\n    if (!docEqual(next, doc)) emitChange(next)\n  }\n\n  function docEqual(a: Doc, b: Doc): boolean {\n    if (a.length !== b.length) return false\n    for (let i = 0; i < a.length; i++) {\n      const x = a[i]!\n      const y = b[i]!\n      if (x.kind !== y.kind) return false\n      if (x.kind === 'text' && y.kind === 'text' && x.value !== y.value) return false\n      if (x.kind === 'var' && y.kind === 'var') {\n        if (x.value !== y.value || x.label !== y.label || x.type !== y.type) return false\n      }\n    }\n    return true\n  }\n\n  function onInput() {\n    syncFromDOM()\n  }\n  function onCompositionStart() {\n    composing = true\n  }\n  function onCompositionEnd() {\n    composing = false\n    syncFromDOM()\n  }\n  function onPaste(e: ClipboardEvent) {\n    e.preventDefault()\n    const text = e.clipboardData?.getData('text/plain') ?? ''\n    if (!text) return\n    insertPlainTextAtCaret(text)\n  }\n  function onSelectionChange() {\n    if (composing) return\n    if (!opts.onSelectionChange) return\n    const sel = document.getSelection()\n    if (!sel || sel.rangeCount === 0) {\n      opts.onSelectionChange({ offset: null })\n      return\n    }\n    const range = sel.getRangeAt(0)\n    if (!opts.container.contains(range.startContainer)) {\n      opts.onSelectionChange({ offset: null })\n      return\n    }\n    opts.onSelectionChange({ offset: getCaretOffset() })\n  }\n\n  function insertPlainTextAtCaret(text: string) {\n    const sel = document.getSelection()\n    if (!sel || sel.rangeCount === 0) return\n    const range = sel.getRangeAt(0)\n    if (!opts.container.contains(range.startContainer)) return\n    range.deleteContents()\n    const node = document.createTextNode(text)\n    range.insertNode(node)\n    range.setStartAfter(node)\n    range.collapse(true)\n    sel.removeAllRanges()\n    sel.addRange(range)\n    syncFromDOM()\n  }\n\n  // 命令：替换区间为 var chip\n  function replaceRangeWithVar(start: number, end: number, variable: EditorVariableInfo) {\n    const a = Math.min(start, end)\n    const b = Math.max(start, end)\n    const left = sliceDoc(doc, 0, a)\n    const right = sliceDoc(doc, b, totalLength(doc))\n    const inserted: Segment = variable.type\n      ? { kind: 'var', value: variable.value, label: variable.label, type: variable.type }\n      : { kind: 'var', value: variable.value, label: variable.label }\n    const next = normalize([...left, inserted, ...right])\n    emitChange(next)\n    render(a + variable.value.length + 2) // 光标定到 chip 之后\n  }\n\n  function removeVarAt(segIndex: number) {\n    const target = doc[segIndex]\n    if (!target || target.kind !== 'var') return\n    const before = doc.slice(0, segIndex)\n    const after = doc.slice(segIndex + 1)\n    const caretOffset = sliceLength(before)\n    const next = normalize([...before, ...after])\n    emitChange(next)\n    render(caretOffset)\n  }\n\n  function replaceVarAt(segIndex: number, variable: EditorVariableInfo) {\n    const target = doc[segIndex]\n    if (!target || target.kind !== 'var') return\n    const next = doc.slice()\n    const replaced: Segment = variable.type\n      ? { kind: 'var', value: variable.value, label: variable.label, type: variable.type }\n      : { kind: 'var', value: variable.value, label: variable.label }\n    next[segIndex] = replaced\n    const caretOffset = sliceLength(doc.slice(0, segIndex)) + variable.value.length + 2\n    emitChange(normalize(next))\n    render(caretOffset)\n  }\n\n  // 工具：基于序列化偏移的切片（不会切开 var）\n  function sliceDoc(d: Doc, start: number, end: number): Doc {\n    const out: Segment[] = []\n    let pos = 0\n    for (const seg of d) {\n      const len = seg.kind === 'text' ? seg.value.length : seg.value.length + 2\n      const segStart = pos\n      const segEnd = pos + len\n      if (segEnd <= start || segStart >= end) {\n        pos += len\n        continue\n      }\n      if (seg.kind === 'text') {\n        const a = Math.max(0, start - segStart)\n        const b = Math.min(len, end - segStart)\n        const slice = seg.value.slice(a, b)\n        if (slice) out.push({ kind: 'text', value: slice })\n      } else {\n        // var 是原子：只有当 [start, end) 完整覆盖该 var 时保留；否则抛弃\n        if (start <= segStart && end >= segEnd) out.push(seg)\n      }\n      pos += len\n    }\n    return out\n  }\n\n  function sliceLength(d: Doc): number {\n    let n = 0\n    for (const s of d) n += s.kind === 'text' ? s.value.length : s.value.length + 2\n    return n\n  }\n\n  function totalLength(d: Doc): number {\n    return sliceLength(d)\n  }\n\n  // 绑定监听\n  const container = opts.container\n  container.addEventListener('input', onInput)\n  container.addEventListener('compositionstart', onCompositionStart)\n  container.addEventListener('compositionend', onCompositionEnd)\n  container.addEventListener('paste', onPaste)\n  document.addEventListener('selectionchange', onSelectionChange)\n\n  // 初次渲染\n  render()\n\n  return {\n    getDoc: () => doc,\n    setDoc: (next) => {\n      doc = normalize(next)\n      render()\n      opts.onChange?.(doc)\n    },\n    getValue: () => serialize(doc),\n    setValue: (value) => {\n      doc = parse(value, opts.getVariableMap?.())\n      render()\n      opts.onChange?.(doc)\n    },\n    getCaretOffset,\n    setCaretOffset: setCaret,\n    replaceRangeWithVar,\n    removeVarAt,\n    replaceVarAt,\n    rerender: () => render(),\n    dispose: () => {\n      container.removeEventListener('input', onInput)\n      container.removeEventListener('compositionstart', onCompositionStart)\n      container.removeEventListener('compositionend', onCompositionEnd)\n      container.removeEventListener('paste', onPaste)\n      document.removeEventListener('selectionchange', onSelectionChange)\n    },\n    container\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"editor.js","names":[],"sources":["../../../../src/components/expression-editor/core/editor.ts"],"sourcesContent":["import type { BEM } from '@veltra/utils'\n\nimport type { VariableItem } from '../../../types'\nimport { createChip, isChipElement, readChipType, readChipValue } from './chip'\nimport { normalize, parse, serialize, type Doc, type Segment } from './model'\n\nconst TEXT_SEG_ATTR = 'data-seg'\nconst TEXT_SEG_VALUE = 'text'\n\nexport interface EditorVariableInfo {\n  value: string\n  label: string\n  type?: string\n}\n\nexport interface EditorOptions {\n  container: HTMLElement\n  cls: BEM<'expression-editor'>\n  initialDoc: Doc\n  /**\n   * 在 DOM → 模型反推、字符串 → 模型反序列化时为 chip 补齐 label / type。\n   * 用 getter 形式以便外层 `variables` props 变化时拿到最新映射。\n   */\n  getVariableMap?: () => Map<string, VariableItem>\n  /** 模型每次更新（包括用户键入文本）后回调 */\n  onChange?: (doc: Doc) => void\n  /** 选中区域 / 光标偏移变化时回调，offset 为序列化字符串中的位置；无选中或不在编辑器内时为 null */\n  onSelectionChange?: (info: { offset: number | null }) => void\n  /** 用户点击某个 chip 的主体（重选） */\n  onChipReselect?: (info: { chipEl: HTMLElement; segIndex: number; chipOffset: number }) => void\n  /** 用户点击某个 chip 的 ×（删除） */\n  onChipRemove?: (info: { chipEl: HTMLElement; segIndex: number }) => void\n}\n\nexport interface EditorAPI {\n  /** 当前模型 */\n  getDoc(): Doc\n  /** 完全替换模型（会重渲染 DOM） */\n  setDoc(doc: Doc): void\n  /** 序列化为字符串（modelValue 形态） */\n  getValue(): string\n  /** 反序列化字符串为模型并替换（可选传入 variableMap 以补齐 label/type） */\n  setValue(value: string): void\n  /** 当前光标偏移（无 selection 返回 null） */\n  getCaretOffset(): number | null\n  /** 把光标设置到指定偏移（不会修改模型） */\n  setCaretOffset(offset: number): void\n  /**\n   * 用一个 var chip 替换 [start, end) 区间。\n   * 调用方通常在 mention 选中时用：start = `@` 起点、end = 当前光标。\n   */\n  replaceRangeWithVar(start: number, end: number, variable: EditorVariableInfo): void\n  /** 移除指定段下标对应的 var chip（必须是 var 段）。 */\n  removeVarAt(segIndex: number): void\n  /** 替换指定段下标对应的 var chip 为新变量（必须是 var 段）。 */\n  replaceVarAt(segIndex: number, variable: EditorVariableInfo): void\n  /** 卸载所有事件监听（不会销毁 container DOM） */\n  dispose(): void\n  /** 强制根据当前模型重渲染 DOM（光标位置尽量保留） */\n  rerender(): void\n  /** 容器引用（只读） */\n  readonly container: HTMLElement\n}\n\nexport function createEditor(opts: EditorOptions): EditorAPI {\n  let doc: Doc = normalize(opts.initialDoc)\n  let composing = false\n\n  function emitChange(next: Doc) {\n    doc = next\n    opts.onChange?.(doc)\n  }\n\n  function makeTextSpan(value: string): HTMLSpanElement {\n    const span = document.createElement('span')\n    span.setAttribute(TEXT_SEG_ATTR, TEXT_SEG_VALUE)\n    span.textContent = value\n    return span\n  }\n\n  function makeChipSpan(seg: Extract<Segment, { kind: 'var' }>): HTMLElement {\n    return createChip(seg, {\n      cls: opts.cls,\n      onReselect: (chipEl) => {\n        const { segIndex, chipOffset } = locateChip(chipEl)\n        if (segIndex < 0) return\n        opts.onChipReselect?.({ chipEl, segIndex, chipOffset })\n      },\n      onRemove: (chipEl) => {\n        const { segIndex } = locateChip(chipEl)\n        if (segIndex < 0) return\n        opts.onChipRemove?.({ chipEl, segIndex })\n      }\n    })\n  }\n\n  function locateChip(chipEl: HTMLElement): { segIndex: number; chipOffset: number } {\n    let chipOffset = 0\n    let segIdx = -1\n    let i = 0\n    for (const child of Array.from(opts.container.childNodes)) {\n      if (child === chipEl) {\n        segIdx = i\n        return { segIndex: segIdx, chipOffset }\n      }\n      chipOffset += childSerialLength(child)\n      i++\n    }\n    return { segIndex: -1, chipOffset: -1 }\n  }\n\n  function childSerialLength(node: Node): number {\n    if (isChipElement(node)) return readChipValue(node).length + 2\n    return (node.textContent ?? '').length\n  }\n\n  /** 渲染 doc 到 container：每个 var 两侧都补一个 text span（即便空），保证光标可停靠。 */\n  function render(targetCaret?: number) {\n    const container = opts.container\n    container.innerHTML = ''\n\n    // 在边界与每两个 var 之间确保有 text span 占位\n    const expanded: Segment[] = []\n    let lastWasVar = false\n    let first = true\n    for (const seg of doc) {\n      if (first) {\n        if (seg.kind === 'var') expanded.push({ kind: 'text', value: '' })\n        first = false\n      } else if (lastWasVar && seg.kind === 'var') {\n        expanded.push({ kind: 'text', value: '' })\n      }\n      expanded.push(seg)\n      lastWasVar = seg.kind === 'var'\n    }\n    if (lastWasVar || expanded.length === 0) expanded.push({ kind: 'text', value: '' })\n\n    for (const seg of expanded) {\n      if (seg.kind === 'text') container.appendChild(makeTextSpan(seg.value))\n      else container.appendChild(makeChipSpan(seg))\n    }\n\n    if (typeof targetCaret === 'number') setCaret(targetCaret)\n  }\n\n  /** 从 DOM 反推模型：宽容裸 text node、空 text span。 */\n  function readDocFromDOM(): Doc {\n    const segs: Segment[] = []\n    for (const child of Array.from(opts.container.childNodes)) {\n      if (isChipElement(child)) {\n        const value = readChipValue(child)\n        const domType = readChipType(child)\n        const fallbackLabel =\n          child.querySelector(`.${opts.cls.e('chip-label')}`)?.textContent ?? value\n        // 优先从 variableMap 取最新 label / type，保持与外部数据源一致\n        const fromMap = opts.getVariableMap?.().get(value)\n        const finalType = fromMap?.type ?? domType\n        const seg: Segment = finalType\n          ? { kind: 'var', value, label: fromMap?.label ?? fallbackLabel, type: finalType }\n          : { kind: 'var', value, label: fromMap?.label ?? fallbackLabel }\n        segs.push(seg)\n      } else {\n        segs.push({ kind: 'text', value: child.textContent ?? '' })\n      }\n    }\n    return normalize(segs)\n  }\n\n  /**\n   * 计算光标在序列化字符串中的全局偏移。\n   * 规则：\n   *  - 在 text span / 裸 text node 中：父级 / 节点之前的 segments 长度累加 + selection 内偏移\n   *  - 在 chip 边界：根据 selection 在 chip 节点之前 / 之后判断\n   */\n  function getCaretOffset(): number | null {\n    const sel = document.getSelection()\n    if (!sel || sel.rangeCount === 0) return null\n    const range = sel.getRangeAt(0)\n    if (!opts.container.contains(range.startContainer)) return null\n\n    let offset = 0\n    let found = false\n    for (const child of Array.from(opts.container.childNodes)) {\n      if (found) break\n      if (isChipElement(child)) {\n        if (range.startContainer === child) {\n          // selection.startOffset 表示子节点索引：0 表示 chip 起始，>=1 表示 chip 之后\n          if (range.startOffset === 0) return offset\n          return offset + childSerialLength(child)\n        }\n        if (range.startContainer === opts.container && getChildIndex(child) === range.startOffset) {\n          // 容器层 selection：偏移即子节点索引\n          return offset\n        }\n        offset += childSerialLength(child)\n      } else {\n        // text span 或裸 text 节点\n        if (\n          range.startContainer === child ||\n          (child.contains(range.startContainer) && child !== opts.container)\n        ) {\n          // 计算 selection 在该 child textContent 中的偏移\n          const localOffset = computeTextOffsetWithin(\n            child,\n            range.startContainer,\n            range.startOffset\n          )\n          return offset + localOffset\n        }\n        if (range.startContainer === opts.container && getChildIndex(child) === range.startOffset) {\n          return offset\n        }\n        offset += childSerialLength(child)\n      }\n    }\n    if (\n      range.startContainer === opts.container &&\n      range.startOffset === opts.container.childNodes.length\n    ) {\n      return offset\n    }\n    return null\n  }\n\n  function getChildIndex(node: Node): number {\n    let i = 0\n    let cur: Node | null = node.previousSibling\n    while (cur) {\n      i++\n      cur = cur.previousSibling\n    }\n    return i\n  }\n\n  function computeTextOffsetWithin(root: Node, target: Node, targetOffset: number): number {\n    if (root === target) return targetOffset\n    let total = 0\n    function walk(n: Node): boolean {\n      if (n === target) {\n        total += targetOffset\n        return true\n      }\n      if (n.nodeType === 3) {\n        total += (n as Text).data.length\n        return false\n      }\n      for (const c of Array.from(n.childNodes)) {\n        if (walk(c)) return true\n      }\n      return false\n    }\n    walk(root)\n    return total\n  }\n\n  /** 把光标放到 offset 处，offset 大于文档长度时落到末尾。 */\n  function setCaret(offset: number): void {\n    const sel = document.getSelection()\n    if (!sel) return\n\n    let remain = offset\n    const children = Array.from(opts.container.childNodes)\n    for (let i = 0; i < children.length; i++) {\n      const child = children[i]!\n      const len = childSerialLength(child)\n      if (isChipElement(child)) {\n        if (remain <= 0) {\n          // 光标定到 chip 之前 → 落到容器层 child 索引\n          placeAt(opts.container, i)\n          return\n        }\n        if (remain < len) {\n          // 落在 chip 内部 → 视作 chip 之后\n          placeAt(opts.container, i + 1)\n          return\n        }\n        remain -= len\n      } else {\n        if (remain <= len) {\n          // 落在该 text span 内\n          placeWithinText(child, remain)\n          return\n        }\n        remain -= len\n      }\n    }\n    // 落到末尾\n    if (children.length === 0) {\n      placeAt(opts.container, 0)\n      return\n    }\n    const last = children[children.length - 1]!\n    if (isChipElement(last)) placeAt(opts.container, children.length)\n    else placeWithinText(last, (last.textContent ?? '').length)\n  }\n\n  function placeAt(parent: Node, index: number) {\n    const sel = document.getSelection()\n    if (!sel) return\n    const range = document.createRange()\n    range.setStart(parent, index)\n    range.collapse(true)\n    sel.removeAllRanges()\n    sel.addRange(range)\n  }\n\n  function placeWithinText(span: Node, offset: number): void {\n    const sel = document.getSelection()\n    if (!sel) return\n    const target = firstTextDescendant(span)\n    const range = document.createRange()\n    if (target) {\n      const max = target.data.length\n      range.setStart(target, Math.min(offset, max))\n    } else {\n      // 空 span：让光标落到 span 内（child index 0）\n      range.setStart(span, 0)\n    }\n    range.collapse(true)\n    sel.removeAllRanges()\n    sel.addRange(range)\n  }\n\n  function firstTextDescendant(root: Node): Text | null {\n    if (root.nodeType === 3) return root as Text\n    for (const c of Array.from(root.childNodes)) {\n      const t = firstTextDescendant(c)\n      if (t) return t\n    }\n    return null\n  }\n\n  /** input 后：从 DOM 反推 doc，并触发 onChange（如有变化）。 */\n  function syncFromDOM(): void {\n    if (composing) return\n    const next = readDocFromDOM()\n    if (!docEqual(next, doc)) emitChange(next)\n  }\n\n  function docEqual(a: Doc, b: Doc): boolean {\n    if (a.length !== b.length) return false\n    for (let i = 0; i < a.length; i++) {\n      const x = a[i]!\n      const y = b[i]!\n      if (x.kind !== y.kind) return false\n      if (x.kind === 'text' && y.kind === 'text' && x.value !== y.value) return false\n      if (x.kind === 'var' && y.kind === 'var') {\n        if (x.value !== y.value || x.label !== y.label || x.type !== y.type) return false\n      }\n    }\n    return true\n  }\n\n  function onInput() {\n    syncFromDOM()\n  }\n  function onCompositionStart() {\n    composing = true\n  }\n  function onCompositionEnd() {\n    composing = false\n    syncFromDOM()\n  }\n  function onPaste(e: ClipboardEvent) {\n    e.preventDefault()\n    const text = e.clipboardData?.getData('text/plain') ?? ''\n    if (!text) return\n    insertPlainTextAtCaret(text)\n  }\n  function onSelectionChange() {\n    if (composing) return\n    if (!opts.onSelectionChange) return\n    const sel = document.getSelection()\n    if (!sel || sel.rangeCount === 0) {\n      opts.onSelectionChange({ offset: null })\n      return\n    }\n    const range = sel.getRangeAt(0)\n    if (!opts.container.contains(range.startContainer)) {\n      opts.onSelectionChange({ offset: null })\n      return\n    }\n    opts.onSelectionChange({ offset: getCaretOffset() })\n  }\n\n  function insertPlainTextAtCaret(text: string) {\n    const sel = document.getSelection()\n    if (!sel || sel.rangeCount === 0) return\n    const range = sel.getRangeAt(0)\n    if (!opts.container.contains(range.startContainer)) return\n    range.deleteContents()\n    const node = document.createTextNode(text)\n    range.insertNode(node)\n    range.setStartAfter(node)\n    range.collapse(true)\n    sel.removeAllRanges()\n    sel.addRange(range)\n    syncFromDOM()\n  }\n\n  // 命令：替换区间为 var chip\n  function replaceRangeWithVar(start: number, end: number, variable: EditorVariableInfo) {\n    const a = Math.min(start, end)\n    const b = Math.max(start, end)\n    const left = sliceDoc(doc, 0, a)\n    const right = sliceDoc(doc, b, totalLength(doc))\n    const inserted: Segment = variable.type\n      ? { kind: 'var', value: variable.value, label: variable.label, type: variable.type }\n      : { kind: 'var', value: variable.value, label: variable.label }\n    const next = normalize([...left, inserted, ...right])\n    emitChange(next)\n    render(a + variable.value.length + 2) // 光标定到 chip 之后\n  }\n\n  function removeVarAt(segIndex: number) {\n    const target = doc[segIndex]\n    if (!target || target.kind !== 'var') return\n    const before = doc.slice(0, segIndex)\n    const after = doc.slice(segIndex + 1)\n    const caretOffset = sliceLength(before)\n    const next = normalize([...before, ...after])\n    emitChange(next)\n    render(caretOffset)\n  }\n\n  function replaceVarAt(segIndex: number, variable: EditorVariableInfo) {\n    const target = doc[segIndex]\n    if (!target || target.kind !== 'var') return\n    const next = doc.slice()\n    const replaced: Segment = variable.type\n      ? { kind: 'var', value: variable.value, label: variable.label, type: variable.type }\n      : { kind: 'var', value: variable.value, label: variable.label }\n    next[segIndex] = replaced\n    const caretOffset = sliceLength(doc.slice(0, segIndex)) + variable.value.length + 2\n    emitChange(normalize(next))\n    render(caretOffset)\n  }\n\n  // 工具：基于序列化偏移的切片（不会切开 var）\n  function sliceDoc(d: Doc, start: number, end: number): Doc {\n    const out: Segment[] = []\n    let pos = 0\n    for (const seg of d) {\n      const len = seg.kind === 'text' ? seg.value.length : seg.value.length + 2\n      const segStart = pos\n      const segEnd = pos + len\n      if (segEnd <= start || segStart >= end) {\n        pos += len\n        continue\n      }\n      if (seg.kind === 'text') {\n        const a = Math.max(0, start - segStart)\n        const b = Math.min(len, end - segStart)\n        const slice = seg.value.slice(a, b)\n        if (slice) out.push({ kind: 'text', value: slice })\n      } else {\n        // var 是原子：只有当 [start, end) 完整覆盖该 var 时保留；否则抛弃\n        if (start <= segStart && end >= segEnd) out.push(seg)\n      }\n      pos += len\n    }\n    return out\n  }\n\n  function sliceLength(d: Doc): number {\n    let n = 0\n    for (const s of d) n += s.kind === 'text' ? s.value.length : s.value.length + 2\n    return n\n  }\n\n  function totalLength(d: Doc): number {\n    return sliceLength(d)\n  }\n\n  // 绑定监听\n  const container = opts.container\n  container.addEventListener('input', onInput)\n  container.addEventListener('compositionstart', onCompositionStart)\n  container.addEventListener('compositionend', onCompositionEnd)\n  container.addEventListener('paste', onPaste)\n  document.addEventListener('selectionchange', onSelectionChange)\n\n  // 初次渲染\n  render()\n\n  return {\n    getDoc: () => doc,\n    setDoc: (next) => {\n      doc = normalize(next)\n      render()\n      opts.onChange?.(doc)\n    },\n    getValue: () => serialize(doc),\n    setValue: (value) => {\n      doc = parse(value, opts.getVariableMap?.())\n      render()\n      opts.onChange?.(doc)\n    },\n    getCaretOffset,\n    setCaretOffset: setCaret,\n    replaceRangeWithVar,\n    removeVarAt,\n    replaceVarAt,\n    rerender: () => render(),\n    dispose: () => {\n      container.removeEventListener('input', onInput)\n      container.removeEventListener('compositionstart', onCompositionStart)\n      container.removeEventListener('compositionend', onCompositionEnd)\n      container.removeEventListener('paste', onPaste)\n      document.removeEventListener('selectionchange', onSelectionChange)\n    },\n    container\n  }\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"mention.js","names":[],"sources":["../../../../src/components/expression-editor/core/mention.ts"],"sourcesContent":["import type { Doc } from './model'\n\nexport interface MentionState {\n  /** `@` 字符在序列化字符串中的偏移 */\n  anchorOffset: number\n  /** `@` 之后到当前光标之间的字符 */\n  filter: string\n}\n\nexport interface MentionAPI {\n  /**\n   * 根据当前 doc + 光标 offset 推导 mention 状态。\n   * 返回最新状态（可能为 null = 未激活）。\n   */\n  update(doc: Doc, caret: number | null): MentionState | null\n  /**\n   * 主动退出当前 mention（用户按 Esc / 空格 / ←→ / 失焦）。\n   * 退出后即便光标仍在合法范围内，也不会自动重新激活，\n   * 直到光标离开当前 anchor 区域（如：@ 被删除或光标跨段）后再次出现新的 `@`。\n   */\n  dismiss(): void\n  /** 选中后由调用方调用，清理状态（含 dismissedAnchor），下一个 `@` 可重新激活。 */\n  commit(): void\n  /** 当前状态（只读） */\n  getState(): MentionState | null\n}\n\nexport function createMention(): MentionAPI {\n  let state: MentionState | null = null\n  let dismissedAnchor: number | null = null\n\n  function derive(doc: Doc, caret: number | null): MentionState | null {\n    if (caret === null) return null\n\n    // 找到 caret 落在哪个 text segment 以及段内偏移\n    let pos = 0\n    let textValue: string | null = null\n    let textStart = 0\n    let inTextOffset = 0\n    for (const seg of doc) {\n      const len = seg.kind === 'text' ? seg.value.length : seg.value.length + 2\n      if (caret <= pos + len) {\n        if (seg.kind === 'text') {\n          textValue = seg.value\n          textStart = pos\n          inTextOffset = caret - pos\n        }\n        break\n      }\n      pos += len\n    }\n    // 边界：caret 位于结尾且没有命中段，allow caret == 文档末尾且最后段是 text\n    if (textValue === null) {\n      const lastSeg = doc[doc.length - 1]\n      if (lastSeg && lastSeg.kind === 'text') {\n        const lastStart = totalLengthBefore(doc, doc.length - 1)\n        if (caret === lastStart + lastSeg.value.length) {\n          textValue = lastSeg.value\n          textStart = lastStart\n          inTextOffset = lastSeg.value.length\n        }\n      }\n    }\n    if (textValue === null) return null\n\n    // 从 inTextOffset 向前扫描，遇到空白前的最后一个 @ 即为 anchor\n    let i = inTextOffset - 1\n    while (i >= 0) {\n      const ch = textValue[i]\n      if (ch === '@') {\n        const filter = textValue.slice(i + 1, inTextOffset)\n        if (/\\s/.test(filter)) return null\n        return { anchorOffset: textStart + i, filter }\n      }\n      if (ch && /\\s/.test(ch)) return null\n      i--\n    }\n    return null\n  }\n\n  function totalLengthBefore(doc: Doc, segIndex: number): number {\n    let n = 0\n    for (let i = 0; i < segIndex; i++) {\n      const s = doc[i]!\n      n += s.kind === 'text' ? s.value.length : s.value.length + 2\n    }\n    return n\n  }\n\n  return {\n    update(doc, caret) {\n      const candidate = derive(doc, caret)\n      if (!candidate) {\n        // 派生不到合法 mention，dismissedAnchor 失去意义\n        dismissedAnchor = null\n        state = null\n        return state\n      }\n      if (dismissedAnchor !== null && candidate.anchorOffset === dismissedAnchor) {\n        // 仍处于上次主动退出的同一个 anchor 范围内，不重新激活\n        state = null\n        return state\n      }\n      // 走到这里说明：（1）首次激活；或（2）anchor 与 dismissed 不同（例如又输入了一个 @）\n      dismissedAnchor = null\n      state = candidate\n      return state\n    },\n    dismiss() {\n      if (state) dismissedAnchor = state.anchorOffset\n      state = null\n    },\n    commit() {\n      state = null\n      dismissedAnchor = null\n    },\n    getState() {\n      return state\n    }\n  }\n}\n"],"mappings":";AA2BA,SAAgB,gBAA4B;CAC1C,IAAI,QAA6B;CACjC,IAAI,kBAAiC;CAErC,SAAS,OAAO,KAAU,OAA2C;EACnE,IAAI,UAAU,MAAM,OAAO;EAG3B,IAAI,MAAM;EACV,IAAI,YAA2B;EAC/B,IAAI,YAAY;EAChB,IAAI,eAAe;EACnB,KAAK,MAAM,OAAO,KAAK;GACrB,MAAM,MAAM,IAAI,SAAS,SAAS,IAAI,MAAM,SAAS,IAAI,MAAM,SAAS;GACxE,IAAI,SAAS,MAAM,KAAK;IACtB,IAAI,IAAI,SAAS,QAAQ;KACvB,YAAY,IAAI;KAChB,YAAY;KACZ,eAAe,QAAQ;;IAEzB;;GAEF,OAAO;;EAGT,IAAI,cAAc,MAAM;GACtB,MAAM,UAAU,IAAI,IAAI,SAAS;GACjC,IAAI,WAAW,QAAQ,SAAS,QAAQ;IACtC,MAAM,YAAY,kBAAkB,KAAK,IAAI,SAAS,EAAE;IACxD,IAAI,UAAU,YAAY,QAAQ,MAAM,QAAQ;KAC9C,YAAY,QAAQ;KACpB,YAAY;KACZ,eAAe,QAAQ,MAAM;;;;EAInC,IAAI,cAAc,MAAM,OAAO;EAG/B,IAAI,IAAI,eAAe;EACvB,OAAO,KAAK,GAAG;GACb,MAAM,KAAK,UAAU;GACrB,IAAI,OAAO,KAAK;IACd,MAAM,SAAS,UAAU,MAAM,IAAI,GAAG,aAAa;IACnD,IAAI,KAAK,KAAK,OAAO,EAAE,OAAO;IAC9B,OAAO;KAAE,cAAc,YAAY;KAAG;KAAQ;;GAEhD,IAAI,MAAM,KAAK,KAAK,GAAG,EAAE,OAAO;GAChC;;EAEF,OAAO;;CAGT,SAAS,kBAAkB,KAAU,UAA0B;EAC7D,IAAI,IAAI;EACR,KAAK,IAAI,IAAI,GAAG,IAAI,UAAU,KAAK;GACjC,MAAM,IAAI,IAAI;GACd,KAAK,EAAE,SAAS,SAAS,EAAE,MAAM,SAAS,EAAE,MAAM,SAAS;;EAE7D,OAAO;;CAGT,OAAO;EACL,OAAO,KAAK,OAAO;GACjB,MAAM,YAAY,OAAO,KAAK,MAAM;GACpC,IAAI,CAAC,WAAW;IAEd,kBAAkB;IAClB,QAAQ;IACR,OAAO;;GAET,IAAI,oBAAoB,QAAQ,UAAU,iBAAiB,iBAAiB;IAE1E,QAAQ;IACR,OAAO;;GAGT,kBAAkB;GAClB,QAAQ;GACR,OAAO;;EAET,UAAU;GACR,IAAI,OAAO,kBAAkB,MAAM;GACnC,QAAQ;;EAEV,SAAS;GACP,QAAQ;GACR,kBAAkB;;EAEpB,WAAW;GACT,OAAO;;EAEV"}
+{"version":3,"file":"mention.js","names":[],"sources":["../../../../src/components/expression-editor/core/mention.ts"],"sourcesContent":["import type { Doc } from './model'\n\nexport interface MentionState {\n  /** `@` 字符在序列化字符串中的偏移 */\n  anchorOffset: number\n  /** `@` 之后到当前光标之间的字符 */\n  filter: string\n}\n\nexport interface MentionAPI {\n  /**\n   * 根据当前 doc + 光标 offset 推导 mention 状态。\n   * 返回最新状态（可能为 null = 未激活）。\n   */\n  update(doc: Doc, caret: number | null): MentionState | null\n  /**\n   * 主动退出当前 mention（用户按 Esc / 空格 / ←→ / 失焦）。\n   * 退出后即便光标仍在合法范围内，也不会自动重新激活，\n   * 直到光标离开当前 anchor 区域（如：@ 被删除或光标跨段）后再次出现新的 `@`。\n   */\n  dismiss(): void\n  /** 选中后由调用方调用，清理状态（含 dismissedAnchor），下一个 `@` 可重新激活。 */\n  commit(): void\n  /** 当前状态（只读） */\n  getState(): MentionState | null\n}\n\nexport function createMention(): MentionAPI {\n  let state: MentionState | null = null\n  let dismissedAnchor: number | null = null\n\n  function derive(doc: Doc, caret: number | null): MentionState | null {\n    if (caret === null) return null\n\n    // 找到 caret 落在哪个 text segment 以及段内偏移\n    let pos = 0\n    let textValue: string | null = null\n    let textStart = 0\n    let inTextOffset = 0\n    for (const seg of doc) {\n      const len = seg.kind === 'text' ? seg.value.length : seg.value.length + 2\n      if (caret <= pos + len) {\n        if (seg.kind === 'text') {\n          textValue = seg.value\n          textStart = pos\n          inTextOffset = caret - pos\n        }\n        break\n      }\n      pos += len\n    }\n    // 边界：caret 位于结尾且没有命中段，allow caret == 文档末尾且最后段是 text\n    if (textValue === null) {\n      const lastSeg = doc[doc.length - 1]\n      if (lastSeg && lastSeg.kind === 'text') {\n        const lastStart = totalLengthBefore(doc, doc.length - 1)\n        if (caret === lastStart + lastSeg.value.length) {\n          textValue = lastSeg.value\n          textStart = lastStart\n          inTextOffset = lastSeg.value.length\n        }\n      }\n    }\n    if (textValue === null) return null\n\n    // 从 inTextOffset 向前扫描，遇到空白前的最后一个 @ 即为 anchor\n    let i = inTextOffset - 1\n    while (i >= 0) {\n      const ch = textValue[i]\n      if (ch === '@') {\n        const filter = textValue.slice(i + 1, inTextOffset)\n        if (/\\s/.test(filter)) return null\n        return { anchorOffset: textStart + i, filter }\n      }\n      if (ch && /\\s/.test(ch)) return null\n      i--\n    }\n    return null\n  }\n\n  function totalLengthBefore(doc: Doc, segIndex: number): number {\n    let n = 0\n    for (let i = 0; i < segIndex; i++) {\n      const s = doc[i]!\n      n += s.kind === 'text' ? s.value.length : s.value.length + 2\n    }\n    return n\n  }\n\n  return {\n    update(doc, caret) {\n      const candidate = derive(doc, caret)\n      if (!candidate) {\n        // 派生不到合法 mention，dismissedAnchor 失去意义\n        dismissedAnchor = null\n        state = null\n        return state\n      }\n      if (dismissedAnchor !== null && candidate.anchorOffset === dismissedAnchor) {\n        // 仍处于上次主动退出的同一个 anchor 范围内，不重新激活\n        state = null\n        return state\n      }\n      // 走到这里说明：（1）首次激活；或（2）anchor 与 dismissed 不同（例如又输入了一个 @）\n      dismissedAnchor = null\n      state = candidate\n      return state\n    },\n    dismiss() {\n      if (state) dismissedAnchor = state.anchorOffset\n      state = null\n    },\n    commit() {\n      state = null\n      dismissedAnchor = null\n    },\n    getState() {\n      return state\n    }\n  }\n}\n"],"mappings":";AA2BA,SAAgB,gBAA4B;CAC1C,IAAI,QAA6B;CACjC,IAAI,kBAAiC;CAErC,SAAS,OAAO,KAAU,OAA2C;EACnE,IAAI,UAAU,MAAM,OAAO;EAG3B,IAAI,MAAM;EACV,IAAI,YAA2B;EAC/B,IAAI,YAAY;EAChB,IAAI,eAAe;EACnB,KAAK,MAAM,OAAO,KAAK;GACrB,MAAM,MAAM,IAAI,SAAS,SAAS,IAAI,MAAM,SAAS,IAAI,MAAM,SAAS;GACxE,IAAI,SAAS,MAAM,KAAK;IACtB,IAAI,IAAI,SAAS,QAAQ;KACvB,YAAY,IAAI;KAChB,YAAY;KACZ,eAAe,QAAQ;IACzB;IACA;GACF;GACA,OAAO;EACT;EAEA,IAAI,cAAc,MAAM;GACtB,MAAM,UAAU,IAAI,IAAI,SAAS;GACjC,IAAI,WAAW,QAAQ,SAAS,QAAQ;IACtC,MAAM,YAAY,kBAAkB,KAAK,IAAI,SAAS,CAAC;IACvD,IAAI,UAAU,YAAY,QAAQ,MAAM,QAAQ;KAC9C,YAAY,QAAQ;KACpB,YAAY;KACZ,eAAe,QAAQ,MAAM;IAC/B;GACF;EACF;EACA,IAAI,cAAc,MAAM,OAAO;EAG/B,IAAI,IAAI,eAAe;EACvB,OAAO,KAAK,GAAG;GACb,MAAM,KAAK,UAAU;GACrB,IAAI,OAAO,KAAK;IACd,MAAM,SAAS,UAAU,MAAM,IAAI,GAAG,YAAY;IAClD,IAAI,KAAK,KAAK,MAAM,GAAG,OAAO;IAC9B,OAAO;KAAE,cAAc,YAAY;KAAG;IAAO;GAC/C;GACA,IAAI,MAAM,KAAK,KAAK,EAAE,GAAG,OAAO;GAChC;EACF;EACA,OAAO;CACT;CAEA,SAAS,kBAAkB,KAAU,UAA0B;EAC7D,IAAI,IAAI;EACR,KAAK,IAAI,IAAI,GAAG,IAAI,UAAU,KAAK;GACjC,MAAM,IAAI,IAAI;GACd,KAAK,EAAE,SAAS,SAAS,EAAE,MAAM,SAAS,EAAE,MAAM,SAAS;EAC7D;EACA,OAAO;CACT;CAEA,OAAO;EACL,OAAO,KAAK,OAAO;GACjB,MAAM,YAAY,OAAO,KAAK,KAAK;GACnC,IAAI,CAAC,WAAW;IAEd,kBAAkB;IAClB,QAAQ;IACR,OAAO;GACT;GACA,IAAI,oBAAoB,QAAQ,UAAU,iBAAiB,iBAAiB;IAE1E,QAAQ;IACR,OAAO;GACT;GAEA,kBAAkB;GAClB,QAAQ;GACR,OAAO;EACT;EACA,UAAU;GACR,IAAI,OAAO,kBAAkB,MAAM;GACnC,QAAQ;EACV;EACA,SAAS;GACP,QAAQ;GACR,kBAAkB;EACpB;EACA,WAAW;GACT,OAAO;EACT;CACF;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"model.js","names":[],"sources":["../../../../src/components/expression-editor/core/model.ts"],"sourcesContent":["import type { VariableItem } from '../../../types'\n\n/** 单个文档段：纯文本或变量 chip */\nexport type Segment =\n  | { kind: 'text'; value: string }\n  | { kind: 'var'; value: string; label: string; type?: string }\n\n/** 归一化的文档形态：相邻 text 段会合并、空 text 段不保留 */\nexport type Doc = Segment[]\n\nconst VARIABLE_PATTERN = /\\{([^}]+)\\}/g\n\n/**\n * 反序列化：将 modelValue 字符串解析为 Segment[]。\n * 沿用旧 parser.ts 的正则切分逻辑，保证 round-trip 与历史一致。\n */\nexport function parse(content: string, variableMap?: Map<string, VariableItem>): Doc {\n  const segments: Segment[] = []\n  if (!content) return segments\n\n  let cursor = 0\n  for (const match of content.matchAll(VARIABLE_PATTERN)) {\n    const value = match[1]!\n    const start = match.index!\n    if (start > cursor) {\n      segments.push({ kind: 'text', value: content.slice(cursor, start) })\n    }\n    const found = variableMap?.get(value)\n    segments.push({\n      kind: 'var',\n      value,\n      label: found?.label ?? value,\n      ...(found?.type ? { type: found.type } : {})\n    })\n    cursor = start + match[0].length\n  }\n  if (cursor < content.length) {\n    segments.push({ kind: 'text', value: content.slice(cursor) })\n  }\n\n  return normalize(segments)\n}\n\n/** 序列化：var 段输出 `{value}`，text 段直接拼接。 */\nexport function serialize(doc: Doc): string {\n  let out = ''\n  for (const seg of doc) {\n    out += seg.kind === 'text' ? seg.value : `{${seg.value}}`\n  }\n  return out\n}\n\n/**\n * 归一化：合并相邻 text 段、丢弃空 text 段。\n * 注意：DOM 层另需保证 var 两侧有 text 占位（即便空），由 editor 渲染时补齐。\n */\nexport function normalize(doc: Doc): Doc {\n  const out: Segment[] = []\n  for (const seg of doc) {\n    if (seg.kind === 'text') {\n      if (!seg.value) continue\n      const last = out[out.length - 1]\n      if (last && last.kind === 'text') {\n        out[out.length - 1] = { kind: 'text', value: last.value + seg.value }\n        continue\n      }\n    }\n    out.push(seg)\n  }\n  return out\n}\n\ninterface SplitResult {\n  before: Doc\n  after: Doc\n}\n\n/**\n * 在序列化后的字符串偏移上切分（不会切开 var）。\n * 若偏移落在 var 中间，向前对齐到 var 起点。\n */\nexport function splitAt(doc: Doc, globalOffset: number): SplitResult {\n  const before: Doc = []\n  const after: Doc = []\n  let pos = 0\n  let consumed = false\n\n  for (const seg of doc) {\n    const segLen = seg.kind === 'text' ? seg.value.length : seg.value.length + 2\n    if (consumed) {\n      after.push(seg)\n      continue\n    }\n    if (globalOffset >= pos + segLen) {\n      before.push(seg)\n      pos += segLen\n      continue\n    }\n    if (seg.kind === 'text') {\n      const offset = globalOffset - pos\n      if (offset > 0) before.push({ kind: 'text', value: seg.value.slice(0, offset) })\n      if (offset < seg.value.length) after.push({ kind: 'text', value: seg.value.slice(offset) })\n    } else {\n      after.push(seg)\n    }\n    consumed = true\n  }\n  return { before, after }\n}\n"],"mappings":";AAUA,MAAM,mBAAmB;;;;;AAMzB,SAAgB,MAAM,SAAiB,aAA8C;CACnF,MAAM,WAAsB,EAAE;CAC9B,IAAI,CAAC,SAAS,OAAO;CAErB,IAAI,SAAS;CACb,KAAK,MAAM,SAAS,QAAQ,SAAS,iBAAiB,EAAE;EACtD,MAAM,QAAQ,MAAM;EACpB,MAAM,QAAQ,MAAM;EACpB,IAAI,QAAQ,QACV,SAAS,KAAK;GAAE,MAAM;GAAQ,OAAO,QAAQ,MAAM,QAAQ,MAAM;GAAE,CAAC;EAEtE,MAAM,QAAQ,aAAa,IAAI,MAAM;EACrC,SAAS,KAAK;GACZ,MAAM;GACN;GACA,OAAO,OAAO,SAAS;GACvB,GAAI,OAAO,OAAO,EAAE,MAAM,MAAM,MAAM,GAAG,EAAE;GAC5C,CAAC;EACF,SAAS,QAAQ,MAAM,GAAG;;CAE5B,IAAI,SAAS,QAAQ,QACnB,SAAS,KAAK;EAAE,MAAM;EAAQ,OAAO,QAAQ,MAAM,OAAO;EAAE,CAAC;CAG/D,OAAO,UAAU,SAAS;;;AAI5B,SAAgB,UAAU,KAAkB;CAC1C,IAAI,MAAM;CACV,KAAK,MAAM,OAAO,KAChB,OAAO,IAAI,SAAS,SAAS,IAAI,QAAQ,IAAI,IAAI,MAAM;CAEzD,OAAO;;;;;;AAOT,SAAgB,UAAU,KAAe;CACvC,MAAM,MAAiB,EAAE;CACzB,KAAK,MAAM,OAAO,KAAK;EACrB,IAAI,IAAI,SAAS,QAAQ;GACvB,IAAI,CAAC,IAAI,OAAO;GAChB,MAAM,OAAO,IAAI,IAAI,SAAS;GAC9B,IAAI,QAAQ,KAAK,SAAS,QAAQ;IAChC,IAAI,IAAI,SAAS,KAAK;KAAE,MAAM;KAAQ,OAAO,KAAK,QAAQ,IAAI;KAAO;IACrE;;;EAGJ,IAAI,KAAK,IAAI;;CAEf,OAAO"}
+{"version":3,"file":"model.js","names":[],"sources":["../../../../src/components/expression-editor/core/model.ts"],"sourcesContent":["import type { VariableItem } from '../../../types'\n\n/** 单个文档段：纯文本或变量 chip */\nexport type Segment =\n  | { kind: 'text'; value: string }\n  | { kind: 'var'; value: string; label: string; type?: string }\n\n/** 归一化的文档形态：相邻 text 段会合并、空 text 段不保留 */\nexport type Doc = Segment[]\n\nconst VARIABLE_PATTERN = /\\{([^}]+)\\}/g\n\n/**\n * 反序列化：将 modelValue 字符串解析为 Segment[]。\n * 沿用旧 parser.ts 的正则切分逻辑，保证 round-trip 与历史一致。\n */\nexport function parse(content: string, variableMap?: Map<string, VariableItem>): Doc {\n  const segments: Segment[] = []\n  if (!content) return segments\n\n  let cursor = 0\n  for (const match of content.matchAll(VARIABLE_PATTERN)) {\n    const value = match[1]!\n    const start = match.index!\n    if (start > cursor) {\n      segments.push({ kind: 'text', value: content.slice(cursor, start) })\n    }\n    const found = variableMap?.get(value)\n    segments.push({\n      kind: 'var',\n      value,\n      label: found?.label ?? value,\n      ...(found?.type ? { type: found.type } : {})\n    })\n    cursor = start + match[0].length\n  }\n  if (cursor < content.length) {\n    segments.push({ kind: 'text', value: content.slice(cursor) })\n  }\n\n  return normalize(segments)\n}\n\n/** 序列化：var 段输出 `{value}`，text 段直接拼接。 */\nexport function serialize(doc: Doc): string {\n  let out = ''\n  for (const seg of doc) {\n    out += seg.kind === 'text' ? seg.value : `{${seg.value}}`\n  }\n  return out\n}\n\n/**\n * 归一化：合并相邻 text 段、丢弃空 text 段。\n * 注意：DOM 层另需保证 var 两侧有 text 占位（即便空），由 editor 渲染时补齐。\n */\nexport function normalize(doc: Doc): Doc {\n  const out: Segment[] = []\n  for (const seg of doc) {\n    if (seg.kind === 'text') {\n      if (!seg.value) continue\n      const last = out[out.length - 1]\n      if (last && last.kind === 'text') {\n        out[out.length - 1] = { kind: 'text', value: last.value + seg.value }\n        continue\n      }\n    }\n    out.push(seg)\n  }\n  return out\n}\n\ninterface SplitResult {\n  before: Doc\n  after: Doc\n}\n\n/**\n * 在序列化后的字符串偏移上切分（不会切开 var）。\n * 若偏移落在 var 中间，向前对齐到 var 起点。\n */\nexport function splitAt(doc: Doc, globalOffset: number): SplitResult {\n  const before: Doc = []\n  const after: Doc = []\n  let pos = 0\n  let consumed = false\n\n  for (const seg of doc) {\n    const segLen = seg.kind === 'text' ? seg.value.length : seg.value.length + 2\n    if (consumed) {\n      after.push(seg)\n      continue\n    }\n    if (globalOffset >= pos + segLen) {\n      before.push(seg)\n      pos += segLen\n      continue\n    }\n    if (seg.kind === 'text') {\n      const offset = globalOffset - pos\n      if (offset > 0) before.push({ kind: 'text', value: seg.value.slice(0, offset) })\n      if (offset < seg.value.length) after.push({ kind: 'text', value: seg.value.slice(offset) })\n    } else {\n      after.push(seg)\n    }\n    consumed = true\n  }\n  return { before, after }\n}\n"],"mappings":";AAUA,MAAM,mBAAmB;;;;;AAMzB,SAAgB,MAAM,SAAiB,aAA8C;CACnF,MAAM,WAAsB,CAAC;CAC7B,IAAI,CAAC,SAAS,OAAO;CAErB,IAAI,SAAS;CACb,KAAK,MAAM,SAAS,QAAQ,SAAS,gBAAgB,GAAG;EACtD,MAAM,QAAQ,MAAM;EACpB,MAAM,QAAQ,MAAM;EACpB,IAAI,QAAQ,QACV,SAAS,KAAK;GAAE,MAAM;GAAQ,OAAO,QAAQ,MAAM,QAAQ,KAAK;EAAE,CAAC;EAErE,MAAM,QAAQ,aAAa,IAAI,KAAK;EACpC,SAAS,KAAK;GACZ,MAAM;GACN;GACA,OAAO,OAAO,SAAS;GACvB,GAAI,OAAO,OAAO,EAAE,MAAM,MAAM,KAAK,IAAI,CAAC;EAC5C,CAAC;EACD,SAAS,QAAQ,MAAM,GAAG;CAC5B;CACA,IAAI,SAAS,QAAQ,QACnB,SAAS,KAAK;EAAE,MAAM;EAAQ,OAAO,QAAQ,MAAM,MAAM;CAAE,CAAC;CAG9D,OAAO,UAAU,QAAQ;AAC3B;;AAGA,SAAgB,UAAU,KAAkB;CAC1C,IAAI,MAAM;CACV,KAAK,MAAM,OAAO,KAChB,OAAO,IAAI,SAAS,SAAS,IAAI,QAAQ,IAAI,IAAI,MAAM;CAEzD,OAAO;AACT;;;;;AAMA,SAAgB,UAAU,KAAe;CACvC,MAAM,MAAiB,CAAC;CACxB,KAAK,MAAM,OAAO,KAAK;EACrB,IAAI,IAAI,SAAS,QAAQ;GACvB,IAAI,CAAC,IAAI,OAAO;GAChB,MAAM,OAAO,IAAI,IAAI,SAAS;GAC9B,IAAI,QAAQ,KAAK,SAAS,QAAQ;IAChC,IAAI,IAAI,SAAS,KAAK;KAAE,MAAM;KAAQ,OAAO,KAAK,QAAQ,IAAI;IAAM;IACpE;GACF;EACF;EACA,IAAI,KAAK,GAAG;CACd;CACA,OAAO;AACT"}

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

@@ -1 +1 @@
-{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/expression-editor/di.ts"],"sourcesContent":["import type { VariableItem } from '../../types'\n\n/** 扁平化变量树，创建 value -> VariableItem 的映射，用于 DOM → 模型反推时补齐 label/type。 */\nexport function createVariableMap(variables?: VariableItem[]): Map<string, VariableItem> {\n  const map = new Map<string, VariableItem>()\n  function traverse(items: VariableItem[] | undefined) {\n    if (!items) return\n    for (const item of items) {\n      map.set(item.value, item)\n      if (item.children) traverse(item.children)\n    }\n  }\n  traverse(variables)\n  return map\n}\n"],"mappings":";;AAGA,SAAgB,kBAAkB,WAAuD;CACvF,MAAM,sBAAM,IAAI,KAA2B;CAC3C,SAAS,SAAS,OAAmC;EACnD,IAAI,CAAC,OAAO;EACZ,KAAK,MAAM,QAAQ,OAAO;GACxB,IAAI,IAAI,KAAK,OAAO,KAAK;GACzB,IAAI,KAAK,UAAU,SAAS,KAAK,SAAS;;;CAG9C,SAAS,UAAU;CACnB,OAAO"}
+{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/expression-editor/di.ts"],"sourcesContent":["import type { VariableItem } from '../../types'\n\n/** 扁平化变量树，创建 value -> VariableItem 的映射，用于 DOM → 模型反推时补齐 label/type。 */\nexport function createVariableMap(variables?: VariableItem[]): Map<string, VariableItem> {\n  const map = new Map<string, VariableItem>()\n  function traverse(items: VariableItem[] | undefined) {\n    if (!items) return\n    for (const item of items) {\n      map.set(item.value, item)\n      if (item.children) traverse(item.children)\n    }\n  }\n  traverse(variables)\n  return map\n}\n"],"mappings":";;AAGA,SAAgB,kBAAkB,WAAuD;CACvF,MAAM,sBAAM,IAAI,IAA0B;CAC1C,SAAS,SAAS,OAAmC;EACnD,IAAI,CAAC,OAAO;EACZ,KAAK,MAAM,QAAQ,OAAO;GACxB,IAAI,IAAI,KAAK,OAAO,IAAI;GACxB,IAAI,KAAK,UAAU,SAAS,KAAK,QAAQ;EAC3C;CACF;CACA,SAAS,SAAS;CAClB,OAAO;AACT"}