@veltra/desktop 1.0.13 → 1.0.14

package/src/components/tree/style.scss

@@ -1,23 +1,11 @@
 @use 'pkg:@veltra/styles/mixins' as m;
 @use 'pkg:@veltra/styles/functions' as fn;
-@use 'sass:map';
 
 $root-name: tree;
 
-// 每一级缩进与展开图标 / 叶子占位保持一致的宽度，
+// 每一级缩进与展开图标 / 叶子图标保持一致的宽度，
 // 保证节点内容在各层之间横向对齐。
 $indent-width: 20px;
-$indent-leaf-width: 20px;
-$expand-icon-size: 20px;
-// 节点稳态高度，与 `tree.vue` 中 `estimateSize` 协同，用于虚拟滚动初始估算。
-$node-min-height-small: 28px;
-$node-min-height-default: 32px;
-$node-min-height-large: 40px;
-$node-min-heights: (
-  small: $node-min-height-small,
-  default: $node-min-height-default,
-  large: $node-min-height-large
-);
 
 @include m.b($root-name) {
   @include m.size using ($size) {
@@ -33,7 +21,7 @@ $node-min-heights: (
     }
 
     @include m.bem($root-name, node) {
-      min-height: map.get($node-min-heights, $size);
+      min-height: fn.use-var(form-component-height, $size);
     }
   }
 
@@ -85,22 +73,23 @@ $node-min-heights: (
     @include m.flex($align: center);
 
     @include m.is(selected) {
-      // 左侧 3px 色带，配合淡色背景共同构成选中态。
-      &::before {
-        content: '';
-        position: absolute;
-        left: 0;
-        top: 4px;
-        bottom: 4px;
-        width: 3px;
-        border-radius: 3px;
-        background-color: fn.use-var(color, primary);
-      }
-
       @include m.bem($root-name, node-content) {
         background-color: fn.use-var(color, primary, light-9);
         color: fn.use-var(color, primary);
         font-weight: 500;
+
+        // 左侧 3px 色带，配合淡色背景共同构成选中态；
+        // 贴在节点内容（而非整行）左侧，避免与缩进 / 图标错位。
+        &::before {
+          content: '';
+          position: absolute;
+          left: 0;
+          top: 4px;
+          bottom: 4px;
+          width: 3px;
+          border-radius: 3px;
+          background-color: fn.use-var(color, primary);
+        }
       }
     }
 
@@ -128,18 +117,14 @@ $node-min-heights: (
   @include m.e(indent) {
     flex-shrink: 0;
     width: $indent-width;
-
-    @include m.em(indent, leaf) {
-      width: $indent-leaf-width;
-    }
   }
 
   @include m.e(expand-icon) {
     cursor: pointer;
     flex-shrink: 0;
-    width: $expand-icon-size;
-    height: $expand-icon-size;
-    font-size: $expand-icon-size;
+    width: $indent-width;
+    height: $indent-width;
+    font-size: $indent-width;
     border-radius: 50%;
     transition:
       transform 0.15s cubic-bezier(0.4, 0, 0.2, 1),
@@ -150,7 +135,19 @@ $node-min-heights: (
     }
   }
 
+  // 叶子节点的占位标识：与展开图标占据相同尺寸以保持同列对齐，
+  // 通过淡色 + 缩小的圆点显式表达"叶子"语义，避免空白看起来像缺失。
+  @include m.e(leaf-icon) {
+    flex-shrink: 0;
+    width: $indent-width;
+    height: $indent-width;
+    font-size: $indent-width;
+    color: fn.use-var(text-color, placeholder);
+    pointer-events: none;
+  }
+
   @include m.e(node-content) {
+    position: relative;
     flex-grow: 1;
     overflow: hidden;
     user-select: none;

package/src/components/tree/tree-node.vue

@@ -8,7 +8,9 @@
     <u-icon v-if="!node.isLeaf" :class="cls.e('expand-icon')" @click.stop="toggleExpand">
       <ArrowRight />
     </u-icon>
-    <i v-else :class="[cls.e('indent'), cls.em('indent', 'leaf')]" aria-hidden="true"></i>
+    <u-icon v-else :class="cls.e('leaf-icon')" aria-hidden="true">
+      <Dot />
+    </u-icon>
 
     <div
       :class="cls.e('node-content')"
@@ -35,7 +37,7 @@
 
 <script lang="ts" setup>
 import { vRipple } from '@veltra/directives'
-import { ArrowRight } from '@veltra/icons/normal'
+import { ArrowRight, Dot } from '@veltra/icons/normal'
 import { bem } from '@veltra/utils'
 import { inject } from 'vue'
 

package/src/types/action.ts

@@ -1,4 +1,4 @@
-import type { DeconstructValue } from '@veltra/utils'
+import type { ColorType, DeconstructValue } from '@veltra/utils'
 
 import type { ButtonProps } from './button'
 
@@ -7,7 +7,10 @@ export interface ActionProps extends ButtonProps {
   /** 是否需要确认 */
   needConfirm?: boolean
 
-  /** 是否为下拉菜单中的操作项 */
+  /**
+   * 是否始终位于下拉菜单中，无视 `max` 限制
+   * @default false
+   */
   inDropdown?: boolean
 }
 
@@ -15,11 +18,46 @@ export interface ActionProps extends ButtonProps {
 export interface ActionGroupProps {
   /** 是否加载中 */
   loading?: boolean
-  /** 是否为圆形按钮， 适用于图标类 */
+  /**
+   * 是否为圆形按钮，适用于图标类。`hover` 模式下默认对所有子项生效
+   * @default false
+   */
   circle?: boolean
 
-  /** 最大可显示数量 */
+  /**
+   * 最大可显示按钮数量，超出部分自动收纳到下拉菜单
+   * @default 3
+   */
   max?: number
+
+  /**
+   * 紧凑悬浮模式
+   *
+   * @description
+   * - 默认半透明，悬浮在父容器上方时完全显现
+   * - 提供圆角胶囊容器与磨砂背景，更适合表格行内操作栏
+   * - "更多"按钮也会切换为图标态以与其他操作按钮保持一致
+   * @default false
+   */
+  hover?: boolean
+
+  /**
+   * 子项默认尺寸
+   * @default 'small'
+   */
+  size?: 'small' | 'default' | 'large'
+
+  /**
+   * 子项默认是否使用文本样式
+   * @default true
+   */
+  text?: boolean
+
+  /**
+   * 子项默认按钮类型
+   * @default 'primary'
+   */
+  type?: ColorType
 }
 
 /** 操作组件定义的事件 */

package/src/types/cascade.ts

@@ -1,8 +1,9 @@
-import type { ITreeNode } from '@cat-kit/core'
+import type { TreeNode } from '@cat-kit/core'
 import type { DeconstructValue, FormComponentProps } from '@veltra/utils'
 
-export interface CascadeNode extends ITreeNode<Record<string, any>, CascadeNode> {
-  children?: CascadeNode[]
+export interface CascadeNode<
+  Data extends Record<string, any> = Record<string, any>
+> extends TreeNode<Data, CascadeNode<Data>> {
   visible: boolean
   value: string
   label: string

package/src/types/code-editor.ts

@@ -2,11 +2,18 @@ import type { DeconstructValue, FormComponentProps } from '@veltra/utils'
 
 export type CodeEditorLang = 'js' | 'sql' | 'java' | 'json'
 
-/** 代码编辑器组件属性 */
-export interface CodeEditorProps extends FormComponentProps {
+/** 代码编辑器组件属性（不支持 `size`） */
+export interface CodeEditorProps extends Omit<FormComponentProps, 'size'> {
   modelValue?: string
   /** 定义语言 */
   language?: CodeEditorLang
+  /** 是否使用暗色主题 */
+  dark?: boolean
+  /**
+   * 默认显示的行数，用于撑起编辑器最小高度，超出后滚动
+   * @default 8
+   */
+  defaultLines?: number
 }
 
 /** 代码编辑器组件定义的事件 */

package/src/types/expression-editor.ts

@@ -9,12 +9,21 @@ export interface VariableItem {
   children?: VariableItem[]
 }
 
+/** 选中范围：仅叶子节点，或允许任意层级（含分支） */
+export type ExpressionSelectableLevels = 'leaf' | 'any'
+
 /** 表达式编辑器组件属性 */
 export interface ExpressionEditorProps extends FormComponentProps {
   modelValue?: string
   placeholder?: string
   /** 变量列表 */
   variables?: VariableItem[]
+  /**
+   * 是否允许选中任意层级的变量（含中间分支）。
+   * - `'leaf'`（默认）：仅叶子节点可选；分支节点上 Enter / → 进入下一级
+   * - `'any'`：分支节点上 Enter 选中分支本身、→ 进入下一级
+   */
+  selectableLevels?: ExpressionSelectableLevels
 }
 
 /** 表达式编辑器组件定义的事件 */

package/dist/components/action/action-group.vue_vue_type_script_setup_true_lang.js

@@ -1,65 +0,0 @@
-import _sfc_main from "../icon/icon.js";
-import _sfc_main$1 from "../tip/tip.js";
-import _sfc_main$2 from "../button/button.js";
-import { ActionDIKey } from "./di.js";
-import { Fragment, createBlock, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, provide, renderList, resolveDynamicComponent, useSlots } from "vue";
-import { bem, extractNormalVNodes } from "@veltra/utils";
-import { ArrowDown } from "@veltra/icons/normal";
-//#region src/components/action/action-group.vue?vue&type=script&setup=true&lang.tsx
-var action_group_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "ActionGroup",
-	inheritAttrs: false,
-	__name: "action-group",
-	props: {
-		loading: {
-			type: Boolean,
-			default: false
-		},
-		circle: {
-			type: Boolean,
-			default: false
-		},
-		max: { default: 3 }
-	},
-	setup(__props) {
-		const props = __props;
-		const cls = bem("action-group");
-		const actionCls = bem("action");
-		const slots = useSlots();
-		function getSlotsNodes() {
-			const nodes = slots.default?.();
-			if (!nodes) return [];
-			const extractedNodes = extractNormalVNodes(nodes).filter((node) => node.type?.name === "Action");
-			let normalNodes = [];
-			let hiddenNodes = [];
-			if (extractedNodes.length === props.max) normalNodes = extractedNodes;
-			else {
-				normalNodes = extractedNodes.slice(0, props.max - 1);
-				hiddenNodes = extractedNodes.slice(props.max - 1);
-			}
-			const dropdown = hiddenNodes.length ? createVNode(_sfc_main$1, {
-				"direction": "bottom",
-				"class": cls.e("dropdown")
-			}, {
-				content: () => hiddenNodes,
-				default: () => createVNode(_sfc_main$2, {
-					"text": true,
-					"size": "small",
-					"type": "primary",
-					"class": actionCls.b
-				}, { default: () => [createTextVNode("更多"), createVNode(_sfc_main, null, { default: () => [createVNode(ArrowDown, null, null)] })] })
-			}) : null;
-			return dropdown ? [...normalNodes, dropdown] : normalNodes;
-		}
-		provide(ActionDIKey, { groupProps: props });
-		return (_ctx, _cache) => {
-			return openBlock(true), createElementBlock(Fragment, null, renderList(getSlotsNodes(), (node) => {
-				return openBlock(), createBlock(resolveDynamicComponent(node), { key: node.key });
-			}), 128);
-		};
-	}
-});
-//#endregion
-export { action_group_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=action-group.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/action/action-group.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"action-group.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/action/action-group.vue"],"sourcesContent":["<template>\n  <component v-for=\"node of getSlotsNodes()\" :key=\"node.key\" :is=\"node\" />\n</template>\n\n<script lang=\"tsx\" setup>\nimport type { ActionGroupProps } from \"../../types\";\nimport { ArrowDown } from '@veltra/icons/normal'\nimport { UIcon } from \"../icon\";\nimport { UButton } from \"../button\";\nimport { provide, type VNode } from \"vue\";\nimport { bem, extractNormalVNodes } from \"@veltra/utils\";\nimport { UTip } from \"../tip\";\nimport { ActionDIKey } from \"./di\";\n\ndefineOptions({\n  name: \"ActionGroup\",\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<ActionGroupProps>(), {\n  max: 3,\n  loading: false,\n  circle: false,\n});\n\nconst cls = bem(\"action-group\");\nconst actionCls = bem(\"action\");\n\nconst slots = defineSlots<{\n  default?: () => VNode[];\n}>();\n\nfunction getSlotsNodes() {\n  const nodes = slots.default?.();\n\n  if (!nodes) return [];\n  const extractedNodes = extractNormalVNodes(nodes).filter(\n    // @ts-ignore\n    (node) => node.type?.name === \"Action\",\n  );\n\n  let normalNodes: VNode[] = [];\n  let hiddenNodes: VNode[] = [];\n  if (extractedNodes.length === props.max) {\n    normalNodes = extractedNodes;\n  } else {\n    normalNodes = extractedNodes.slice(0, props.max - 1);\n    hiddenNodes = extractedNodes.slice(props.max - 1);\n  }\n\n  const dropdown = hiddenNodes.length ? (\n    <UTip direction=\"bottom\" class={cls.e(\"dropdown\")}>\n      {{\n        content: () => hiddenNodes,\n        default: () => (\n          <UButton text size=\"small\" type=\"primary\" class={actionCls.b}>\n            更多\n            <UIcon>\n              <ArrowDown />\n            </UIcon>\n          </UButton>\n        ),\n      }}\n    </UTip>\n  ) : null;\n\n  return dropdown ? [...normalNodes, dropdown] : normalNodes;\n}\n\nprovide(ActionDIKey, {\n  groupProps: props,\n});\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAmBA,MAAM,QAAQ;EAMd,MAAM,MAAM,IAAI,eAAe;EAC/B,MAAM,YAAY,IAAI,SAAS;EAE/B,MAAM,QAAQ,UAEV;EAEJ,SAAS,gBAAgB;GACvB,MAAM,QAAQ,MAAM,WAAW;AAE/B,OAAI,CAAC,MAAO,QAAO,EAAE;GACrB,MAAM,iBAAiB,oBAAoB,MAAM,CAAC,QAE/C,SAAS,KAAK,MAAM,SAAS,SAC/B;GAED,IAAI,cAAuB,EAAE;GAC7B,IAAI,cAAuB,EAAE;AAC7B,OAAI,eAAe,WAAW,MAAM,IAClC,eAAc;QACT;AACL,kBAAc,eAAe,MAAM,GAAG,MAAM,MAAM,EAAE;AACpD,kBAAc,eAAe,MAAM,MAAM,MAAM,EAAE;;GAGnD,MAAM,WAAW,YAAY,SAAM,YAAA,aAAA;IAAA,aAAA;IAAA,SACD,IAAI,EAAE,WAAU;IAAC,EAAA;IAE7C,eAAe;IACf,eAAS,YAAA,aAAA;KAAA,QAAA;KAAA,QAAA;KAAA,QAAA;KAAA,SAC0C,UAAU;KAAC,EAAA,EAAA,eAAA,CAAA,gBAAA,KAAA,EAAA,YAAA,WAAA,MAAA,EAAA,eAAA,CAAA,YAAA,WAAA,MAAA,KAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA;IAM7D,CAAA,GAGH;AAEJ,UAAO,WAAW,CAAC,GAAG,aAAa,SAAS,GAAG;;AAGjD,UAAQ,aAAa,EACnB,YAAY,OACb,CAAC;;2BAtEA,mBAAwE,UAAA,MAAA,WAA9C,eAAa,GAArB,SAAI;wBAAtB,YAAwE,wBAAR,KAAI,EAAA,EAAxB,KAAK,KAAK,KAAA,CAAA"}

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

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

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

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

package/dist/components/expression-editor/internal/editor-runtime/create-runtime.js

@@ -1,47 +0,0 @@
-import { createVariableMap } from "../../di.js";
-import { VariableNode } from "../../nodes/variable-node.js";
-import { createModelSync } from "./model-sync.js";
-import { computed, watchEffect } from "vue";
-import { createEditor } from "lexical";
-//#region src/components/expression-editor/internal/editor-runtime/create-runtime.ts
-function createDefaultMutationGateway(editor) {
-	return { runUpdate(updater) {
-		editor.update(() => {
-			updater();
-		});
-	} };
-}
-function resolveEditable(disabled, readonly) {
-	return !disabled.value && !readonly.value;
-}
-function createExpressionEditorRuntime(options) {
-	const { disabled, readonly, container, props, emit, cls } = options;
-	const editor = createEditor({
-		namespace: "ExpressionEditor",
-		nodes: [VariableNode],
-		onError: console.error,
-		editable: resolveEditable(disabled, readonly),
-		theme: { paragraph: cls.e("paragraph") }
-	});
-	watchEffect(() => {
-		editor.setEditable(resolveEditable(disabled, readonly));
-	});
-	watchEffect(() => {
-		container.value && editor.setRootElement(container.value);
-	});
-	const sync = createModelSync({
-		editor,
-		props,
-		emit,
-		variableMap: computed(() => createVariableMap(props.variables))
-	});
-	return {
-		editor,
-		mutations: createDefaultMutationGateway(editor),
-		syncFromModelValue: sync.syncFromModelValue
-	};
-}
-//#endregion
-export { createExpressionEditorRuntime };
-
-//# sourceMappingURL=create-runtime.js.map

package/dist/components/expression-editor/internal/editor-runtime/create-runtime.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-runtime.js","names":[],"sources":["../../../../../src/components/expression-editor/internal/editor-runtime/create-runtime.ts"],"sourcesContent":["import type { BEM } from '@veltra/utils'\nimport { createEditor } from 'lexical'\nimport { watchEffect, computed, type Ref, type ShallowRef } from 'vue'\n\nimport type { ExpressionEditorEmits, ExpressionEditorProps } from '../../../../types'\nimport { createVariableMap } from '../../di'\nimport { VariableNode } from '../../nodes/variable-node'\nimport type { EditorMutationGateway, ExpressionEditorRuntime } from '../contracts/editor-runtime'\nimport { createModelSync } from './model-sync'\n\nexport interface CreateExpressionEditorRuntimeOptions {\n  disabled: Ref<boolean>\n  readonly: Ref<boolean>\n  props: ExpressionEditorProps\n  cls: BEM<'expression-editor'>\n  emit: ExpressionEditorEmits\n  container: ShallowRef<HTMLElement | null>\n}\n\nfunction createDefaultMutationGateway(\n  editor: ExpressionEditorRuntime['editor']\n): EditorMutationGateway {\n  return {\n    runUpdate(updater) {\n      editor.update(() => {\n        updater()\n      })\n    }\n  }\n}\n\nfunction resolveEditable(disabled: Ref<boolean>, readonly: Ref<boolean>) {\n  return !disabled.value && !readonly.value\n}\n\nexport function createExpressionEditorRuntime(\n  options: CreateExpressionEditorRuntimeOptions\n): ExpressionEditorRuntime {\n  const { disabled, readonly, container, props, emit, cls } = options\n  const editor = createEditor({\n    namespace: 'ExpressionEditor',\n    nodes: [VariableNode],\n    onError: console.error,\n    editable: resolveEditable(disabled, readonly),\n    theme: { paragraph: cls.e('paragraph') }\n  })\n\n  watchEffect(() => {\n    editor.setEditable(resolveEditable(disabled, readonly))\n  })\n\n  watchEffect(() => {\n    container.value && editor.setRootElement(container.value)\n  })\n\n  const variableMap = computed(() => createVariableMap(props.variables))\n  const sync = createModelSync({ editor, props, emit, variableMap })\n\n  return {\n    editor,\n    mutations: createDefaultMutationGateway(editor),\n    syncFromModelValue: sync.syncFromModelValue\n  }\n}\n"],"mappings":";;;;;;AAmBA,SAAS,6BACP,QACuB;AACvB,QAAO,EACL,UAAU,SAAS;AACjB,SAAO,aAAa;AAClB,YAAS;IACT;IAEL;;AAGH,SAAS,gBAAgB,UAAwB,UAAwB;AACvE,QAAO,CAAC,SAAS,SAAS,CAAC,SAAS;;AAGtC,SAAgB,8BACd,SACyB;CACzB,MAAM,EAAE,UAAU,UAAU,WAAW,OAAO,MAAM,QAAQ;CAC5D,MAAM,SAAS,aAAa;EAC1B,WAAW;EACX,OAAO,CAAC,aAAa;EACrB,SAAS,QAAQ;EACjB,UAAU,gBAAgB,UAAU,SAAS;EAC7C,OAAO,EAAE,WAAW,IAAI,EAAE,YAAY,EAAE;EACzC,CAAC;AAEF,mBAAkB;AAChB,SAAO,YAAY,gBAAgB,UAAU,SAAS,CAAC;GACvD;AAEF,mBAAkB;AAChB,YAAU,SAAS,OAAO,eAAe,UAAU,MAAM;GACzD;CAGF,MAAM,OAAO,gBAAgB;EAAE;EAAQ;EAAO;EAAM,aADhC,eAAe,kBAAkB,MAAM,UAAU,CACN;EAAE,CAAC;AAElE,QAAO;EACL;EACA,WAAW,6BAA6B,OAAO;EAC/C,oBAAoB,KAAK;EAC1B"}

package/dist/components/expression-editor/internal/editor-runtime/model-sync.js

@@ -1,49 +0,0 @@
-import { parseContent } from "../../parser.js";
-import { nextTick, watchEffect } from "vue";
-import { $createParagraphNode, $getRoot, SKIP_DOM_SELECTION_TAG } from "lexical";
-//#region src/components/expression-editor/internal/editor-runtime/model-sync.ts
-function createModelSync(options) {
-	const { editor, props, emit, variableMap } = options;
-	let changeByUser = false;
-	let changeByModel = false;
-	let lastEmittedValue = null;
-	function syncFromModelValue() {
-		changeByModel = true;
-		const { modelValue } = props;
-		if (!modelValue) return;
-		editor.update(() => {
-			const root = $getRoot();
-			root.clear();
-			const paragraph = $createParagraphNode();
-			const nodes = parseContent(modelValue, variableMap.value);
-			paragraph.append(...nodes);
-			root.append(paragraph);
-		}, { tag: SKIP_DOM_SELECTION_TAG });
-		nextTick(() => {
-			changeByModel = false;
-		});
-	}
-	editor.registerTextContentListener((text) => {
-		if (changeByModel) return;
-		emit("update:modelValue", text);
-		lastEmittedValue = text;
-		changeByUser = true;
-		nextTick(() => {
-			if (lastEmittedValue === props.modelValue) changeByUser = false;
-			else setTimeout(() => {
-				changeByUser = false;
-			}, 0);
-		});
-	});
-	watchEffect(() => {
-		if (changeByUser) return;
-		const current = editor.getEditorState().read(() => $getRoot().getTextContent());
-		if (props.modelValue === current) return;
-		syncFromModelValue();
-	});
-	return { syncFromModelValue };
-}
-//#endregion
-export { createModelSync };
-
-//# sourceMappingURL=model-sync.js.map

package/dist/components/expression-editor/internal/editor-runtime/model-sync.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"model-sync.js","names":[],"sources":["../../../../../src/components/expression-editor/internal/editor-runtime/model-sync.ts"],"sourcesContent":["import { $createParagraphNode, $getRoot, SKIP_DOM_SELECTION_TAG, type LexicalEditor } from 'lexical'\nimport { nextTick, watchEffect, type ComputedRef } from 'vue'\n\nimport type { ExpressionEditorEmits, ExpressionEditorProps, VariableItem } from '../../../../types'\nimport { parseContent } from '../../parser'\n\ninterface CreateModelSyncOptions {\n  editor: LexicalEditor\n  props: ExpressionEditorProps\n  emit: ExpressionEditorEmits\n  variableMap: ComputedRef<Map<string, VariableItem>>\n}\n\nexport function createModelSync(options: CreateModelSyncOptions) {\n  const { editor, props, emit, variableMap } = options\n\n  let changeByUser = false\n  let changeByModel = false\n  let lastEmittedValue: string | null = null\n\n  function syncFromModelValue() {\n    changeByModel = true\n    const { modelValue } = props\n    if (!modelValue) return\n\n    editor.update(\n      () => {\n        const root = $getRoot()\n        root.clear()\n        const paragraph = $createParagraphNode()\n        const nodes = parseContent(modelValue, variableMap.value)\n        paragraph.append(...nodes)\n        root.append(paragraph)\n      },\n      { tag: SKIP_DOM_SELECTION_TAG }\n    )\n\n    nextTick(() => {\n      changeByModel = false\n    })\n  }\n\n  editor.registerTextContentListener((text) => {\n    if (changeByModel) return\n\n    emit('update:modelValue', text)\n    lastEmittedValue = text\n    changeByUser = true\n    nextTick(() => {\n      if (lastEmittedValue === props.modelValue) {\n        changeByUser = false\n      } else {\n        setTimeout(() => {\n          changeByUser = false\n        }, 0)\n      }\n    })\n  })\n\n  watchEffect(() => {\n    if (changeByUser) return\n    const current = editor.getEditorState().read(() => $getRoot().getTextContent())\n    if (props.modelValue === current) return\n    syncFromModelValue()\n  })\n\n  return { syncFromModelValue }\n}\n"],"mappings":";;;;AAaA,SAAgB,gBAAgB,SAAiC;CAC/D,MAAM,EAAE,QAAQ,OAAO,MAAM,gBAAgB;CAE7C,IAAI,eAAe;CACnB,IAAI,gBAAgB;CACpB,IAAI,mBAAkC;CAEtC,SAAS,qBAAqB;AAC5B,kBAAgB;EAChB,MAAM,EAAE,eAAe;AACvB,MAAI,CAAC,WAAY;AAEjB,SAAO,aACC;GACJ,MAAM,OAAO,UAAU;AACvB,QAAK,OAAO;GACZ,MAAM,YAAY,sBAAsB;GACxC,MAAM,QAAQ,aAAa,YAAY,YAAY,MAAM;AACzD,aAAU,OAAO,GAAG,MAAM;AAC1B,QAAK,OAAO,UAAU;KAExB,EAAE,KAAK,wBAAwB,CAChC;AAED,iBAAe;AACb,mBAAgB;IAChB;;AAGJ,QAAO,6BAA6B,SAAS;AAC3C,MAAI,cAAe;AAEnB,OAAK,qBAAqB,KAAK;AAC/B,qBAAmB;AACnB,iBAAe;AACf,iBAAe;AACb,OAAI,qBAAqB,MAAM,WAC7B,gBAAe;OAEf,kBAAiB;AACf,mBAAe;MACd,EAAE;IAEP;GACF;AAEF,mBAAkB;AAChB,MAAI,aAAc;EAClB,MAAM,UAAU,OAAO,gBAAgB,CAAC,WAAW,UAAU,CAAC,gBAAgB,CAAC;AAC/E,MAAI,MAAM,eAAe,QAAS;AAClC,sBAAoB;GACpB;AAEF,QAAO,EAAE,oBAAoB"}