npm - @veltra/desktop - Versions diffs - 1.4.0 → 1.6.0 - Mend

@veltra/desktop 1.4.0 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (460) hide show

package/dist/components/code-editor/code-editor.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import _sfc_main$1 from "../scroll/scroll.js";
 import _sfc_main$2 from "../select/select.js";
-import { Compartment, EditorState } from "../../node_modules/.bun/@codemirror_state@6.7.0/node_modules/@codemirror/state/dist/index.js";
-import { EditorView, tooltips } from "../../node_modules/.bun/@codemirror_view@6.43.4/node_modules/@codemirror/view/dist/index.js";
+import { Compartment, EditorState } from "../../node_modules/.bun/@codemirror_state@6.7.1/node_modules/@codemirror/state/dist/index.js";
+import { EditorView, tooltips } from "../../node_modules/.bun/@codemirror_view@6.43.8/node_modules/@codemirror/view/dist/index.js";
 import { oneDark } from "../../node_modules/.bun/@codemirror_theme-one-dark@6.1.3/node_modules/@codemirror/theme-one-dark/dist/index.js";
 import { basicSetup } from "./basic-setup.js";
 import { loadLanguage } from "./lang-loaders.js";

package/dist/components/code-editor/code-editor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"code-editor.js","names":[],"sources":["../../../src/components/code-editor/code-editor.vue"],"sourcesContent":["<template>\n <u-scroll :class=\"className\" :style=\"rootStyle\" @keyup.enter.stop>\n <div ref=\"container\"></div>\n\n <u-select\n v-if=\"showLangSelect\"\n :class=\"cls.e('lang-select')\"\n v-model=\"lang\"\n size=\"small\"\n :options=\"langOptions\"\n :clearable=\"false\"\n :disabled=\"disabled\"\n />\n <span v-else-if=\"langLabel\" :class=\"cls.e('lang-label')\">{{ langLabel }}</span>\n </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Compartment, EditorState, type Extension, type Text } from '@codemirror/state'\nimport { oneDark } from '@codemirror/theme-one-dark'\nimport { EditorView, tooltips } from '@codemirror/view'\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem, injectFormContext, zIndex } from '@veltra/utils'\nimport {\n computed,\n onBeforeUnmount,\n shallowRef,\n useTemplateRef,\n watch,\n type CSSProperties\n} from 'vue'\n\nimport type { CodeEditorEmits, CodeEditorLang, CodeEditorProps } from '../../types'\nimport { UScroll } from '../scroll'\nimport { USelect } from '../select'\nimport { basicSetup } from './basic-setup'\nimport { loadLanguage } from './lang-loaders'\nimport {\n buildFullDoc,\n extractBodyFromText,\n getShellRanges,\n mapSelectionToBody,\n shellExtension,\n textEqualsShellDoc,\n type ShellConfig\n} from './shell-extension'\n\ndefineOptions({ name: 'UCodeEditor' })\n\nconst props = withDefaults(defineProps<CodeEditorProps>(), {\n disabled: undefined,\n readonly: undefined,\n dark: false,\n defaultLines: 8\n})\n\nconst emit = defineEmits<CodeEditorEmits>()\n\nconst model = defineModel<string>()\nconst lang = defineModel<CodeEditorLang>('lang')\n\nconst cls = bem('code-editor')\n\nconst { formProps } = injectFormContext()\n\nconst { disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n disabled: false,\n readonly: false\n})\n\nconst className = computed<string[]>(() => [\n cls.b,\n bem.is('disabled', disabled.value),\n bem.is('readonly', readonly.value),\n bem.is('dark', props.dark)\n])\n\nconst rootStyle = computed<CSSProperties>(() => ({\n '--u-code-editor-default-lines': Math.max(1, props.defaultLines)\n}))\n\nconst langs = computed(() => props.langs ?? [])\n\nconst showLangSelect = computed(() => langs.value.length > 1)\n\nconst langOptions = computed(() =>\n langs.value.map((value) => ({ label: value.toUpperCase(), value }))\n)\n\n/** 实际生效的语言：优先 lang model，否则回落 langs[0] /\nconst activeLang = computed<CodeEditorLang \| undefined>(() => lang.value ?? langs.value[0])\n\n/* 仅一种语言时，在选择器位置展示名称 /\nconst langLabel = computed(() =>\n langs.value.length === 1 && activeLang.value ? activeLang.value.toUpperCase() : undefined\n)\n\nconst shellConfig = computed<ShellConfig>(() => ({\n prefix: props.prefix ?? '',\n suffix: props.suffix ?? ''\n}))\n\nconst containerRef = useTemplateRef('container')\nconst editor = shallowRef<EditorView \| null>(null)\n\nconst themeCompartment = new Compartment()\nconst editableCompartment = new Compartment()\nconst readOnlyCompartment = new Compartment()\nconst langCompartment = new Compartment()\nconst shellCompartment = new Compartment()\n\n/* 聚焦时的正文快照，用于失焦时判断是否触发 change /\nlet focusSnapshot = ''\n\n/\n 编辑器最近一次写出的正文引用。\n * 用于短路 model → doc 同步，避免每次按键对整篇文档做 O(n) 相等比较。\n /\nlet lastEditorBody: string \| undefined\n\n/* 上一帧是否处于 IME composition，用于在 composition 结束时补一次 model 同步 /\nlet wasComposing = false\n\n/* 将编辑器正文写回 v-model（跳过与上次相同的值，避免多余更新） /\nfunction writeModelFromDoc(doc: Text) {\n const nextBody = extractBodyFromText(doc, shellConfig.value)\n if (nextBody === lastEditorBody && nextBody === model.value) return\n lastEditorBody = nextBody\n model.value = nextBody\n}\n\nfunction buildExtensions(): Extension[] {\n return [\n basicSetup,\n tooltips({ parent: document.body }),\n EditorView.theme({ '.cm-tooltip': { zIndex: zIndex() } }),\n themeCompartment.of(props.dark ? oneDark : []),\n editableCompartment.of(EditorView.editable.of(!disabled.value)),\n readOnlyCompartment.of(EditorState.readOnly.of(readonly.value)),\n langCompartment.of([]),\n shellCompartment.of(shellExtension(shellConfig.value)),\n EditorView.updateListener.of((update) => {\n const composing = update.view.composing\n\n // IME 进行中不写回，避免中间态触发父级重渲染；结束后再统一同步\n if (update.docChanged && !composing) {\n writeModelFromDoc(update.state.doc)\n } else if (wasComposing && !composing) {\n writeModelFromDoc(update.state.doc)\n }\n wasComposing = composing\n\n if (!update.focusChanged) return\n if (update.view.hasFocus) {\n focusSnapshot = extractBodyFromText(update.state.doc, shellConfig.value)\n return\n }\n const current = extractBodyFromText(update.state.doc, shellConfig.value)\n if (current !== focusSnapshot) {\n emit('change', current)\n }\n })\n ]\n}\n\nlet editorToken = 0\nlet langToken = 0\n\nasync function applyLanguage() {\n const view = editor.value\n if (!view) return\n const myToken = ++langToken\n const language = activeLang.value\n\n if (!language) {\n if (myToken !== langToken \|\| editor.value !== view) return\n view.dispatch({ effects: langCompartment.reconfigure([]) })\n return\n }\n\n const ext = await loadLanguage(language)\n if (myToken !== langToken \|\| editor.value !== view) return\n view.dispatch({ effects: langCompartment.reconfigure(ext) })\n}\n\nfunction destroyEditor() {\n ++editorToken\n ++langToken\n editor.value?.destroy()\n editor.value = null\n lastEditorBody = undefined\n wasComposing = false\n}\n\nfunction createEditor() {\n destroyEditor()\n const myToken = ++editorToken\n const parent = containerRef.value\n if (!parent) return\n\n const config = shellConfig.value\n const body = model.value ?? ''\n const doc = buildFullDoc(body, config)\n const { bodyStart } = getShellRanges(doc.length, config)\n lastEditorBody = body\n\n const view = new EditorView({\n doc,\n selection: { anchor: bodyStart, head: bodyStart },\n extensions: buildExtensions(),\n parent\n })\n\n if (myToken !== editorToken) {\n view.destroy()\n return\n }\n\n editor.value = view\n applyLanguage()\n}\n\n/\n 将 model 正文同步为完整文档；可选同时 reconfigure shell，\n * 避免 prefix/suffix 变更时「先改扩展、后改文档」导致选区越界。\n /\nfunction syncDocFromModel(\n view: EditorView,\n body: string,\n config: ShellConfig,\n options?: { reconfigureShell?: boolean; prevShell?: ShellConfig }\n) {\n const current = view.state.doc\n const docChanged = !textEqualsShellDoc(current, body, config)\n const reconfigureShell = options?.reconfigureShell ?? false\n\n if (!docChanged && !reconfigureShell) return\n\n const nextDoc = buildFullDoc(body, config)\n const prevShell = options?.prevShell ?? config\n const prevRanges = getShellRanges(current.length, prevShell)\n const nextRanges = getShellRanges(nextDoc.length, config)\n const selection = mapSelectionToBody(view.state.selection, prevRanges, nextRanges, nextDoc.length)\n\n view.dispatch({\n ...(docChanged\n ? {\n changes: { from: 0, to: current.length, insert: nextDoc },\n selection,\n // 仅外壳变更时滚入视口；外部 model 回写不应打断用户滚动位置\n ...(reconfigureShell ? { scrollIntoView: true } : {})\n }\n : { selection }),\n ...(reconfigureShell ? { effects: shellCompartment.reconfigure(shellExtension(config)) } : {}),\n // 绕过 shell 的 change/transactionFilter，避免全量替换被拦截或选区被错误钳制\n filter: false\n })\n}\n\nwatch(\n containerRef,\n (el) => {\n if (el) createEditor()\n else destroyEditor()\n },\n { immediate: true, flush: 'post' }\n)\n\nwatch(activeLang, applyLanguage)\n\n/* langs 变化时，若当前 lang 未设或不在列表中则纠正为 langs[0] */\nwatch(\n langs,\n (list) => {\n if (!list.length) return\n if (!lang.value \|\| !list.includes(lang.value)) {\n lang.value = list[0]\n }\n },\n { immediate: true }\n)\n\nwatch(\n () => props.dark,\n (dark) => {\n editor.value?.dispatch({ effects: themeCompartment.reconfigure(dark ? oneDark : []) })\n }\n)\n\nwatch(disabled, (v) => {\n editor.value?.dispatch({ effects: editableCompartment.reconfigure(EditorView.editable.of(!v)) })\n})\n\nwatch(readonly, (v) => {\n editor.value?.dispatch({ effects: readOnlyCompartment.reconfigure(EditorState.readOnly.of(v)) })\n})\n\nwatch(\n [model, editor, shellConfig],\n ([v, e], [, , prevShell]) => {\n if (!e) return\n // IME 组字中不接受外部回写，避免打断输入\n if (e.composing) return\n const config = shellConfig.value\n const shellChanged =\n !prevShell \|\| prevShell.prefix !== config.prefix \|\| prevShell.suffix !== config.suffix\n // 编辑器自身写出的 model 无需回写文档\n if (!shellChanged && v === lastEditorBody) return\n const body = v ?? ''\n syncDocFromModel(e, body, config, {\n reconfigureShell: shellChanged,\n prevShell: prevShell ?? config\n })\n lastEditorBody = body\n },\n { immediate: true }\n)\n\nonBeforeUnmount(destroyEditor)\n</script>\n"],"mappings":"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"}
1	+ {"version":3,"file":"code-editor.js","names":[],"sources":["../../../src/components/code-editor/code-editor.vue"],"sourcesContent":["<template>\n <u-scroll :class=\"className\" :style=\"rootStyle\" @keyup.enter.stop>\n <div ref=\"container\"></div>\n\n <u-select\n v-if=\"showLangSelect\"\n :class=\"cls.e('lang-select')\"\n v-model=\"lang\"\n size=\"small\"\n :options=\"langOptions\"\n :clearable=\"false\"\n :disabled=\"disabled\"\n />\n <span v-else-if=\"langLabel\" :class=\"cls.e('lang-label')\">{{ langLabel }}</span>\n </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Compartment, EditorState, type Extension, type Text } from '@codemirror/state'\nimport { oneDark } from '@codemirror/theme-one-dark'\nimport { EditorView, tooltips } from '@codemirror/view'\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem, injectFormContext, zIndex } from '@veltra/utils'\nimport {\n computed,\n onBeforeUnmount,\n shallowRef,\n useTemplateRef,\n watch,\n type CSSProperties\n} from 'vue'\n\nimport type { CodeEditorEmits, CodeEditorLang, CodeEditorProps } from '../../types'\nimport { UScroll } from '../scroll'\nimport { USelect } from '../select'\nimport { basicSetup } from './basic-setup'\nimport { loadLanguage } from './lang-loaders'\nimport {\n buildFullDoc,\n extractBodyFromText,\n getShellRanges,\n mapSelectionToBody,\n shellExtension,\n textEqualsShellDoc,\n type ShellConfig\n} from './shell-extension'\n\ndefineOptions({ name: 'UCodeEditor' })\n\nconst props = withDefaults(defineProps<CodeEditorProps>(), {\n disabled: undefined,\n readonly: undefined,\n dark: false,\n defaultLines: 8\n})\n\nconst emit = defineEmits<CodeEditorEmits>()\n\nconst model = defineModel<string>()\nconst lang = defineModel<CodeEditorLang>('lang')\n\nconst cls = bem('code-editor')\n\nconst { formProps } = injectFormContext()\n\nconst { disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n disabled: false,\n readonly: false\n})\n\nconst className = computed<string[]>(() => [\n cls.b,\n bem.is('disabled', disabled.value),\n bem.is('readonly', readonly.value),\n bem.is('dark', props.dark)\n])\n\nconst rootStyle = computed<CSSProperties>(() => ({\n '--u-code-editor-default-lines': Math.max(1, props.defaultLines)\n}))\n\nconst langs = computed(() => props.langs ?? [])\n\nconst showLangSelect = computed(() => langs.value.length > 1)\n\nconst langOptions = computed(() =>\n langs.value.map((value) => ({ label: value.toUpperCase(), value }))\n)\n\n/** 实际生效的语言：优先 lang model，否则回落 langs[0] /\nconst activeLang = computed<CodeEditorLang \| undefined>(() => lang.value ?? langs.value[0])\n\n/* 仅一种语言时，在选择器位置展示名称 /\nconst langLabel = computed(() =>\n langs.value.length === 1 && activeLang.value ? activeLang.value.toUpperCase() : undefined\n)\n\nconst shellConfig = computed<ShellConfig>(() => ({\n prefix: props.prefix ?? '',\n suffix: props.suffix ?? ''\n}))\n\nconst containerRef = useTemplateRef('container')\nconst editor = shallowRef<EditorView \| null>(null)\n\nconst themeCompartment = new Compartment()\nconst editableCompartment = new Compartment()\nconst readOnlyCompartment = new Compartment()\nconst langCompartment = new Compartment()\nconst shellCompartment = new Compartment()\n\n/* 聚焦时的正文快照，用于失焦时判断是否触发 change /\nlet focusSnapshot = ''\n\n/\n 编辑器最近一次写出的正文引用。\n * 用于短路 model → doc 同步，避免每次按键对整篇文档做 O(n) 相等比较。\n /\nlet lastEditorBody: string \| undefined\n\n/* 上一帧是否处于 IME composition，用于在 composition 结束时补一次 model 同步 /\nlet wasComposing = false\n\n/* 将编辑器正文写回 v-model（跳过与上次相同的值，避免多余更新） /\nfunction writeModelFromDoc(doc: Text) {\n const nextBody = extractBodyFromText(doc, shellConfig.value)\n if (nextBody === lastEditorBody && nextBody === model.value) return\n lastEditorBody = nextBody\n model.value = nextBody\n}\n\nfunction buildExtensions(): Extension[] {\n return [\n basicSetup,\n tooltips({ parent: document.body }),\n EditorView.theme({ '.cm-tooltip': { zIndex: zIndex() } }),\n themeCompartment.of(props.dark ? oneDark : []),\n editableCompartment.of(EditorView.editable.of(!disabled.value)),\n readOnlyCompartment.of(EditorState.readOnly.of(readonly.value)),\n langCompartment.of([]),\n shellCompartment.of(shellExtension(shellConfig.value)),\n EditorView.updateListener.of((update) => {\n const composing = update.view.composing\n\n // IME 进行中不写回，避免中间态触发父级重渲染；结束后再统一同步\n if (update.docChanged && !composing) {\n writeModelFromDoc(update.state.doc)\n } else if (wasComposing && !composing) {\n writeModelFromDoc(update.state.doc)\n }\n wasComposing = composing\n\n if (!update.focusChanged) return\n if (update.view.hasFocus) {\n focusSnapshot = extractBodyFromText(update.state.doc, shellConfig.value)\n return\n }\n const current = extractBodyFromText(update.state.doc, shellConfig.value)\n if (current !== focusSnapshot) {\n emit('change', current)\n }\n })\n ]\n}\n\nlet editorToken = 0\nlet langToken = 0\n\nasync function applyLanguage() {\n const view = editor.value\n if (!view) return\n const myToken = ++langToken\n const language = activeLang.value\n\n if (!language) {\n if (myToken !== langToken \|\| editor.value !== view) return\n view.dispatch({ effects: langCompartment.reconfigure([]) })\n return\n }\n\n const ext = await loadLanguage(language)\n if (myToken !== langToken \|\| editor.value !== view) return\n view.dispatch({ effects: langCompartment.reconfigure(ext) })\n}\n\nfunction destroyEditor() {\n ++editorToken\n ++langToken\n editor.value?.destroy()\n editor.value = null\n lastEditorBody = undefined\n wasComposing = false\n}\n\nfunction createEditor() {\n destroyEditor()\n const myToken = ++editorToken\n const parent = containerRef.value\n if (!parent) return\n\n const config = shellConfig.value\n const body = model.value ?? ''\n const doc = buildFullDoc(body, config)\n const { bodyStart } = getShellRanges(doc.length, config)\n lastEditorBody = body\n\n const view = new EditorView({\n doc,\n selection: { anchor: bodyStart, head: bodyStart },\n extensions: buildExtensions(),\n parent\n })\n\n if (myToken !== editorToken) {\n view.destroy()\n return\n }\n\n editor.value = view\n applyLanguage()\n}\n\n/\n 将 model 正文同步为完整文档；可选同时 reconfigure shell，\n * 避免 prefix/suffix 变更时「先改扩展、后改文档」导致选区越界。\n /\nfunction syncDocFromModel(\n view: EditorView,\n body: string,\n config: ShellConfig,\n options?: { reconfigureShell?: boolean; prevShell?: ShellConfig }\n) {\n const current = view.state.doc\n const docChanged = !textEqualsShellDoc(current, body, config)\n const reconfigureShell = options?.reconfigureShell ?? false\n\n if (!docChanged && !reconfigureShell) return\n\n const nextDoc = buildFullDoc(body, config)\n const prevShell = options?.prevShell ?? config\n const prevRanges = getShellRanges(current.length, prevShell)\n const nextRanges = getShellRanges(nextDoc.length, config)\n const selection = mapSelectionToBody(view.state.selection, prevRanges, nextRanges, nextDoc.length)\n\n view.dispatch({\n ...(docChanged\n ? {\n changes: { from: 0, to: current.length, insert: nextDoc },\n selection,\n // 仅外壳变更时滚入视口；外部 model 回写不应打断用户滚动位置\n ...(reconfigureShell ? { scrollIntoView: true } : {})\n }\n : { selection }),\n ...(reconfigureShell ? { effects: shellCompartment.reconfigure(shellExtension(config)) } : {}),\n // 绕过 shell 的 change/transactionFilter，避免全量替换被拦截或选区被错误钳制\n filter: false\n })\n}\n\nwatch(\n containerRef,\n (el) => {\n if (el) createEditor()\n else destroyEditor()\n },\n { immediate: true, flush: 'post' }\n)\n\nwatch(activeLang, applyLanguage)\n\n/* langs 变化时，若当前 lang 未设或不在列表中则纠正为 langs[0] */\nwatch(\n langs,\n (list) => {\n if (!list.length) return\n if (!lang.value \|\| !list.includes(lang.value)) {\n lang.value = list[0]\n }\n },\n { immediate: true }\n)\n\nwatch(\n () => props.dark,\n (dark) => {\n editor.value?.dispatch({ effects: themeCompartment.reconfigure(dark ? oneDark : []) })\n }\n)\n\nwatch(disabled, (v) => {\n editor.value?.dispatch({ effects: editableCompartment.reconfigure(EditorView.editable.of(!v)) })\n})\n\nwatch(readonly, (v) => {\n editor.value?.dispatch({ effects: readOnlyCompartment.reconfigure(EditorState.readOnly.of(v)) })\n})\n\nwatch(\n [model, editor, shellConfig],\n ([v, e], [, , prevShell]) => {\n if (!e) return\n // IME 组字中不接受外部回写，避免打断输入\n if (e.composing) return\n const config = shellConfig.value\n const shellChanged =\n !prevShell \|\| prevShell.prefix !== config.prefix \|\| prevShell.suffix !== config.suffix\n // 编辑器自身写出的 model 无需回写文档\n if (!shellChanged && v === lastEditorBody) return\n const body = v ?? ''\n syncDocFromModel(e, body, config, {\n reconfigureShell: shellChanged,\n prevShell: prevShell ?? config\n })\n lastEditorBody = body\n },\n { immediate: true }\n)\n\nonBeforeUnmount(destroyEditor)\n</script>\n"],"mappings":"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"}

package/dist/components/code-editor/lang-loaders.js CHANGED Viewed

@@ -5,7 +5,7 @@ const LANG_LOADERS = {
 	sql: () => import("../../node_modules/.bun/@codemirror_lang-sql@6.10.0/node_modules/@codemirror/lang-sql/dist/index.js").then((m) => m.sql()),
 	java: () => import("../../node_modules/.bun/@codemirror_lang-java@6.0.2/node_modules/@codemirror/lang-java/dist/index.js").then((m) => m.java()),
 	json: () => import("../../node_modules/.bun/@codemirror_lang-json@6.0.2/node_modules/@codemirror/lang-json/dist/index.js").then((m) => m.json()),
-	markdown: () => import("../../node_modules/.bun/@codemirror_lang-markdown@6.5.1/node_modules/@codemirror/lang-markdown/dist/index.js").then((m) => m.markdown()),
+	markdown: () => import("../../node_modules/.bun/@codemirror_lang-markdown@6.5.2/node_modules/@codemirror/lang-markdown/dist/index.js").then((m) => m.markdown()),
 	spel: () => import("./langs/spel/index.js").then((m) => m.spel()),
 	bash: () => import("./langs/bash/index.js").then((m) => m.bash()),
 	powershell: () => import("./langs/powershell/index.js").then((m) => m.powershell())

package/dist/components/code-editor/shell-extension.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { EditorSelection, EditorState, RangeSetBuilder, StateField } from "../../node_modules/.bun/@codemirror_state@6.7.0/node_modules/@codemirror/state/dist/index.js";
-import { Decoration, EditorView } from "../../node_modules/.bun/@codemirror_view@6.43.4/node_modules/@codemirror/view/dist/index.js";
+import { EditorSelection, EditorState, RangeSetBuilder, StateField } from "../../node_modules/.bun/@codemirror_state@6.7.1/node_modules/@codemirror/state/dist/index.js";
+import { Decoration, EditorView } from "../../node_modules/.bun/@codemirror_view@6.43.8/node_modules/@codemirror/view/dist/index.js";
 //#region src/components/code-editor/shell-extension.ts
 /**
 * 判断 Text 文档是否与外壳对齐。

package/dist/components/collapse/collapse-item.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import _sfc_main$1 from "../icon/icon.js";
 import { CollapseDIKey } from "./di.js";
-import { computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, watch, withCtx, withKeys, withModifiers } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, nextTick, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, watch, withCtx, withKeys, withModifiers } from "vue";
 import { useModel as useModel$1 } from "@veltra/compositions";
 import { ExpandTransition, bem } from "@veltra/utils";
 import { ArrowDown } from "@veltra/icons/normal";
@@ -23,7 +23,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		},
 		title: {},
 		disabled: { type: Boolean },
-		expandIcon: {}
+		expandIcon: {},
+		destroyOnCollapse: { type: Boolean }
 	},
 	emits: ["update:modelValue", "change"],
 	setup(__props, { emit: __emit }) {
@@ -64,14 +65,27 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			emit("change", next);
 		};
 		const wrapperEl = ref();
+		/** 内容是否挂载：destroyOnCollapse 时折叠态卸载内容 DOM，展开前重新挂载 */
+		const contentMounted = ref(isActive.value || !props.destroyOnCollapse);
 		onMounted(() => {
 			if (context && props.value !== void 0) context.register(props.value);
 			if (!wrapperEl.value) return;
 			expandTransition.setExpanded(wrapperEl.value, isActive.value);
 		});
-		watch(isActive, (active) => {
+		watch(isActive, async (active) => {
+			if (active) {
+				if (!contentMounted.value) {
+					contentMounted.value = true;
+					await nextTick();
+				}
+				if (!wrapperEl.value || !isActive.value) return;
+				expandTransition.expand(wrapperEl.value);
+				return;
+			}
 			if (!wrapperEl.value) return;
-			active ? expandTransition.expand(wrapperEl.value) : expandTransition.collapse(wrapperEl.value);
+			expandTransition.collapse(wrapperEl.value, () => {
+				if (!isActive.value && props.destroyOnCollapse) contentMounted.value = false;
+			});
 		});
 		onBeforeUnmount(() => {
 			if (context && props.value !== void 0) context.unregister(props.value);
@@ -87,15 +101,18 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				tabindex: __props.disabled ? -1 : 0,
 				onClick: handleClick,
 				onKeydown: [withKeys(withModifiers(handleClick, ["prevent"]), ["enter"]), withKeys(withModifiers(handleClick, ["prevent"]), ["space"])]
-			}, [createElementVNode("span", { class: normalizeClass(unref(cls).e("title")) }, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 2), createElementVNode("span", { class: normalizeClass(unref(cls).e("icon")) }, [renderSlot(_ctx.$slots, "icon", { isActive: isActive.value }, () => [createVNode(unref(_sfc_main$1), null, {
+			}, [renderSlot(_ctx.$slots, "header", { isActive: isActive.value }, () => [createElementVNode("span", { class: normalizeClass(unref(cls).e("title")) }, toDisplayString(__props.title), 3), createElementVNode("span", { class: normalizeClass(unref(cls).e("icon")) }, [createVNode(unref(_sfc_main$1), null, {
 				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(iconComponent.value)))]),
 				_: 1
-			})])], 2)], 42, _hoisted_1), createElementVNode("div", {
+			})], 2)])], 42, _hoisted_1), createElementVNode("div", {
 				ref_key: "wrapperEl",
 				ref: wrapperEl,
 				class: normalizeClass(unref(cls).e("content-wrapper")),
 				"aria-hidden": !isActive.value
-			}, [createElementVNode("div", { class: normalizeClass(unref(cls).e("content")) }, [renderSlot(_ctx.$slots, "default")], 2)], 10, _hoisted_2)], 2);
+			}, [contentMounted.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(unref(cls).e("content"))
+			}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("v-if", true)], 10, _hoisted_2)], 2);
 		};
 	}
 });

package/dist/components/collapse/collapse-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"collapse-item.js","names":[],"sources":["../../../src/components/collapse/collapse-item.vue"],"sourcesContent":["<template>\n <div :class=\"classList\">\n <div\n :class=\"headerClassList\"\n role=\"button\"\n :aria-expanded=\"isActive\"\n :aria-disabled=\"disabled\"\n :tabindex=\"disabled ? -1 : 0\"\n @click=\"handleClick\"\n @keydown.enter.prevent=\"handleClick\"\n @keydown.space.prevent=\"handleClick\"\n >\n <span :class=\"cls.e('title')\"~~>\n <slot name=\"title\"~~>{{ title }}</~~slot>\n </~~span>\n\n <span :class=\"cls.e('icon')\">\n ~~<slot name=\"icon\" :is-active=\"isActive\">\n~~ <UIcon><component :is=\"iconComponent\" /></UIcon>\n </~~slot~~>\n </~~span~~>\n </div>\n <div ref=\"wrapperEl\" :class=\"cls.e('content-wrapper')\" :aria-hidden=\"!isActive\">\n <div :class=\"cls.e('content')\">\n <slot />\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useModel } from '@veltra/compositions'\nimport { ArrowDown } from '@veltra/icons/normal'\nimport { bem, ExpandTransition } from '@veltra/utils'\nimport { computed, inject, onBeforeUnmount, onMounted, ref, watch } from 'vue'\n\nimport type { CollapseItemEmits, CollapseItemProps } from '../../types'\nimport { UIcon } from '../icon'\nimport { CollapseDIKey } from './di'\n\ndefineOptions({ name: 'UCollapseItem' })\n\nconst props = withDefaults(defineProps<CollapseItemProps>(), { modelValue: false })\nconst emit = defineEmits<CollapseItemEmits>()\n\nconst context = inject(CollapseDIKey, undefined)\n\nconst cls = context?.cls ?? bem('collapse')\n\nconst standaloneModel = useModel<CollapseItemProps, 'modelValue'>({\n props,\n emit,\n defaultValue: false\n})\n\nconst isActive = computed(() => {\n if (context) {\n return props.value !== undefined && context.activeValues.value.includes(props.value)\n }\n return !!standaloneModel.value\n})\n\nconst iconComponent = computed(() => context?.expandIcon.value ?? props.expandIcon ?? ArrowDown)\n\nconst classList = computed(() => [\n cls.e('item'),\n bem.is('active', isActive.value),\n bem.is('disabled', props.disabled)\n])\n\nconst headerClassList = computed(() => [\n cls.e('header'),\n bem.is('disabled', props.disabled),\n bem.is('active', isActive.value)\n])\n\nconst expandTransition =\n context?.expandTransition ??\n new ExpandTransition({ transition: 'height 0.24s cubic-bezier(0.4, 0, 0.2, 1)' })\n\nconst handleClick = () => {\n if (props.disabled) return\n\n if (context) {\n if (props.value === undefined) return\n context.toggle(props.value)\n return\n }\n\n const next = !standaloneModel.value\n standaloneModel.value = next\n emit('change', next)\n}\n\nconst wrapperEl = ref<HTMLElement>()\n\nonMounted(() => {\n if (context && props.value !== undefined) {\n context.register(props.value)\n }\n if (!wrapperEl.value) return\n expandTransition.setExpanded(wrapperEl.value, isActive.value)\n})\n\nwatch(isActive, (active) => {\n if (!wrapperEl.value) return\n ~~active ?~~ expandTransition.expand(wrapperEl.value) : expandTransition.collapse(wrapperEl.value)\n})\n\nonBeforeUnmount(() => {\n if (context && props.value !== undefined) {\n context.unregister(props.value)\n }\n if (!wrapperEl.value) return\n expandTransition.cancel(wrapperEl.value)\n})\n</script>\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0CA~~,MAAM,QAAQ;EACd,MAAM,OAAO;~~EAEb~~,MAAM,UAAU,OAAO,eAAe,KAAA,CAAS;EAE/C,MAAM,MAAM,SAAS,OAAO,IAAI,UAAU;EAE1C,MAAM,kBAAkB,WAA0C;GAChE;GACA;GACA,cAAc;EAChB,CAAC;EAED,MAAM,WAAW,eAAe;GAC9B,IAAI,SACF,OAAO,MAAM,UAAU,KAAA,KAAa,QAAQ,aAAa,MAAM,SAAS,MAAM,KAAK;GAErF,OAAO,CAAC,CAAC,gBAAgB;EAC3B,CAAC;EAED,MAAM,gBAAgB,eAAe,SAAS,WAAW,SAAS,MAAM,cAAc,SAAS;EAE/F,MAAM,YAAY,eAAe;GAC/B,IAAI,EAAE,MAAM;GACZ,IAAI,GAAG,UAAU,SAAS,KAAK;GAC/B,IAAI,GAAG,YAAY,MAAM,QAAQ;EACnC,CAAC;EAED,MAAM,kBAAkB,eAAe;GACrC,IAAI,EAAE,QAAQ;GACd,IAAI,GAAG,YAAY,MAAM,QAAQ;GACjC,IAAI,GAAG,UAAU,SAAS,KAAK;EACjC,CAAC;EAED,MAAM,mBACJ,SAAS,oBACT,IAAI,iBAAiB,EAAE,YAAY,4CAA4C,CAAC;EAElF,MAAM,oBAAoB;GACxB,IAAI,MAAM,UAAU;GAEpB,IAAI,SAAS;IACX,IAAI,MAAM,UAAU,KAAA,GAAW;IAC/B,QAAQ,OAAO,MAAM,KAAK;IAC1B;GACF;GAEA,MAAM,OAAO,CAAC,gBAAgB;GAC9B,gBAAgB,QAAQ;GACxB,KAAK,UAAU,IAAI;EACrB;EAEA,MAAM,YAAY,IAAiB;~~EAEnC~~,gBAAgB;GACd,IAAI,WAAW,MAAM,UAAU,KAAA,GAC7B,QAAQ,SAAS,MAAM,KAAK;GAE9B,IAAI,CAAC,UAAU,OAAO;GACtB,iBAAiB,YAAY,UAAU,OAAO,SAAS,KAAK;EAC9D,CAAC;EAED,MAAM,~~WAAW~~,WAAW;~~GAC1B~~,IAAI,CAAC,~~UAAU~~,OAAO;~~GACtB~~,SAAS,iBAAiB,OAAO,UAAU,KAAK,IAAI,iBAAiB,SAAS,UAAU,~~KAAK~~;~~EAC~~/F,CAAC;EAED,sBAAsB;GACpB,IAAI,WAAW,MAAM,UAAU,KAAA,GAC7B,QAAQ,WAAW,MAAM,KAAK;GAEhC,IAAI,CAAC,UAAU,OAAO;GACtB,iBAAiB,OAAO,UAAU,KAAK;EACzC,CAAC;;~~uBAlHC~~,~~mBA0BM~~,OAAA,~~EA1BA~~,OAAK,eAAE,UAAA,KAAS,EAAA,~~GAAA~~,~~CACpB~~,~~mBAmBM~~,OAAA;~~IAlBH~~,OAAK,eAAE,gBAAA,KAAe;IACvB,MAAK;IACJ,iBAAe,SAAA;IACf,iBAAe,QAAA;IACf,UAAU,QAAA,WAAQ,KAAA;IAClB,SAAO;IACP,WAAO,CAAA,SAAA,cAAgB,aAAW,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA,GAAA,SAAA,cACX,aAAW,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA;~~OAEnC~~,~~mBAEO~~,QAAA,~~EAFA~~,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA,EAAA,~~GAAA~~,~~CACjB,WAAqC,KAAA,QAAA,SAAA,CAAA,SAAA,CAAA,~~gBAAA,~~gBAAf,~~QAAA,KAAK,GAAA,CAAA,~~CAAA~~,~~CAAA~~,~~CAAA,GAAA,CAAA,GAG7B,mBAIO,~~QAAA,~~EAJA~~,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,CAAA,EAAA,~~GAAA~~,~~CACjB~~,~~WAEO,KAAA,QAAA,QAAA,EAFY,UAAW,SAAA,MAAQ,SAE/B,CADL,~~YAAgD,MAAA,WAAA,GAAA,MAAA;~~2BAAR~~,EAAA,UAAA,GAAjC,YAAiC,wBAAjB,cAAA,KAAa,CAAA,EAAA,CAAA;;~~gCAI1C~~,mBAIM,OAAA;~~aAJG~~;IAAJ,KAAI;IAAa,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,iBAAA,CAAA;IAAsB,eAAW,CAAG,SAAA;~~OACpE~~,mBAEM,OAAA,~~EAFA,~~OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,SAAA,CAAA,~~EAAA,~~GAAA,~~CAChB~~,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,UAAA,CAAA,GAAA,CAAA"}
1	+ {"version":3,"file":"collapse-item.js","names":[],"sources":["../../../src/components/collapse/collapse-item.vue"],"sourcesContent":["<template>\n <div :class=\"classList\">\n <div\n :class=\"headerClassList\"\n role=\"button\"\n :aria-expanded=\"isActive\"\n :aria-disabled=\"disabled\"\n :tabindex=\"disabled ? -1 : 0\"\n @click=\"handleClick\"\n @keydown.enter.prevent=\"handleClick\"\n @keydown.space.prevent=\"handleClick\"\n >\n <slot name=\"header\" :is-active=\"isActive\">\n <span :class=\"cls.e('title')\">{{ title }}</span>\n\n <span :class=\"cls.e('icon')\">\n <UIcon><component :is=\"iconComponent\" /></UIcon>\n </span>\n </slot>\n </div>\n <div ref=\"wrapperEl\" :class=\"cls.e('content-wrapper')\" :aria-hidden=\"!isActive\">\n <div v-if=\"contentMounted\" :class=\"cls.e('content')\">\n <slot />\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useModel } from '@veltra/compositions'\nimport { ArrowDown } from '@veltra/icons/normal'\nimport { bem, ExpandTransition } from '@veltra/utils'\nimport { computed, inject, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'\n\nimport type { CollapseItemEmits, CollapseItemProps } from '../../types'\nimport { UIcon } from '../icon'\nimport { CollapseDIKey } from './di'\n\ndefineOptions({ name: 'UCollapseItem' })\n\nconst props = withDefaults(defineProps<CollapseItemProps>(), { modelValue: false })\nconst emit = defineEmits<CollapseItemEmits>()\n\ndefineSlots<{\n /** 自定义整个头部，作用域参数 `isActive` 指示展开状态；缺省渲染 title + 展开图标 /\n header?: (scope: { isActive: boolean }) => any\n /* 折叠面板内容 /\n default?: () => any\n}>()\n\nconst context = inject(CollapseDIKey, undefined)\n\nconst cls = context?.cls ?? bem('collapse')\n\nconst standaloneModel = useModel<CollapseItemProps, 'modelValue'>({\n props,\n emit,\n defaultValue: false\n})\n\nconst isActive = computed(() => {\n if (context) {\n return props.value !== undefined && context.activeValues.value.includes(props.value)\n }\n return !!standaloneModel.value\n})\n\nconst iconComponent = computed(() => context?.expandIcon.value ?? props.expandIcon ?? ArrowDown)\n\nconst classList = computed(() => [\n cls.e('item'),\n bem.is('active', isActive.value),\n bem.is('disabled', props.disabled)\n])\n\nconst headerClassList = computed(() => [\n cls.e('header'),\n bem.is('disabled', props.disabled),\n bem.is('active', isActive.value)\n])\n\nconst expandTransition =\n context?.expandTransition ??\n new ExpandTransition({ transition: 'height 0.24s cubic-bezier(0.4, 0, 0.2, 1)' })\n\nconst handleClick = () => {\n if (props.disabled) return\n\n if (context) {\n if (props.value === undefined) return\n context.toggle(props.value)\n return\n }\n\n const next = !standaloneModel.value\n standaloneModel.value = next\n emit('change', next)\n}\n\nconst wrapperEl = ref<HTMLElement>()\n\n/* 内容是否挂载：destroyOnCollapse 时折叠态卸载内容 DOM，展开前重新挂载 */\nconst contentMounted = ref(isActive.value \|\| !props.destroyOnCollapse)\n\nonMounted(() => {\n if (context && props.value !== undefined) {\n context.register(props.value)\n }\n if (!wrapperEl.value) return\n expandTransition.setExpanded(wrapperEl.value, isActive.value)\n})\n\nwatch(isActive, async (active) => {\n if (active) {\n // 展开前先挂载内容，待 DOM 更新后再测量高度驱动展开动画\n if (!contentMounted.value) {\n contentMounted.value = true\n await nextTick()\n }\n if (!wrapperEl.value \|\| !isActive.value) return\n expandTransition.expand(wrapperEl.value)\n return\n }\n if (!wrapperEl.value) return\n // 收起动画落定后再卸载内容 DOM；期间被重新展开则不卸载\n expandTransition.collapse(wrapperEl.value, () => {\n if (!isActive.value && props.destroyOnCollapse) contentMounted.value = false\n })\n})\n\nonBeforeUnmount(() => {\n if (context && props.value !== undefined) {\n context.unregister(props.value)\n }\n if (!wrapperEl.value) return\n expandTransition.cancel(wrapperEl.value)\n})\n</script>\n"],"mappings":"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"}

package/dist/components/collapse/collapse.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"collapse.js","names":[],"sources":["../../../src/components/collapse/collapse.vue"],"sourcesContent":["<template>\n <div :class=\"classList\" role=\"region\">\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps, useModel } from '@veltra/compositions'\nimport { bem, ExpandTransition } from '@veltra/utils'\nimport { computed, provide, ref } from 'vue'\n\nimport type { CollapseEmits, CollapseModelValue, CollapseProps, CollapseValue } from '../../types'\nimport { CollapseDIKey } from './di'\n\ndefineOptions({ name: 'UCollapse' })\n\nconst props = withDefaults(defineProps<CollapseProps>(), {\n accordion: false,\n defaultCollapseAll: false\n})\nconst emit = defineEmits<CollapseEmits>()\n\nconst cls = bem('collapse')\n\nconst expandTransition = new ExpandTransition({\n transition: 'height 0.24s cubic-bezier(0.4, 0, 0.2, 1)'\n})\n\nconst { size } = useFormFallbackProps([props], { size: 'default' })\n\nconst expandIcon = computed(() => props.expandIcon)\n\nconst classList = computed(() => [cls.b, cls.m(size.value)])\n\nconst modelValue = useModel<CollapseProps, 'modelValue'>({ props, emit, propName: 'modelValue' })\n\nconst activeValues = computed<CollapseValue[]>(() => {\n const v = modelValue.value\n if (v === undefined \|\| v === null) return []\n return Array.isArray(v) ? v : [v]\n})\n\nconst update = (next: CollapseModelValue) => {\n modelValue.value = next\n emit('change', next)\n}\n\nconst toggle = (value: CollapseValue) => {\n if (props.accordion) {\n update(activeValues.value[0] === value ? [] : value)\n return\n }\n\n const values = activeValues.value.slice()\n const index = values.indexOf(value)\n if (index > -1) values.splice(index, 1)\n else values.push(value)\n update(values)\n}\n\n// 收集子组件已注册的 values\nconst registeredValues = ref<CollapseValue[]>([])\n\n// 初始捕获 modelValue 是否具有有效初值\nconst hasInitialValue =\n modelValue.value !== undefined &&\n modelValue.value !== null &&\n (!Array.isArray(modelValue.value) \|\| modelValue.value.length > 0)\n\nconst register = (value: CollapseValue) => {\n if (!registeredValues.value.includes(value)) {\n registeredValues.value.push(value)\n\n // 若默认展开全部（defaultCollapseAll 为 false）且外部未指定初始值，则自动展开该子项\n if (!props.defaultCollapseAll && !hasInitialValue) {\n if (props.accordion) {\n if (registeredValues.value.length === 1) {\n update(value)\n }\n } else {\n const current = Array.isArray(modelValue.value)\n ? modelValue.value\n : modelValue.value !== undefined && modelValue.value !== null\n ? [modelValue.value]\n : []\n if (!current.includes(value)) {\n update([...current, value])\n }\n }\n }\n }\n}\n\nconst unregister = (value: CollapseValue) => {\n const idx = registeredValues.value.indexOf(value)\n if (idx > -1) {\n registeredValues.value.splice(idx, 1)\n }\n}\n\nprovide(CollapseDIKey, {\n cls,\n size,\n expandIcon,\n activeValues,\n toggle,\n expandTransition,\n register,\n unregister\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EAId,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,UAAU;EAE1B,MAAM,mBAAmB,IAAI,iBAAiB,EAC5C,YAAY,4CACd,CAAC;EAED,MAAM,EAAE,SAAS,qBAAqB,CAAC,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;EAElE,MAAM,aAAa,eAAe,MAAM,UAAU;EAElD,MAAM,YAAY,eAAe,CAAC,IAAI,GAAG,IAAI,EAAE,KAAK,KAAK,CAAC,CAAC;EAE3D,MAAM,aAAa,WAAsC;GAAE;GAAO;GAAM,UAAU;EAAa,CAAC;EAEhG,MAAM,eAAe,eAAgC;GACnD,MAAM,IAAI,WAAW;GACrB,IAAI,MAAM,KAAA,KAAa,MAAM,MAAM,OAAO,CAAC;GAC3C,OAAO,MAAM,QAAQ,CAAC,IAAI,IAAI,CAAC,CAAC;EAClC,CAAC;EAED,MAAM,UAAU,SAA6B;GAC3C,WAAW,QAAQ;GACnB,KAAK,UAAU,IAAI;EACrB;EAEA,MAAM,UAAU,UAAyB;GACvC,IAAI,MAAM,WAAW;IACnB,OAAO,aAAa,MAAM,OAAO,QAAQ,CAAC,IAAI,KAAK;IACnD;GACF;GAEA,MAAM,SAAS,aAAa,MAAM,MAAM;GACxC,MAAM,QAAQ,OAAO,QAAQ,KAAK;GAClC,IAAI,QAAQ,IAAI,OAAO,OAAO,OAAO,CAAC;QACjC,OAAO,KAAK,KAAK;GACtB,OAAO,MAAM;EACf;EAGA,MAAM,mBAAmB,IAAqB,CAAC,CAAC;EAGhD,MAAM,kBACJ,WAAW,UAAU,KAAA,KACrB,WAAW,UAAU,SACpB,CAAC,MAAM,QAAQ,WAAW,KAAK,KAAK,WAAW,MAAM,SAAS;EAEjE,MAAM,YAAY,UAAyB;GACzC,IAAI,CAAC,iBAAiB,MAAM,SAAS,KAAK,GAAG;IAC3C,iBAAiB,MAAM,KAAK,KAAK;IAGjC,IAAI,CAAC,MAAM,sBAAsB,CAAC,iBAChC,IAAI,MAAM;~~SACJ~~,iBAAiB,MAAM,WAAW,GACpC,OAAO,KAAK;IAAA,OAET;KACL,MAAM,UAAU,MAAM,QAAQ,WAAW,KAAK,IAC1C,WAAW,QACX,WAAW,UAAU,KAAA,KAAa,WAAW,UAAU,OACrD,CAAC,WAAW,KAAK,IACjB,CAAC;KACP,IAAI,CAAC,QAAQ,SAAS,KAAK,GACzB,OAAO,CAAC,GAAG,SAAS,KAAK,CAAC;IAE9B;GAEJ;EACF;EAEA,MAAM,cAAc,UAAyB;GAC3C,MAAM,MAAM,iBAAiB,MAAM,QAAQ,KAAK;GAChD,IAAI,MAAM,IACR,iBAAiB,MAAM,OAAO,KAAK,CAAC;EAExC;EAEA,QAAQ,eAAe;GACrB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;;~~uBA5GC~~,mBAEM,OAAA;IAFA,OAAK,eAAE,UAAA,KAAS;IAAE,MAAK;~~OAC3B~~,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}
1	+ {"version":3,"file":"collapse.js","names":[],"sources":["../../../src/components/collapse/collapse.vue"],"sourcesContent":["<template>\n <div :class=\"classList\" role=\"region\">\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps, useModel } from '@veltra/compositions'\nimport { bem, ExpandTransition } from '@veltra/utils'\nimport { computed, provide, ref } from 'vue'\n\nimport type { CollapseEmits, CollapseModelValue, CollapseProps, CollapseValue } from '../../types'\nimport { CollapseDIKey } from './di'\n\ndefineOptions({ name: 'UCollapse' })\n\nconst props = withDefaults(defineProps<CollapseProps>(), {\n accordion: false,\n defaultCollapseAll: false\n})\nconst emit = defineEmits<CollapseEmits>()\n\nconst cls = bem('collapse')\n\nconst expandTransition = new ExpandTransition({\n transition: 'height 0.24s cubic-bezier(0.4, 0, 0.2, 1)'\n})\n\nconst { size } = useFormFallbackProps([props], { size: 'default' })\n\nconst expandIcon = computed(() => props.expandIcon)\n\nconst classList = computed(() => [cls.b, cls.m(size.value)])\n\nconst modelValue = useModel<CollapseProps, 'modelValue'>({ props, emit, propName: 'modelValue' })\n\nconst activeValues = computed<CollapseValue[]>(() => {\n const v = modelValue.value\n if (v === undefined \|\| v === null) return []\n return Array.isArray(v) ? v : [v]\n})\n\nconst update = (next: CollapseModelValue) => {\n modelValue.value = next\n emit('change', next)\n}\n\nconst toggle = (value: CollapseValue) => {\n if (props.accordion) {\n update(activeValues.value[0] === value ? [] : value)\n return\n }\n\n const values = activeValues.value.slice()\n const index = values.indexOf(value)\n if (index > -1) values.splice(index, 1)\n else values.push(value)\n update(values)\n}\n\n// 收集子组件已注册的 values\nconst registeredValues = ref<CollapseValue[]>([])\n\n// 初始捕获 modelValue 是否具有有效初值\nconst hasInitialValue =\n modelValue.value !== undefined &&\n modelValue.value !== null &&\n (!Array.isArray(modelValue.value) \|\| modelValue.value.length > 0)\n\nconst register = (value: CollapseValue) => {\n if (!registeredValues.value.includes(value)) {\n registeredValues.value.push(value)\n\n // 若默认展开全部（defaultCollapseAll 为 false）且外部未指定初始值，则自动展开该子项\n if (!props.defaultCollapseAll && !hasInitialValue) {\n if (props.accordion) {\n if (registeredValues.value.length === 1) {\n update(value)\n }\n } else {\n const current = Array.isArray(modelValue.value)\n ? modelValue.value\n : modelValue.value !== undefined && modelValue.value !== null\n ? [modelValue.value]\n : []\n if (!current.includes(value)) {\n update([...current, value])\n }\n }\n }\n }\n}\n\nconst unregister = (value: CollapseValue) => {\n const idx = registeredValues.value.indexOf(value)\n if (idx > -1) {\n registeredValues.value.splice(idx, 1)\n }\n}\n\nprovide(CollapseDIKey, {\n cls,\n size,\n expandIcon,\n activeValues,\n toggle,\n expandTransition,\n register,\n unregister\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EAId,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,UAAU;EAE1B,MAAM,mBAAmB,IAAI,iBAAiB,EAC5C,YAAY,4CACd,CAAC;EAED,MAAM,EAAE,SAAS,qBAAqB,CAAC,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;EAElE,MAAM,aAAa,eAAe,MAAM,UAAU;EAElD,MAAM,YAAY,eAAe,CAAC,IAAI,GAAG,IAAI,EAAE,KAAK,KAAK,CAAC,CAAC;EAE3D,MAAM,aAAa,WAAsC;GAAE;GAAO;GAAM,UAAU;EAAa,CAAC;EAEhG,MAAM,eAAe,eAAgC;GACnD,MAAM,IAAI,WAAW;GACrB,IAAI,MAAM,KAAA,KAAa,MAAM,MAAM,OAAO,CAAC;GAC3C,OAAO,MAAM,QAAQ,CAAC,IAAI,IAAI,CAAC,CAAC;EAClC,CAAC;EAED,MAAM,UAAU,SAA6B;GAC3C,WAAW,QAAQ;GACnB,KAAK,UAAU,IAAI;EACrB;EAEA,MAAM,UAAU,UAAyB;GACvC,IAAI,MAAM,WAAW;IACnB,OAAO,aAAa,MAAM,OAAO,QAAQ,CAAC,IAAI,KAAK;IACnD;GACF;GAEA,MAAM,SAAS,aAAa,MAAM,MAAM;GACxC,MAAM,QAAQ,OAAO,QAAQ,KAAK;GAClC,IAAI,QAAQ,IAAI,OAAO,OAAO,OAAO,CAAC;QACjC,OAAO,KAAK,KAAK;GACtB,OAAO,MAAM;EACf;EAGA,MAAM,mBAAmB,IAAqB,CAAC,CAAC;EAGhD,MAAM,kBACJ,WAAW,UAAU,KAAA,KACrB,WAAW,UAAU,SACpB,CAAC,MAAM,QAAQ,WAAW,KAAK,KAAK,WAAW,MAAM,SAAS;EAEjE,MAAM,YAAY,UAAyB;GACzC,IAAI,CAAC,iBAAiB,MAAM,SAAS,KAAK,GAAG;IAC3C,iBAAiB,MAAM,KAAK,KAAK;IAGjC,IAAI,CAAC,MAAM,sBAAsB,CAAC,iBAChC,IAAI,MAAM,WACJ;SAAA,iBAAiB,MAAM,WAAW,GACpC,OAAO,KAAK;IAAA,OAET;KACL,MAAM,UAAU,MAAM,QAAQ,WAAW,KAAK,IAC1C,WAAW,QACX,WAAW,UAAU,KAAA,KAAa,WAAW,UAAU,OACrD,CAAC,WAAW,KAAK,IACjB,CAAC;KACP,IAAI,CAAC,QAAQ,SAAS,KAAK,GACzB,OAAO,CAAC,GAAG,SAAS,KAAK,CAAC;IAE9B;GAEJ;EACF;EAEA,MAAM,cAAc,UAAyB;GAC3C,MAAM,MAAM,iBAAiB,MAAM,QAAQ,KAAK;GAChD,IAAI,MAAM,IACR,iBAAiB,MAAM,OAAO,KAAK,CAAC;EAExC;EAEA,QAAQ,eAAe;GACrB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAAC;;GA5GC,OAAA,UAAA,GAAA,mBAEM,OAAA;IAFA,OAAK,eAAE,UAAA,KAAS;IAAE,MAAK;GAC3B,GAAA,CAAA,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}

package/dist/components/collapse/style.d.ts CHANGED Viewed

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

package/dist/components/condition-editor/components/condition-group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"condition-group.js","names":[],"sources":["../../../../src/components/condition-editor/components/condition-group.vue"],"sourcesContent":["<template>\n <div :class=\"[cls.e('group'), depth > 0 ? cls.em('group', 'nested') : '']\">\n <template v-if=\"group.children.length === 0\">\n <div :class=\"cls.e('group-empty')\">\n <span :class=\"cls.e('group-empty-tip')\">暂无条件</span>\n </div>\n </template>\n\n <ul :class=\"cls.e('group-list')\">\n <li v-for=\"(child, idx) in group.children\" :key=\"idx\" :class=\"cls.e('group-item')\">\n <span\n v-if=\"idx > 0\"\n :class=\"[cls.e('connector'), cls.em('connector', connectorAt(idx - 1))]\"\n :tabindex=\"readonly \|\| disabled ? -1 : 0\"\n role=\"button\"\n :aria-label=\"`切换连接符（当前 ${connectorAt(idx - 1).toUpperCase()}）`\"\n @click=\"toggleConnector(idx - 1)\"\n @keydown.enter.prevent=\"toggleConnector(idx - 1)\"\n @keydown.space.prevent=\"toggleConnector(idx - 1)\"\n >{{ connectorAt(idx - 1).toUpperCase() }}</span\n >\n <span v-else :class=\"cls.e('connector-placeholder')\">WHERE</span>\n\n <div :class=\"cls.e('group-item-body')\">\n <ConditionRow\n v-if=\"child.type === 'condition'\"\n :item=\"child\"\n :fields=\"fields\"\n :size=\"size\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n @update:item=\"(it) => updateChild(idx, it)\"\n @delete=\"removeChild(idx)\"\n @mention=\"(p) => emit('mention', p)\"\n />\n <ConditionGroup\n v-else\n :group=\"child\"\n :fields=\"fields\"\n :size=\"size\"\n :depth=\"depth + 1\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n @update:group=\"(g) => updateChild(idx, g)\"\n @remove=\"removeChild(idx)\"\n @mention=\"(p) => emit('mention', p)\"\n />\n </div>\n </li>\n </ul>\n\n <div v-if=\"!readonly\" :class=\"cls.e('group-actions')\">\n <button type=\"button\" :class=\"cls.e('action-btn')\" :disabled=\"disabled\" @click=\"addCondition\">\n <u-icon><Plus /></u-icon>\n <span>添加条件</span>\n </button>\n <button type=\"button\" :class=\"cls.e('action-btn')\" :disabled=\"disabled\" @click=\"addGroup\">\n <u-icon><Plus /></u-icon>\n <span>添加条件组</span>\n </button>\n <button\n v-if=\"depth > 0\"\n type=\"button\"\n :class=\"[cls.e('action-btn'), cls.em('action-btn', 'danger')]\"\n :disabled=\"disabled\"\n @click=\"emit('remove')\"\n >\n <u-icon><Delete /></u-icon>\n <span>删除组</span>\n </button>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Delete, Plus } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\n\nimport type {\n ConditionConnector,\n ConditionField,\n ConditionGroup as ConditionGroupNode,\n ConditionNode\n} from '../../../types'\nimport { UIcon } from '../../icon'\nimport { createEmptyGroup, createEmptyLeaf } from '../core/evaluator'\nimport ConditionRow, { type MentionPayload } from './condition-row.vue'\n\ndefineOptions({ name: 'UConditionGroup' })\n\nconst props = withDefaults(\n defineProps<{\n group: ConditionGroupNode\n fields?: ConditionField[]\n size?: 'small' \| 'default' \| 'large'\n depth?: number\n disabled?: boolean\n readonly?: boolean\n }>(),\n { size: 'default', depth: 0 }\n)\n\nconst emit = defineEmits<{\n (e: 'update:group', group: ConditionGroupNode): void\n (e: 'remove'): void\n (e: 'mention', payload: MentionPayload): void\n}>()\n\nconst cls = bem('condition-editor')\n\nfunction connectorAt(index: number): ConditionConnector {\n return props.group.connectors[index] ?? 'and'\n}\n\nfunction emitUpdate(next: Partial<ConditionGroupNode>) {\n emit('update:group', { ...props.group, ...next })\n}\n\nfunction toggleConnector(index: number) {\n if (props.disabled \|\| props.readonly) return\n const next = props.group.connectors.slice()\n next[index] = connectorAt(index) === 'and' ? 'or' : 'and'\n emitUpdate({ connectors: next })\n}\n\nfunction addCondition() {\n appendChild(createEmptyLeaf())\n}\n\nfunction addGroup() {\n appendChild({ ...createEmptyGroup(), children: [createEmptyLeaf()], connectors: [] })\n}\n\nfunction appendChild(node: ConditionNode) {\n const children = [...props.group.children, node]\n const connectors =\n props.group.children.length === 0\n ? props.group.connectors\n : [...props.group.connectors, 'and' as const]\n emitUpdate({ children, connectors })\n}\n\nfunction updateChild(index: number, node: ConditionNode) {\n const children = props.group.children.slice()\n children[index] = node\n emitUpdate({ children })\n}\n\nfunction removeChild(index: number) {\n const children = props.group.children.slice()\n children.splice(index, 1)\n const connectors = props.group.connectors.slice()\n // 移除第 index 项时，连接到该项的连接符也要移除\n // connectors[i] 位于 children[i] 与 children[i+1] 之间\n if (index === 0) {\n if (connectors.length > 0) connectors.shift()\n } else {\n connectors.splice(index - 1, 1)\n }\n emitUpdate({ children, connectors })\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0FA,MAAM,QAAQ;EAYd,MAAM,OAAO;EAMb,MAAM,MAAM,IAAI,kBAAkB;EAElC,SAAS,YAAY,OAAmC;GACtD,OAAO,MAAM,MAAM,WAAW,UAAU;EAC1C;EAEA,SAAS,WAAW,MAAmC;GACrD,KAAK,gBAAgB;IAAE,GAAG,MAAM;IAAO,GAAG;GAAK,CAAC;EAClD;EAEA,SAAS,gBAAgB,OAAe;GACtC,IAAI,MAAM,YAAY,MAAM,UAAU;GACtC,MAAM,OAAO,MAAM,MAAM,WAAW,MAAM;GAC1C,KAAK,SAAS,YAAY,KAAK,MAAM,QAAQ,OAAO;GACpD,WAAW,EAAE,YAAY,KAAK,CAAC;EACjC;EAEA,SAAS,eAAe;GACtB,YAAY,gBAAgB,CAAC;EAC/B;EAEA,SAAS,WAAW;GAClB,YAAY;IAAE,GAAG,iBAAiB;IAAG,UAAU,CAAC,gBAAgB,CAAC;IAAG,YAAY,CAAC;GAAE,CAAC;EACtF;EAEA,SAAS,YAAY,MAAqB;GAMxC,WAAW;IAAE,UAAA,CALK,GAAG,MAAM,MAAM,UAAU,IAK9B;IAAU,YAHrB,MAAM,MAAM,SAAS,WAAW,IAC5B,MAAM,MAAM,aACZ,CAAC,GAAG,MAAM,MAAM,YAAY,KAAc;GACd,CAAC;EACrC;EAEA,SAAS,YAAY,OAAe,MAAqB;GACvD,MAAM,WAAW,MAAM,MAAM,SAAS,MAAM;GAC5C,SAAS,SAAS;GAClB,WAAW,EAAE,SAAS,CAAC;EACzB;EAEA,SAAS,YAAY,OAAe;GAClC,MAAM,WAAW,MAAM,MAAM,SAAS,MAAM;GAC5C,SAAS,OAAO,OAAO,CAAC;GACxB,MAAM,aAAa,MAAM,MAAM,WAAW,MAAM;GAGhD,IAAI,UAAU;~~QACR~~,WAAW,SAAS,GAAG,WAAW,MAAM;GAAA,OAE5C,WAAW,OAAO,QAAQ,GAAG,CAAC;GAEhC,WAAW;IAAE;IAAU;GAAW,CAAC;EACrC;;;~~uBA~~/JE,mBAsEM,OAAA,EAtEA,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,GAAW,QAAA,QAAK,IAAO,MAAA,GAAA,CAAG,CAAC,GAAE,SAAA,QAAA,IAAA,EAAA,CAAA,EAAA,GAAA;IAC9B,QAAA,MAAM,SAAS,WAAM,KAAA,UAAA,GACnC,mBAEM,OAAA;;KAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,aAAA,CAAA;~~QAChB~~,mBAAmD,QAAA,EAA5C,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,iBAAA,CAAA,EAAA,GAAqB,QAAI,CAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA;IAIhD,mBAyCK,MAAA,EAzCA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA,EAAA,~~GAAA~~,EAAA,UAAA,IAAA,~~GACf~~,mBAuCK,UAAA,MAAA,WAvCsB,QAAA,MAAM,WAArB,OAAO,QAAG;~~yBAAtB~~,mBAuCK,MAAA;MAvCuC,KAAK;MAAM,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA;~~SAEzD~~,MAAG,KAAA,UAAA,GADX,mBAUC,QAAA;;MARE,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,EAAC,WAAA,GAAe,MAAA,GAAA,CAAG,CAAC,GAAE,aAAc,YAAY,MAAG,CAAA,CAAA,CAAA,CAAA;MAC/D,UAAU,QAAA,YAAY,QAAA,WAAQ,KAAA;MAC/B,MAAK;MACJ,cAAU,YAAc,YAAY,MAAG,CAAA,CAAA,CAAM,YAAW,EAAA;MACxD,UAAK,WAAE,gBAAgB,MAAG,CAAA;MAC1B,WAAO,CAAA,SAAA,eAAA,WAAgB,gBAAgB,MAAG,CAAA,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA,GAAA,SAAA,eAAA,WACnB,gBAAgB,MAAG,CAAA,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA;~~wBACvC~~,YAAY,MAAG,CAAA,CAAA,CAAM,YAAW,CAAA,GAAA,IAAA,UAAA,MAAA,UAAA,GAEtC,mBAAiE,QAAA;;MAAnD,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,uBAAA,CAAA;~~QAA2B~~,SAAK,CAAA,IAE1D,mBAwBM,OAAA,EAxBA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,iBAAA,CAAA,EAAA,~~GAAA~~,~~CAER~~,MAAM,SAAI,eAAA,UAAA,GADlB,YAUE,aAAA;;MARC,MAAM;MACN,QAAQ,QAAA;MACR,MAAM,QAAA;MACN,UAAU,QAAA;MACV,UAAU,QAAA;MACV,kBAAc,OAAO,YAAY,KAAK,EAAE;MACxC,WAAM,WAAE,YAAY,GAAG;MACvB,WAAO,OAAA,OAAA,OAAA,MAAG,MAAM,KAAI,WAAY,CAAC;;;;;;;;;~~yBAEpC~~,YAWE,2BAAA;;MATC,OAAO;MACP,QAAQ,QAAA;MACR,MAAM,QAAA;MACN,OAAO,QAAA,QAAK;MACZ,UAAU,QAAA;MACV,UAAU,QAAA;MACV,mBAAe,MAAM,YAAY,KAAK,CAAC;MACvC,WAAM,WAAE,YAAY,GAAG;MACvB,WAAO,OAAA,OAAA,OAAA,MAAG,MAAM,KAAI,WAAY,CAAC;;;;;;;;;;;;~~KAM9B~~,QAAA,YAAA,UAAA,GAAZ,mBAmBM,OAAA;;KAnBiB,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,eAAA,CAAA;;KACjC,mBAGS,UAAA;MAHD,MAAK;MAAU,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA;MAAiB,UAAU,QAAA;MAAW,SAAO;~~SAC9E~~,YAAyB,MAAA,WAAA,GAAA,MAAA;~~6BAAT~~,CAAR,YAAQ,MAAA,IAAA,CAAA,CAAA,CAAA;;~~mCAChB~~,mBAAiB,QAAA,MAAX,QAAI,EAAA,EAAA,GAAA,IAAA,UAAA;KAEZ,mBAGS,UAAA;MAHD,MAAK;MAAU,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA;MAAiB,UAAU,QAAA;MAAW,SAAO;~~SAC9E~~,YAAyB,MAAA,WAAA,GAAA,MAAA;~~6BAAT~~,CAAR,YAAQ,MAAA,IAAA,CAAA,CAAA,CAAA;;~~mCAChB~~,mBAAkB,QAAA,MAAZ,SAAK,EAAA,EAAA,GAAA,IAAA,UAAA;KAGL,QAAA,QAAK,KAAA,UAAA,GADb,mBASS,UAAA;;MAPP,MAAK;MACJ,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,GAAgB,MAAA,GAAA,CAAG,CAAC,GAAE,cAAA,QAAA,CAAA,CAAA;MACnC,UAAU,QAAA;MACV,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;~~SAEZ~~,YAA2B,MAAA,WAAA,GAAA,MAAA;~~6BAAT~~,CAAV,YAAU,MAAA,MAAA,CAAA,CAAA,CAAA;;~~mCAClB~~,mBAAgB,QAAA,MAAV,OAAG,EAAA,EAAA,GAAA,IAAA,UAAA,KAAA,mBAAA,QAAA,IAAA"}
1	+ {"version":3,"file":"condition-group.js","names":[],"sources":["../../../../src/components/condition-editor/components/condition-group.vue"],"sourcesContent":["<template>\n <div :class=\"[cls.e('group'), depth > 0 ? cls.em('group', 'nested') : '']\">\n <template v-if=\"group.children.length === 0\">\n <div :class=\"cls.e('group-empty')\">\n <span :class=\"cls.e('group-empty-tip')\">暂无条件</span>\n </div>\n </template>\n\n <ul :class=\"cls.e('group-list')\">\n <li v-for=\"(child, idx) in group.children\" :key=\"idx\" :class=\"cls.e('group-item')\">\n <span\n v-if=\"idx > 0\"\n :class=\"[cls.e('connector'), cls.em('connector', connectorAt(idx - 1))]\"\n :tabindex=\"readonly \|\| disabled ? -1 : 0\"\n role=\"button\"\n :aria-label=\"`切换连接符（当前 ${connectorAt(idx - 1).toUpperCase()}）`\"\n @click=\"toggleConnector(idx - 1)\"\n @keydown.enter.prevent=\"toggleConnector(idx - 1)\"\n @keydown.space.prevent=\"toggleConnector(idx - 1)\"\n >{{ connectorAt(idx - 1).toUpperCase() }}</span\n >\n <span v-else :class=\"cls.e('connector-placeholder')\">WHERE</span>\n\n <div :class=\"cls.e('group-item-body')\">\n <ConditionRow\n v-if=\"child.type === 'condition'\"\n :item=\"child\"\n :fields=\"fields\"\n :size=\"size\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n @update:item=\"(it) => updateChild(idx, it)\"\n @delete=\"removeChild(idx)\"\n @mention=\"(p) => emit('mention', p)\"\n />\n <ConditionGroup\n v-else\n :group=\"child\"\n :fields=\"fields\"\n :size=\"size\"\n :depth=\"depth + 1\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n @update:group=\"(g) => updateChild(idx, g)\"\n @remove=\"removeChild(idx)\"\n @mention=\"(p) => emit('mention', p)\"\n />\n </div>\n </li>\n </ul>\n\n <div v-if=\"!readonly\" :class=\"cls.e('group-actions')\">\n <button type=\"button\" :class=\"cls.e('action-btn')\" :disabled=\"disabled\" @click=\"addCondition\">\n <u-icon><Plus /></u-icon>\n <span>添加条件</span>\n </button>\n <button type=\"button\" :class=\"cls.e('action-btn')\" :disabled=\"disabled\" @click=\"addGroup\">\n <u-icon><Plus /></u-icon>\n <span>添加条件组</span>\n </button>\n <button\n v-if=\"depth > 0\"\n type=\"button\"\n :class=\"[cls.e('action-btn'), cls.em('action-btn', 'danger')]\"\n :disabled=\"disabled\"\n @click=\"emit('remove')\"\n >\n <u-icon><Delete /></u-icon>\n <span>删除组</span>\n </button>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Delete, Plus } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\n\nimport type {\n ConditionConnector,\n ConditionField,\n ConditionGroup as ConditionGroupNode,\n ConditionNode\n} from '../../../types'\nimport { UIcon } from '../../icon'\nimport { createEmptyGroup, createEmptyLeaf } from '../core/evaluator'\nimport ConditionRow, { type MentionPayload } from './condition-row.vue'\n\ndefineOptions({ name: 'UConditionGroup' })\n\nconst props = withDefaults(\n defineProps<{\n group: ConditionGroupNode\n fields?: ConditionField[]\n size?: 'small' \| 'default' \| 'large'\n depth?: number\n disabled?: boolean\n readonly?: boolean\n }>(),\n { size: 'default', depth: 0 }\n)\n\nconst emit = defineEmits<{\n (e: 'update:group', group: ConditionGroupNode): void\n (e: 'remove'): void\n (e: 'mention', payload: MentionPayload): void\n}>()\n\nconst cls = bem('condition-editor')\n\nfunction connectorAt(index: number): ConditionConnector {\n return props.group.connectors[index] ?? 'and'\n}\n\nfunction emitUpdate(next: Partial<ConditionGroupNode>) {\n emit('update:group', { ...props.group, ...next })\n}\n\nfunction toggleConnector(index: number) {\n if (props.disabled \|\| props.readonly) return\n const next = props.group.connectors.slice()\n next[index] = connectorAt(index) === 'and' ? 'or' : 'and'\n emitUpdate({ connectors: next })\n}\n\nfunction addCondition() {\n appendChild(createEmptyLeaf())\n}\n\nfunction addGroup() {\n appendChild({ ...createEmptyGroup(), children: [createEmptyLeaf()], connectors: [] })\n}\n\nfunction appendChild(node: ConditionNode) {\n const children = [...props.group.children, node]\n const connectors =\n props.group.children.length === 0\n ? props.group.connectors\n : [...props.group.connectors, 'and' as const]\n emitUpdate({ children, connectors })\n}\n\nfunction updateChild(index: number, node: ConditionNode) {\n const children = props.group.children.slice()\n children[index] = node\n emitUpdate({ children })\n}\n\nfunction removeChild(index: number) {\n const children = props.group.children.slice()\n children.splice(index, 1)\n const connectors = props.group.connectors.slice()\n // 移除第 index 项时，连接到该项的连接符也要移除\n // connectors[i] 位于 children[i] 与 children[i+1] 之间\n if (index === 0) {\n if (connectors.length > 0) connectors.shift()\n } else {\n connectors.splice(index - 1, 1)\n }\n emitUpdate({ children, connectors })\n}\n</script>\n"],"mappings":"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"}

package/dist/components/condition-editor/components/condition-row.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"condition-row.js","names":[],"sources":["../../../../src/components/condition-editor/components/condition-row.vue"],"sourcesContent":["<template>\n <div :class=\"cls.e('row')\">\n <u-select\n :class=\"cls.e('field')\"\n :model-value=\"item.field\"\n :options=\"fieldOptions\"\n value-key=\"value\"\n label-key=\"label\"\n placeholder=\"字段\"\n :size=\"size\"\n :disabled=\"disabled \|\| readonly\"\n :clearable=\"false\"\n filterable\n @update:model-value=\"onFieldChange\"\n />\n\n <u-select\n :class=\"cls.e('operator')\"\n :model-value=\"item.operator\"\n :options=\"operatorOptions\"\n value-key=\"value\"\n label-key=\"label\"\n placeholder=\"运算符\"\n :size=\"size\"\n :disabled=\"disabled \|\| readonly \|\| !currentField\"\n :clearable=\"false\"\n @update:model-value=\"onOperatorChange\"\n />\n\n <div :class=\"cls.e('value')\">\n <template v-if=\"!needValue\">\n <span :class=\"cls.e('value-empty')\">—</span>\n </template>\n\n <template v-else-if=\"enumValueOptions\">\n <u-select\n :model-value=\"constantValue\"\n :options=\"enumValueOptions\"\n value-key=\"value\"\n label-key=\"label\"\n placeholder=\"选择值\"\n :size=\"size\"\n :disabled=\"disabled \|\| readonly\"\n :clearable=\"false\"\n @update:model-value=\"onConstantChange\"\n />\n </template>\n\n <template v-else-if=\"booleanValueOptions\">\n <u-select\n :model-value=\"constantValue\"\n :options=\"booleanValueOptions\"\n value-key=\"value\"\n label-key=\"label\"\n placeholder=\"选择值\"\n :size=\"size\"\n :disabled=\"disabled \|\| readonly\"\n :clearable=\"false\"\n @update:model-value=\"onConstantChange\"\n />\n </template>\n\n <template v-else-if=\"item.value.kind === 'variable'\">\n <span\n ref=\"chipRef\"\n :class=\"cls.e('value-chip')\"\n tabindex=\"0\"\n :title=\"`变量：${item.value.name}`\"\n @click=\"onChipClick\"\n @keydown.delete=\"onChipDelete\"\n >\n <span :class=\"cls.e('value-chip-label')\">{{ item.value.name }}</span>\n <span :class=\"cls.e('value-chip-close')\" @click.stop=\"onChipDelete\">\n <u-icon><Close /></u-icon>\n </span>\n </span>\n </template>\n\n <template v-else>\n <input\n ref=\"valueInputRef\"\n :class=\"cls.e('value-input')\"\n :type=\"inputType\"\n :value=\"constantValue\"\n :placeholder=\"placeholder\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n @input=\"onValueInput\"\n @keydown=\"onValueKeydown\"\n />\n </template>\n </div>\n\n <button\n v-if=\"!readonly\"\n type=\"button\"\n :class=\"cls.e('row-delete')\"\n :disabled=\"disabled\"\n title=\"删除条件\"\n @click=\"emit('delete')\"\n >\n <u-icon><Delete /></u-icon>\n </button>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Close, Delete } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, useTemplateRef } from 'vue'\n\nimport type { ConditionField, ConditionLeaf, ConditionValue } from '../../../types'\nimport { UIcon } from '../../icon'\nimport { USelect } from '../../select'\nimport { getOperatorsByFieldType, type OperatorDef } from '../core/operators'\n\ndefineOptions({ name: 'UConditionRow' })\n\nexport interface MentionPayload {\n triggerDom: HTMLElement\n setValue: (val: ConditionValue) => void\n}\n\nconst props = withDefaults(\n defineProps<{\n item: ConditionLeaf\n fields?: ConditionField[]\n size?: 'small' \| 'default' \| 'large'\n disabled?: boolean\n readonly?: boolean\n }>(),\n { size: 'default' }\n)\n\nconst emit = defineEmits<{\n (e: 'update:item', item: ConditionLeaf): void\n (e: 'delete'): void\n (e: 'mention', payload: MentionPayload): void\n}>()\n\nconst cls = bem('condition-editor')\n\nconst valueInputRef = useTemplateRef<HTMLInputElement>('valueInputRef')\nconst chipRef = useTemplateRef<HTMLElement>('chipRef')\n\nconst fieldOptions = computed(() =>\n (props.fields ?? []).map((f) => ({ label: f.label, value: f.value }))\n)\n\nconst currentField = computed(() => props.fields?.find((f) => f.value === props.item.field))\n\nconst operatorOptions = computed<OperatorDef[]>(() => {\n if (!currentField.value) {\n return props.item.operator\n ? [{ label: props.item.operator, value: props.item.operator, needValue: true }]\n : []\n }\n return getOperatorsByFieldType(currentField.value.type)\n})\n\nconst currentOperator = computed(() =>\n operatorOptions.value.find((o) => o.value === props.item.operator)\n)\n\nconst needValue = computed(() => currentOperator.value?.needValue ?? true)\n\nconst constantValue = computed(() =>\n props.item.value.kind === 'constant' ? props.item.value.value : ''\n)\n\n/** 枚举字段的可选值（仅在非 `in` 等多值运算符下展开为下拉） */\nconst enumValueOptions = computed(() => {\n if (!currentField.value \|\| currentField.value.type !== 'enum') return null\n if (props.item.operator === 'in') return null\n return currentField.value.enumOptions ?? []\n})\n\nconst booleanValueOptions = computed(() => {\n if (!currentField.value \|\| currentField.value.type !== 'boolean') return null\n if (!needValue.value) return null\n return [\n { label: '是', value: 'true' },\n { label: '否', value: 'false' }\n ]\n})\n\nconst inputType = computed(() => {\n const type = currentField.value?.type\n if (type === 'number') return 'number'\n if (type === 'date') return 'date'\n return 'text'\n})\n\nconst placeholder = computed(() => {\n if (props.item.operator === 'in') return '多个值用逗号分隔'\n if (!props.fields?.length) return ''\n return '输入值或 @ 引用变量'\n})\n\nfunction emitUpdate(patch: Partial<ConditionLeaf>) {\n emit('update:item', { ...props.item, ...patch })\n}\n\nfunction onFieldChange(val: string) {\n const field = props.fields?.find((f) => f.value === val)\n const nextOps = field ? getOperatorsByFieldType(field.type) : []\n const nextOp = nextOps[0]?.value ?? 'eq'\n emit('update:item', {\n ...props.item,\n field: val,\n operator: nextOp,\n value: { kind: 'constant', value: '' }\n })\n}\n\nfunction onOperatorChange(val: string) {\n emitUpdate({ operator: val, value: { kind: 'constant', value: '' } })\n}\n\nfunction onValueInput(e: Event) {\n emitUpdate({ value: { kind: 'constant', value: (e.target as HTMLInputElement).value } })\n}\n\nfunction onConstantChange(val: string) {\n emitUpdate({ value: { kind: 'constant', value: val } })\n}\n\nfunction onValueKeydown(e: KeyboardEvent) {\n if (props.disabled \|\| props.readonly) return\n if (e.key === '@' && valueInputRef.value) {\n e.preventDefault()\n emit('mention', {\n triggerDom: valueInputRef.value,\n setValue: (val) => emitUpdate({ value: val })\n })\n }\n}\n\nfunction onChipClick() {\n if (props.disabled \|\| props.readonly) return\n const dom = chipRef.value\n if (!dom) return\n emit('mention', { triggerDom: dom, setValue: (val) => emitUpdate({ value: val }) })\n}\n\nfunction onChipDelete() {\n if (props.disabled \|\| props.readonly) return\n emitUpdate({ value: { kind: 'constant', value: '' } })\n}\n</script>\n"],"mappings":"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"}
1	+ {"version":3,"file":"condition-row.js","names":[],"sources":["../../../../src/components/condition-editor/components/condition-row.vue"],"sourcesContent":["<template>\n <div :class=\"cls.e('row')\">\n <u-select\n :class=\"cls.e('field')\"\n :model-value=\"item.field\"\n :options=\"fieldOptions\"\n value-key=\"value\"\n label-key=\"label\"\n placeholder=\"字段\"\n :size=\"size\"\n :disabled=\"disabled \|\| readonly\"\n :clearable=\"false\"\n filterable\n @update:model-value=\"onFieldChange\"\n />\n\n <u-select\n :class=\"cls.e('operator')\"\n :model-value=\"item.operator\"\n :options=\"operatorOptions\"\n value-key=\"value\"\n label-key=\"label\"\n placeholder=\"运算符\"\n :size=\"size\"\n :disabled=\"disabled \|\| readonly \|\| !currentField\"\n :clearable=\"false\"\n @update:model-value=\"onOperatorChange\"\n />\n\n <div :class=\"cls.e('value')\">\n <template v-if=\"!needValue\">\n <span :class=\"cls.e('value-empty')\">—</span>\n </template>\n\n <template v-else-if=\"enumValueOptions\">\n <u-select\n :model-value=\"constantValue\"\n :options=\"enumValueOptions\"\n value-key=\"value\"\n label-key=\"label\"\n placeholder=\"选择值\"\n :size=\"size\"\n :disabled=\"disabled \|\| readonly\"\n :clearable=\"false\"\n @update:model-value=\"onConstantChange\"\n />\n </template>\n\n <template v-else-if=\"booleanValueOptions\">\n <u-select\n :model-value=\"constantValue\"\n :options=\"booleanValueOptions\"\n value-key=\"value\"\n label-key=\"label\"\n placeholder=\"选择值\"\n :size=\"size\"\n :disabled=\"disabled \|\| readonly\"\n :clearable=\"false\"\n @update:model-value=\"onConstantChange\"\n />\n </template>\n\n <template v-else-if=\"item.value.kind === 'variable'\">\n <span\n ref=\"chipRef\"\n :class=\"cls.e('value-chip')\"\n tabindex=\"0\"\n :title=\"`变量：${item.value.name}`\"\n @click=\"onChipClick\"\n @keydown.delete=\"onChipDelete\"\n >\n <span :class=\"cls.e('value-chip-label')\">{{ item.value.name }}</span>\n <span :class=\"cls.e('value-chip-close')\" @click.stop=\"onChipDelete\">\n <u-icon><Close /></u-icon>\n </span>\n </span>\n </template>\n\n <template v-else>\n <input\n ref=\"valueInputRef\"\n :class=\"cls.e('value-input')\"\n :type=\"inputType\"\n :value=\"constantValue\"\n :placeholder=\"placeholder\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n @input=\"onValueInput\"\n @keydown=\"onValueKeydown\"\n />\n </template>\n </div>\n\n <button\n v-if=\"!readonly\"\n type=\"button\"\n :class=\"cls.e('row-delete')\"\n :disabled=\"disabled\"\n title=\"删除条件\"\n @click=\"emit('delete')\"\n >\n <u-icon><Delete /></u-icon>\n </button>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Close, Delete } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, useTemplateRef } from 'vue'\n\nimport type { ConditionField, ConditionLeaf, ConditionValue } from '../../../types'\nimport { UIcon } from '../../icon'\nimport { USelect } from '../../select'\nimport { getOperatorsByFieldType, type OperatorDef } from '../core/operators'\n\ndefineOptions({ name: 'UConditionRow' })\n\nexport interface MentionPayload {\n triggerDom: HTMLElement\n setValue: (val: ConditionValue) => void\n}\n\nconst props = withDefaults(\n defineProps<{\n item: ConditionLeaf\n fields?: ConditionField[]\n size?: 'small' \| 'default' \| 'large'\n disabled?: boolean\n readonly?: boolean\n }>(),\n { size: 'default' }\n)\n\nconst emit = defineEmits<{\n (e: 'update:item', item: ConditionLeaf): void\n (e: 'delete'): void\n (e: 'mention', payload: MentionPayload): void\n}>()\n\nconst cls = bem('condition-editor')\n\nconst valueInputRef = useTemplateRef<HTMLInputElement>('valueInputRef')\nconst chipRef = useTemplateRef<HTMLElement>('chipRef')\n\nconst fieldOptions = computed(() =>\n (props.fields ?? []).map((f) => ({ label: f.label, value: f.value }))\n)\n\nconst currentField = computed(() => props.fields?.find((f) => f.value === props.item.field))\n\nconst operatorOptions = computed<OperatorDef[]>(() => {\n if (!currentField.value) {\n return props.item.operator\n ? [{ label: props.item.operator, value: props.item.operator, needValue: true }]\n : []\n }\n return getOperatorsByFieldType(currentField.value.type)\n})\n\nconst currentOperator = computed(() =>\n operatorOptions.value.find((o) => o.value === props.item.operator)\n)\n\nconst needValue = computed(() => currentOperator.value?.needValue ?? true)\n\nconst constantValue = computed(() =>\n props.item.value.kind === 'constant' ? props.item.value.value : ''\n)\n\n/** 枚举字段的可选值（仅在非 `in` 等多值运算符下展开为下拉） */\nconst enumValueOptions = computed(() => {\n if (!currentField.value \|\| currentField.value.type !== 'enum') return null\n if (props.item.operator === 'in') return null\n return currentField.value.enumOptions ?? []\n})\n\nconst booleanValueOptions = computed(() => {\n if (!currentField.value \|\| currentField.value.type !== 'boolean') return null\n if (!needValue.value) return null\n return [\n { label: '是', value: 'true' },\n { label: '否', value: 'false' }\n ]\n})\n\nconst inputType = computed(() => {\n const type = currentField.value?.type\n if (type === 'number') return 'number'\n if (type === 'date') return 'date'\n return 'text'\n})\n\nconst placeholder = computed(() => {\n if (props.item.operator === 'in') return '多个值用逗号分隔'\n if (!props.fields?.length) return ''\n return '输入值或 @ 引用变量'\n})\n\nfunction emitUpdate(patch: Partial<ConditionLeaf>) {\n emit('update:item', { ...props.item, ...patch })\n}\n\nfunction onFieldChange(val: string) {\n const field = props.fields?.find((f) => f.value === val)\n const nextOps = field ? getOperatorsByFieldType(field.type) : []\n const nextOp = nextOps[0]?.value ?? 'eq'\n emit('update:item', {\n ...props.item,\n field: val,\n operator: nextOp,\n value: { kind: 'constant', value: '' }\n })\n}\n\nfunction onOperatorChange(val: string) {\n emitUpdate({ operator: val, value: { kind: 'constant', value: '' } })\n}\n\nfunction onValueInput(e: Event) {\n emitUpdate({ value: { kind: 'constant', value: (e.target as HTMLInputElement).value } })\n}\n\nfunction onConstantChange(val: string) {\n emitUpdate({ value: { kind: 'constant', value: val } })\n}\n\nfunction onValueKeydown(e: KeyboardEvent) {\n if (props.disabled \|\| props.readonly) return\n if (e.key === '@' && valueInputRef.value) {\n e.preventDefault()\n emit('mention', {\n triggerDom: valueInputRef.value,\n setValue: (val) => emitUpdate({ value: val })\n })\n }\n}\n\nfunction onChipClick() {\n if (props.disabled \|\| props.readonly) return\n const dom = chipRef.value\n if (!dom) return\n emit('mention', { triggerDom: dom, setValue: (val) => emitUpdate({ value: val }) })\n}\n\nfunction onChipDelete() {\n if (props.disabled \|\| props.readonly) return\n emitUpdate({ value: { kind: 'constant', value: '' } })\n}\n</script>\n"],"mappings":"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"}

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

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

package/dist/components/condition-editor/index.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import _default from "./condition-editor.vue.js";
+import _sfc_main from "./condition-editor.js";
 import { EvaluateOptions, createEmptyGroup, createEmptyLeaf, evaluate } from "./core/evaluator.js";
-export { type EvaluateOptions as ConditionEvaluateOptions, _default as UConditionEditor, createEmptyGroup, createEmptyLeaf, evaluate as evaluateConditionExpression };
+export { type EvaluateOptions as ConditionEvaluateOptions, _sfc_main as UConditionEditor, createEmptyGroup, createEmptyLeaf, evaluate as evaluateConditionExpression };

package/dist/components/contextmenu/contextmenu-item.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import _sfc_main$1 from "../icon/icon.js";
 import { ContextmenuPanelDIKey, ContextmenuRootDIKey } from "./di.js";
 import { getMenuDisabled } from "./helper.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, resolveDynamicComponent, shallowRef, toDisplayString, unref, withCtx, withDirectives } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, resolveDynamicComponent, shallowRef, toDisplayString, unref, withCtx, withDirectives, withModifiers } from "vue";
 import { bem } from "@veltra/utils";
 import { Loading } from "@veltra/icons/normal";
 import { vRipple } from "@veltra/directives";
@@ -16,7 +16,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const loading = shallowRef(false);
 		const disabled = computed(() => getMenuDisabled(__props.menu));
 		function handleClickMenu() {
-			if (disabled.value || loading.value) return;
+			if (disabled.value || loading.value || __props.menu.keepOpen) return;
 			onItemClickStart();
 			loading.value = true;
 			const done = () => {
@@ -36,7 +36,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				]),
 				onClick: handleClickMenu
 			}, [createElementVNode("div", { class: normalizeClass(unref(cls).e("item-content")) }, [
-				unref(showIconColumn) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [loading.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
+				unref(showIconColumn) && !__props.menu.render ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [loading.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
 					key: 0,
 					class: normalizeClass(unref(bem).is("loading"))
 				}, {
@@ -49,12 +49,19 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					key: 2,
 					class: normalizeClass(unref(cls).e("icon-place"))
 				}, null, 2))], 64)) : createCommentVNode("v-if", true),
-				createElementVNode("span", { class: normalizeClass(unref(cls).e("label")) }, toDisplayString(__props.menu.label), 3),
-				unref(showArrowColumn) ? (openBlock(), createElementBlock("i", {
+				__props.menu.render ? (openBlock(), createElementBlock("div", {
 					key: 1,
+					class: normalizeClass(unref(cls).e("custom")),
+					onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
+				}, [(openBlock(), createBlock(resolveDynamicComponent(__props.menu.render)))], 2)) : (openBlock(), createElementBlock("span", {
+					key: 2,
+					class: normalizeClass(unref(cls).e("label"))
+				}, toDisplayString(__props.menu.label), 3)),
+				unref(showArrowColumn) ? (openBlock(), createElementBlock("i", {
+					key: 3,
 					class: normalizeClass(unref(cls).e("arrow-place"))
 				}, null, 2)) : createCommentVNode("v-if", true)
-			], 2)], 2)), [[unref(vRipple), !disabled.value && !loading.value]]);
+			], 2)], 2)), [[unref(vRipple), !disabled.value && !loading.value && !__props.menu.keepOpen]]);
 		};
 	}
 });

package/dist/components/contextmenu/contextmenu-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"contextmenu-item.js","names":[],"sources":["../../../src/components/contextmenu/contextmenu-item.vue"],"sourcesContent":["<template>\n <li\n :class=\"[cls.e('item'), bem.is('disabled', disabled), bem.is('loading', loading)]\"\n v-ripple=\"!disabled && !loading\"\n @click=\"handleClickMenu\"\n >\n <div :class=\"cls.e('item-content')\">\n <template v-if=\"showIconColumn\">\n <u-icon v-if=\"loading\" :class=\"bem.is('loading')\">\n <Loading />\n </u-icon>\n <u-icon v-else-if=\"menu.icon\">\n <component :is=\"menu.icon\" />\n </u-icon>\n <i v-else :class=\"cls.e('icon-place')\"></i>\n </template>\n\n <span :class=\"cls.e('label')\">{{ menu.label }}</span>\n\n <i v-if=\"showArrowColumn\" :class=\"cls.e('arrow-place')\"></i>\n </div>\n </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { vRipple } from '@veltra/directives'\nimport { Loading } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, shallowRef } from 'vue'\n\nimport type { ContextmenuItem } from '../../types'\nimport { UIcon } from '../icon'\nimport { ContextmenuPanelDIKey, ContextmenuRootDIKey } from './di'\nimport { getMenuDisabled } from './helper'\n\ndefineOptions({ name: 'UContextmenuItem' })\n\nconst { menu } = defineProps<{ menu: ContextmenuItem }>()\n\nconst { cls, onItemClickStart, onItemClickEnd } = inject(ContextmenuRootDIKey)!\nconst { showIconColumn, showArrowColumn } = inject(ContextmenuPanelDIKey)!\n\nconst loading = shallowRef(false)\nconst disabled = computed(() => getMenuDisabled(menu))\n\nfunction handleClickMenu() {\n if (disabled.value \|\| loading.value) return\n onItemClickStart()\n loading.value = true\n\n const done = () => {\n onItemClickEnd()\n loading.value = false\n }\n\n const result = menu.callback?.()\n if (result instanceof Promise) {\n result.finally(done)\n } else {\n done()\n }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;~~EAuCA~~,MAAM,EAAE,KAAK,kBAAkB,mBAAmB,OAAO,oBAAoB;EAC7E,MAAM,EAAE,gBAAgB,oBAAoB,OAAO,qBAAqB;EAExE,MAAM,UAAU,WAAW,KAAK;EAChC,MAAM,WAAW,eAAe,gBAAgB,QAAA,IAAI,CAAC;EAErD,SAAS,kBAAkB;GACzB,IAAI,SAAS,SAAS,QAAQ,~~OAAO~~;~~GACrC~~,iBAAiB;GACjB,QAAQ,QAAQ;GAEhB,MAAM,aAAa;IACjB,eAAe;IACf,QAAQ,QAAQ;GAClB;GAEA,MAAM,SAAS,QAAA,KAAK,WAAW;GAC/B,IAAI,kBAAkB,SACpB,OAAO,QAAQ,IAAI;QAEnB,KAAK;EAET;;~~uCA5DE~~,~~mBAoBK~~,MAAA;~~IAnBF~~,OAAK,eAAA;KAAG,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA;KAAU,MAAA,GAAA,CAAG,CAAC,GAAE,YAAa,SAAA,KAAQ;KAAG,MAAA,GAAA,CAAG,CAAC,GAAE,WAAY,QAAA,KAAO;IAAA,CAAA;IAE9E,SAAO;~~OAER~~,~~mBAcM~~,OAAA,~~EAdA~~,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,cAAA,CAAA,EAAA,GAAA;IACA,MAAA,cAAA,~~KAAA~~,UAAA,~~GAAhB~~,mBAQW,UAAA,EAAA,KAAA,EAAA,GAAA,CAPK,QAAA,SAAA,UAAA,GAAd,YAES,MAAA,WAAA,GAAA;;KAFe,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,GAAE,SAAA,CAAA;;~~4BACxB~~,CAAX,YAAW,MAAA,OAAA,CAAA,CAAA,CAAA;;~~wBAEM~~,QAAA,KAAK,QAAA,UAAA,GAAxB,YAES,MAAA,WAAA,GAAA,EAAA,KAAA,EAAA,GAAA;~~4BADsB~~,EAAA,UAAA,GAA7B,YAA6B,wBAAb,QAAA,KAAK,IAAI,CAAA,EAAA,CAAA;;~~wBAE3B~~,mBAA2C,KAAA;;KAAhC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA;;~~IAGzB~~,~~mBAAqD,~~QAAA,~~EAA9C~~,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA,EAAA,GAAA,~~gBAAc~~,QAAA,KAAK,KAAK,GAAA,CAAA;~~IAElC~~,MAAA,eAAA,KAAA,UAAA,GAAT,mBAA4D,KAAA;;KAAjC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,aAAA,CAAA;;~~mCAhB9B~~,SAAA,SAAQ,CAAK,QAAA,~~KAAO~~,CAAA,CAAA"}
1	+ {"version":3,"file":"contextmenu-item.js","names":[],"sources":["../../../src/components/contextmenu/contextmenu-item.vue"],"sourcesContent":["<template>\n <li\n :class=\"[cls.e('item'), bem.is('disabled', disabled), bem.is('loading', loading)]\"\n v-ripple=\"!disabled && !loading && !menu.keepOpen\"\n @click=\"handleClickMenu\"\n >\n <div :class=\"cls.e('item-content')\">\n <template v-if=\"showIconColumn && !menu.render\">\n <u-icon v-if=\"loading\" :class=\"bem.is('loading')\">\n <Loading />\n </u-icon>\n <u-icon v-else-if=\"menu.icon\">\n <component :is=\"menu.icon\" />\n </u-icon>\n <i v-else :class=\"cls.e('icon-place')\"></i>\n </template>\n\n <div v-if=\"menu.render\" :class=\"cls.e('custom')\" @click.stop>\n <component :is=\"menu.render\" />\n </div>\n <span v-else :class=\"cls.e('label')\">{{ menu.label }}</span>\n\n <i v-if=\"showArrowColumn\" :class=\"cls.e('arrow-place')\"></i>\n </div>\n </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { vRipple } from '@veltra/directives'\nimport { Loading } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, shallowRef } from 'vue'\n\nimport type { ContextmenuItem } from '../../types'\nimport { UIcon } from '../icon'\nimport { ContextmenuPanelDIKey, ContextmenuRootDIKey } from './di'\nimport { getMenuDisabled } from './helper'\n\ndefineOptions({ name: 'UContextmenuItem' })\n\nconst { menu } = defineProps<{ menu: ContextmenuItem }>()\n\nconst { cls, onItemClickStart, onItemClickEnd } = inject(ContextmenuRootDIKey)!\nconst { showIconColumn, showArrowColumn } = inject(ContextmenuPanelDIKey)!\n\nconst loading = shallowRef(false)\nconst disabled = computed(() => getMenuDisabled(menu))\n\nfunction handleClickMenu() {\n if (disabled.value \|\| loading.value \|\| menu.keepOpen) return\n onItemClickStart()\n loading.value = true\n\n const done = () => {\n onItemClickEnd()\n loading.value = false\n }\n\n const result = menu.callback?.()\n if (result instanceof Promise) {\n result.finally(done)\n } else {\n done()\n }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;EA0CA,MAAM,EAAE,KAAK,kBAAkB,mBAAmB,OAAO,oBAAoB;EAC7E,MAAM,EAAE,gBAAgB,oBAAoB,OAAO,qBAAqB;EAExE,MAAM,UAAU,WAAW,KAAK;EAChC,MAAM,WAAW,eAAe,gBAAgB,QAAA,IAAI,CAAC;EAErD,SAAS,kBAAkB;GACzB,IAAI,SAAS,SAAS,QAAQ,SAAS,QAAA,KAAK,UAAU;GACtD,iBAAiB;GACjB,QAAQ,QAAQ;GAEhB,MAAM,aAAa;IACjB,eAAe;IACf,QAAQ,QAAQ;GAClB;GAEA,MAAM,SAAS,QAAA,KAAK,WAAW;GAC/B,IAAI,kBAAkB,SACpB,OAAO,QAAQ,IAAI;QAEnB,KAAK;EAET;;GA/DE,OAAA,gBAAA,UAAA,GAAA,mBAuBK,MAAA;IAtBF,OAAK,eAAA;KAAG,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA;KAAU,MAAA,GAAA,CAAG,CAAC,GAAE,YAAa,SAAA,KAAQ;KAAG,MAAA,GAAA,CAAG,CAAC,GAAE,WAAY,QAAA,KAAO;IAAA,CAAA;IAE9E,SAAO;GAER,GAAA,CAAA,mBAiBM,OAAA,EAjBA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,cAAA,CAAA,EAAA,GAAA;IACA,MAAA,cAAA,KAAc,CAAK,QAAA,KAAK,UAAA,UAAA,GAAxC,mBAQW,UAAA,EAAA,KAAA,EAAA,GAAA,CAPK,QAAA,SAAA,UAAA,GAAd,YAES,MAAA,WAAA,GAAA;;KAFe,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,GAAE,SAAA,CAAA;;KACxB,SAAA,cAAA,CAAX,YAAW,MAAA,OAAA,CAAA,CAAA,CAAA;;IAEM,GAAA,GAAA,CAAA,OAAA,CAAA,KAAA,QAAA,KAAK,QAAA,UAAA,GAAxB,YAES,MAAA,WAAA,GAAA,EAAA,KAAA,EAAA,GAAA;KADsB,SAAA,cAAA,EAAA,UAAA,GAA7B,YAA6B,wBAAb,QAAA,KAAK,IAAI,CAAA,EAAA,CAAA;;IAE3B,CAAA,MAAA,UAAA,GAAA,mBAA2C,KAAA;;KAAhC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA;;IAGd,QAAA,KAAK,UAAA,UAAA,GAAhB,mBAEM,OAAA;;KAFmB,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA;KAAa,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,CAAA,GAAW,CAAA,MAAA,CAAA;IAC1D,GAAA,EAAA,UAAA,GAAA,YAA+B,wBAAf,QAAA,KAAK,MAAM,CAAA,EAAA,GAAA,CAE7B,MAAA,UAAA,GAAA,mBAA4D,QAAA;;KAA9C,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;IAAc,GAAA,gBAAA,QAAA,KAAK,KAAK,GAAA,CAAA;IAEzC,MAAA,eAAA,KAAA,UAAA,GAAT,mBAA4D,KAAA;;KAAjC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,aAAA,CAAA;;GAnB9B,GAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,MAAA,OAAA,GAAA,CAAA,SAAA,SAAQ,CAAK,QAAA,SAAO,CAAK,QAAA,KAAK,QAAQ,CAAA,CAAA"}

package/dist/components/contextmenu/contextmenu-panel.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { ContextmenuPanelDIKey, ContextmenuRootDIKey } from "./di.js";
 import _sfc_main$1 from "./contextmenu-item.js";
 import _sfc_main$2 from "./contextmenu-sub.js";
-import { Fragment, computed, createBlock, createElementBlock, defineComponent, guardReactiveProps, inject, normalizeProps, openBlock, provide, renderList } from "vue";
+import { Fragment, computed, createBlock, createElementBlock, defineComponent, guardReactiveProps, inject, normalizeClass, normalizeProps, openBlock, provide, renderList, unref } from "vue";
 //#region src/components/contextmenu/contextmenu-panel.vue
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "UContextmenuPanel",
@@ -9,18 +9,24 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	__name: "contextmenu-panel",
 	props: { menus: {} },
 	setup(__props) {
-		inject(ContextmenuRootDIKey);
+		const { cls } = inject(ContextmenuRootDIKey);
+		const showIconColumn = computed(() => __props.menus.some((menu) => !menu.divider && !!menu.icon));
+		const showArrowColumn = computed(() => __props.menus.some((menu) => !menu.divider && !!menu.children?.length));
 		provide(ContextmenuPanelDIKey, {
-			showIconColumn: computed(() => __props.menus.some((menu) => !!menu.icon)),
-			showArrowColumn: computed(() => __props.menus.some((menu) => !!menu.children?.length))
+			showIconColumn,
+			showArrowColumn
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("ul", normalizeProps(guardReactiveProps(_ctx.$attrs)), [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.menus, (menu, index) => {
-				return openBlock(), createElementBlock(Fragment, { key: index }, [menu.children?.length ? (openBlock(), createBlock(_sfc_main$2, {
+				return openBlock(), createElementBlock(Fragment, { key: index }, [menu.divider ? (openBlock(), createElementBlock("li", {
 					key: 0,
+					class: normalizeClass(unref(cls).e("divider")),
+					role: "separator"
+				}, null, 2)) : menu.children?.length ? (openBlock(), createBlock(_sfc_main$2, {
+					key: 1,
 					menu
 				}, null, 8, ["menu"])) : (openBlock(), createBlock(_sfc_main$1, {
-					key: 1,
+					key: 2,
 					menu
 				}, null, 8, ["menu"]))], 64);
 			}), 128))], 16);

package/dist/components/contextmenu/contextmenu-panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"contextmenu-panel.js","names":["$attrs"],"sources":["../../../src/components/contextmenu/contextmenu-panel.vue"],"sourcesContent":["<template>\n <ul v-bind=\"$attrs\">\n <template v-for=\"(menu, index) of menus\" :key=\"index\">\n <UContextmenuSub v-if=\"menu.children?.length\" :menu=\"menu\" />\n <UContextmenuItem v-else :menu=\"menu\" />\n </template>\n </ul>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, provide } from 'vue'\n\nimport type { ContextmenuItem } from '../../types'\nimport UContextmenuItem from './contextmenu-item.vue'\nimport UContextmenuSub from './contextmenu-sub.vue'\nimport { ContextmenuPanelDIKey, ContextmenuRootDIKey } from './di'\n\ndefineOptions({ name: 'UContextmenuPanel', inheritAttrs: false })\n\nconst { menus } = defineProps<{ menus: ContextmenuItem[] }>()\n\~~ninject~~(ContextmenuRootDIKey)\n\nconst showIconColumn = computed(() => menus.some((menu) => !!menu.icon))\nconst showArrowColumn = computed(() => menus.some((menu) => !!menu.children?.length))\n\nprovide(ContextmenuPanelDIKey, { showIconColumn, showArrowColumn })\n</script>\n"],"mappings":";;;;;;;;;;;~~EAqBA~~,OAAO,oBAAoB;~~EAK3B~~,~~QAAQ~~,~~uBAAuB;GAAE~~,~~gBAHV,~~eAAe,QAAA,MAAM,MAAM,SAAS,CAAC,CAAC,KAAK,IAAI,~~CAGrC~~;~~GAAgB~~,~~iBAFzB~~,~~eAAe~~,QAAA,MAAM,MAAM,SAAS,CAAC,CAAC,KAAK,UAAU,MAAM,~~CAElC~~;EAAgB,CAAC;;~~uBAzBhE~~,~~mBAKK~~,MAAA,eAAA,~~mBALOA~~,KAAAA,MAAM,CAAA,GAAA,EAAA,UAAA,IAAA,GAChB,~~mBAGW~~,UAAA,MAAA,~~WAHuB~~,QAAA,QAAhB,MAAM,UAAK;~~4DAAkB~~,MAAK,GAAA,~~CAC3B~~,KAAK,UAAU,UAAA,UAAA,~~GAAtC~~,~~YAA6D~~,aAAA;;KAAR;~~2CACrD~~,YAAwC,aAAA;;KAAR"}
1	+ {"version":3,"file":"contextmenu-panel.js","names":["$attrs"],"sources":["../../../src/components/contextmenu/contextmenu-panel.vue"],"sourcesContent":["<template>\n <ul v-bind=\"$attrs\">\n <template v-for=\"(menu, index) of menus\" :key=\"index\">\n <li v-if=\"menu.divider\" :class=\"cls.e('divider')\" role=\"separator\" />\n <UContextmenuSub v-else-if=\"menu.children?.length\" :menu=\"menu\" />\n <UContextmenuItem v-else :menu=\"menu\" />\n </template>\n </ul>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, provide } from 'vue'\n\nimport type { ContextmenuItem } from '../../types'\nimport UContextmenuItem from './contextmenu-item.vue'\nimport UContextmenuSub from './contextmenu-sub.vue'\nimport { ContextmenuPanelDIKey, ContextmenuRootDIKey } from './di'\n\ndefineOptions({ name: 'UContextmenuPanel', inheritAttrs: false })\n\nconst { menus } = defineProps<{ menus: ContextmenuItem[] }>()\n\nconst { cls } = inject(ContextmenuRootDIKey)!\n\nconst showIconColumn = computed(() => menus.some((menu) => !menu.divider && !!menu.icon))\nconst showArrowColumn = computed(() =>\n menus.some((menu) => !menu.divider && !!menu.children?.length)\n)\n\nprovide(ContextmenuPanelDIKey, { showIconColumn, showArrowColumn })\n</script>\n"],"mappings":";;;;;;;;;;;EAsBA,MAAM,EAAE,QAAQ,OAAO,oBAAoB;EAE3C,MAAM,iBAAiB,eAAe,QAAA,MAAM,MAAM,SAAS,CAAC,KAAK,WAAW,CAAC,CAAC,KAAK,IAAI,CAAC;EACxF,MAAM,kBAAkB,eACtB,QAAA,MAAM,MAAM,SAAS,CAAC,KAAK,WAAW,CAAC,CAAC,KAAK,UAAU,MAAM,CAC/D;EAEA,QAAQ,uBAAuB;GAAE;GAAgB;EAAgB,CAAC;;GA5BhE,OAAA,UAAA,GAAA,mBAMK,MAAA,eAAA,mBANOA,KAAAA,MAAM,CAAA,GAAA,EAAA,UAAA,IAAA,GAChB,mBAIW,UAAA,MAAA,WAJuB,QAAA,QAAhB,MAAM,UAAK;IAAkB,OAAA,UAAA,GAAA,mBAAA,UAAA,EAAA,KAAA,MAAK,GAAA,CACxC,KAAK,WAAA,UAAA,GAAf,mBAAqE,MAAA;;KAA5C,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,SAAA,CAAA;KAAa,MAAK;IAC3B,GAAA,MAAA,CAAA,KAAA,KAAK,UAAU,UAAA,UAAA,GAA3C,YAAkE,aAAA;;KAAR;IAC1D,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,MAAA,UAAA,GAAA,YAAwC,aAAA;;KAAR"}

package/dist/components/contextmenu/contextmenu-sub.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"contextmenu-sub.js","names":[],"sources":["../../../src/components/contextmenu/contextmenu-sub.vue"],"sourcesContent":["<template>\n <li\n :class=\"[\n cls.e('item'),\n bem.is('disabled', disabled),\n bem.is('open', subVisible),\n bem.is('flip-x', flipX)\n ]\"\n @mouseenter=\"handleMouseEnter\"\n @mouseleave=\"scheduleClose\"\n >\n <div :class=\"cls.e('item-content')\">\n <template v-if=\"showIconColumn\">\n <u-icon v-if=\"menu.icon\">\n <component :is=\"menu.icon\" />\n </u-icon>\n <i v-else :class=\"cls.e('icon-place')\"></i>\n </template>\n\n <span :class=\"cls.e('label')\">{{ menu.label }}</span>\n\n <u-icon v-if=\"showArrowColumn\" :class=\"cls.e('arrow')\">\n <ArrowRight />\n </u-icon>\n <i v-else :class=\"cls.e('arrow-place')\"></i>\n </div>\n\n <UContextmenuPanel\n v-show=\"subVisible\"\n :menus=\"menu.children!\"\n :class=\"[cls.e('sub'), bem.is('flip-x', flipX)]\"\n @mouseenter=\"cancelClose\"\n @mouseleave=\"scheduleClose\"\n />\n </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, nextTick, onBeforeUnmount, shallowRef } from 'vue'\n\nimport type { ContextmenuItem } from '../../types'\nimport { UIcon } from '../icon'\nimport UContextmenuPanel from './contextmenu-panel.vue'\nimport { ContextmenuPanelDIKey, ContextmenuRootDIKey } from './di'\nimport { getMenuDisabled } from './helper'\n\ndefineOptions({ name: 'UContextmenuSub' })\n\nconst { menu } = defineProps<{ menu: ContextmenuItem }>()\n\nconst { cls } = inject(ContextmenuRootDIKey)!\nconst { showIconColumn, showArrowColumn } = inject(ContextmenuPanelDIKey)!\n\nconst subVisible = shallowRef(false)\nconst flipX = shallowRef(false)\n\nlet closeTimer: ReturnType<typeof setTimeout> \| undefined\n\nconst disabled = computed(() => getMenuDisabled(menu))\n\nfunction cancelClose() {\n if (closeTimer !== undefined) {\n clearTimeout(closeTimer)\n closeTimer = undefined\n }\n}\n\nfunction scheduleClose() {\n cancelClose()\n closeTimer = setTimeout(() => {\n subVisible.value = false\n }, 250)\n}\n\nfunction handleMouseEnter(e: MouseEvent) {\n if (disabled.value) return\n cancelClose()\n subVisible.value = true\n nextTick(() => {\n const panel = (e.currentTarget as HTMLElement).querySelector<HTMLElement>(`.${cls.e('sub')}`)\n if (panel) flipX.value = panel.getBoundingClientRect().right > window.innerWidth\n })\n}\n\nonBeforeUnmount(cancelClose)\n</script>\n"],"mappings":";;;;;;;;;;;;;EAoDA,MAAM,EAAE,QAAQ,OAAO,oBAAoB;EAC3C,MAAM,EAAE,gBAAgB,oBAAoB,OAAO,qBAAqB;EAExE,MAAM,aAAa,WAAW,KAAK;EACnC,MAAM,QAAQ,WAAW,KAAK;EAE9B,IAAI;EAEJ,MAAM,WAAW,eAAe,gBAAgB,QAAA,IAAI,CAAC;EAErD,SAAS,cAAc;GACrB,IAAI,eAAe,KAAA,GAAW;IAC5B,aAAa,UAAU;IACvB,aAAa,KAAA;GACf;EACF;EAEA,SAAS,gBAAgB;GACvB,YAAY;GACZ,aAAa,iBAAiB;IAC5B,WAAW,QAAQ;GACrB,GAAG,GAAG;EACR;EAEA,SAAS,iBAAiB,GAAe;GACvC,IAAI,SAAS,OAAO;GACpB,YAAY;GACZ,WAAW,QAAQ;GACnB,eAAe;IACb,MAAM,QAAS,EAAE,cAA8B,cAA2B,IAAI,IAAI,EAAE,KAAK,GAAG;IAC5F,IAAI,OAAO,MAAM,QAAQ,MAAM,sBAAsB,CAAC,CAAC,QAAQ,OAAO;GACxE,CAAC;EACH;EAEA,gBAAgB,WAAW;;~~uBArFzB~~,mBAiCK,MAAA;IAhCF,OAAK,eAAA;KAAU,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA;KAAgB,MAAA,GAAA,CAAG,CAAC,GAAE,YAAa,SAAA,KAAQ;KAAS,MAAA,GAAA,CAAG,CAAC,GAAE,QAAS,WAAA,KAAU;KAAS,MAAA,GAAA,CAAG,CAAC,GAAE,UAAW,MAAA,KAAK;;IAMhI,cAAY;IACZ,cAAY;~~OAEb~~,mBAcM,OAAA,EAdA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,cAAA,CAAA,EAAA,GAAA;IACA,MAAA,cAAA,KAAA,UAAA,GAAhB,mBAKW,UAAA,EAAA,KAAA,EAAA,GAAA,CAJK,QAAA,KAAK,QAAA,UAAA,GAAnB,YAES,MAAA,WAAA,GAAA,EAAA,KAAA,EAAA,GAAA;~~4BADsB~~,EAAA,UAAA,GAA7B,YAA6B,wBAAb,QAAA,KAAK,IAAI,CAAA,EAAA,CAAA;;~~wBAE3B~~,mBAA2C,KAAA;;KAAhC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA;;IAGzB,mBAAqD,QAAA,EAA9C,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA,EAAA,~~GAAA~~,~~gBAAc~~,QAAA,KAAK,KAAK,GAAA,CAAA;IAE7B,MAAA,eAAA,KAAA,UAAA,GAAd,YAES,MAAA,WAAA,GAAA;;KAFuB,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;;~~4BAC5B~~,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA;;~~sCAEhB~~,mBAA4C,KAAA;;KAAjC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,aAAA,CAAA;;~~yBAGzB~~,YAME,aAAA;IAJC,OAAO,QAAA,KAAK;IACZ,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,EAAC,KAAA,GAAS,MAAA,GAAA,CAAG,CAAC,GAAE,UAAW,MAAA,KAAK,CAAA,CAAA;IAC5C,cAAY;IACZ,cAAY;~~6CAJL~~,WAAA,KAAU,CAAA,CAAA,CAAA,GAAA,EAAA"}
1	+ {"version":3,"file":"contextmenu-sub.js","names":[],"sources":["../../../src/components/contextmenu/contextmenu-sub.vue"],"sourcesContent":["<template>\n <li\n :class=\"[\n cls.e('item'),\n bem.is('disabled', disabled),\n bem.is('open', subVisible),\n bem.is('flip-x', flipX)\n ]\"\n @mouseenter=\"handleMouseEnter\"\n @mouseleave=\"scheduleClose\"\n >\n <div :class=\"cls.e('item-content')\">\n <template v-if=\"showIconColumn\">\n <u-icon v-if=\"menu.icon\">\n <component :is=\"menu.icon\" />\n </u-icon>\n <i v-else :class=\"cls.e('icon-place')\"></i>\n </template>\n\n <span :class=\"cls.e('label')\">{{ menu.label }}</span>\n\n <u-icon v-if=\"showArrowColumn\" :class=\"cls.e('arrow')\">\n <ArrowRight />\n </u-icon>\n <i v-else :class=\"cls.e('arrow-place')\"></i>\n </div>\n\n <UContextmenuPanel\n v-show=\"subVisible\"\n :menus=\"menu.children!\"\n :class=\"[cls.e('sub'), bem.is('flip-x', flipX)]\"\n @mouseenter=\"cancelClose\"\n @mouseleave=\"scheduleClose\"\n />\n </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, nextTick, onBeforeUnmount, shallowRef } from 'vue'\n\nimport type { ContextmenuItem } from '../../types'\nimport { UIcon } from '../icon'\nimport UContextmenuPanel from './contextmenu-panel.vue'\nimport { ContextmenuPanelDIKey, ContextmenuRootDIKey } from './di'\nimport { getMenuDisabled } from './helper'\n\ndefineOptions({ name: 'UContextmenuSub' })\n\nconst { menu } = defineProps<{ menu: ContextmenuItem }>()\n\nconst { cls } = inject(ContextmenuRootDIKey)!\nconst { showIconColumn, showArrowColumn } = inject(ContextmenuPanelDIKey)!\n\nconst subVisible = shallowRef(false)\nconst flipX = shallowRef(false)\n\nlet closeTimer: ReturnType<typeof setTimeout> \| undefined\n\nconst disabled = computed(() => getMenuDisabled(menu))\n\nfunction cancelClose() {\n if (closeTimer !== undefined) {\n clearTimeout(closeTimer)\n closeTimer = undefined\n }\n}\n\nfunction scheduleClose() {\n cancelClose()\n closeTimer = setTimeout(() => {\n subVisible.value = false\n }, 250)\n}\n\nfunction handleMouseEnter(e: MouseEvent) {\n if (disabled.value) return\n cancelClose()\n subVisible.value = true\n nextTick(() => {\n const panel = (e.currentTarget as HTMLElement).querySelector<HTMLElement>(`.${cls.e('sub')}`)\n if (panel) flipX.value = panel.getBoundingClientRect().right > window.innerWidth\n })\n}\n\nonBeforeUnmount(cancelClose)\n</script>\n"],"mappings":";;;;;;;;;;;;;EAoDA,MAAM,EAAE,QAAQ,OAAO,oBAAoB;EAC3C,MAAM,EAAE,gBAAgB,oBAAoB,OAAO,qBAAqB;EAExE,MAAM,aAAa,WAAW,KAAK;EACnC,MAAM,QAAQ,WAAW,KAAK;EAE9B,IAAI;EAEJ,MAAM,WAAW,eAAe,gBAAgB,QAAA,IAAI,CAAC;EAErD,SAAS,cAAc;GACrB,IAAI,eAAe,KAAA,GAAW;IAC5B,aAAa,UAAU;IACvB,aAAa,KAAA;GACf;EACF;EAEA,SAAS,gBAAgB;GACvB,YAAY;GACZ,aAAa,iBAAiB;IAC5B,WAAW,QAAQ;GACrB,GAAG,GAAG;EACR;EAEA,SAAS,iBAAiB,GAAe;GACvC,IAAI,SAAS,OAAO;GACpB,YAAY;GACZ,WAAW,QAAQ;GACnB,eAAe;IACb,MAAM,QAAS,EAAE,cAA8B,cAA2B,IAAI,IAAI,EAAE,KAAK,GAAG;IAC5F,IAAI,OAAO,MAAM,QAAQ,MAAM,sBAAsB,CAAC,CAAC,QAAQ,OAAO;GACxE,CAAC;EACH;EAEA,gBAAgB,WAAW;;GArFzB,OAAA,UAAA,GAAA,mBAiCK,MAAA;IAhCF,OAAK,eAAA;KAAU,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA;KAAgB,MAAA,GAAA,CAAG,CAAC,GAAE,YAAa,SAAA,KAAQ;KAAS,MAAA,GAAA,CAAG,CAAC,GAAE,QAAS,WAAA,KAAU;KAAS,MAAA,GAAA,CAAG,CAAC,GAAE,UAAW,MAAA,KAAK;;IAMhI,cAAY;IACZ,cAAY;GAEb,GAAA,CAAA,mBAcM,OAAA,EAdA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,cAAA,CAAA,EAAA,GAAA;IACA,MAAA,cAAA,KAAA,UAAA,GAAhB,mBAKW,UAAA,EAAA,KAAA,EAAA,GAAA,CAJK,QAAA,KAAK,QAAA,UAAA,GAAnB,YAES,MAAA,WAAA,GAAA,EAAA,KAAA,EAAA,GAAA;KADsB,SAAA,cAAA,EAAA,UAAA,GAA7B,YAA6B,wBAAb,QAAA,KAAK,IAAI,CAAA,EAAA,CAAA;;IAE3B,CAAA,MAAA,UAAA,GAAA,mBAA2C,KAAA;;KAAhC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA;;IAGzB,mBAAqD,QAAA,EAA9C,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA,EAAA,GAAc,gBAAA,QAAA,KAAK,KAAK,GAAA,CAAA;IAE7B,MAAA,eAAA,KAAA,UAAA,GAAd,YAES,MAAA,WAAA,GAAA;;KAFuB,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;;KAC5B,SAAA,cAAA,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA;;IAEhB,GAAA,GAAA,CAAA,OAAA,CAAA,MAAA,UAAA,GAAA,mBAA4C,KAAA;;KAAjC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,aAAA,CAAA;;GAGzB,GAAA,CAAA,GAAA,eAAA,YAME,aAAA;IAJC,OAAO,QAAA,KAAK;IACZ,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,EAAC,KAAA,GAAS,MAAA,GAAA,CAAG,CAAC,GAAE,UAAW,MAAA,KAAK,CAAA,CAAA;IAC5C,cAAY;IACZ,cAAY;GAJL,GAAA,MAAA,GAAA,CAAA,SAAA,OAAA,CAAA,GAAA,CAAA,CAAA,OAAA,WAAA,KAAU,CAAA,CAAA,CAAA,GAAA,EAAA"}

package/dist/components/contextmenu/contextmenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"contextmenu.js","names":[],"sources":["../../../src/components/contextmenu/contextmenu.vue"],"sourcesContent":["<template>\n <Teleport to=\"body\">\n <transition name=\"zoom-in\" appear @after-leave=\"emit('destroy')\">\n <UContextmenuPanel\n v-if=\"visible\"\n :menus=\"menus\"\n :class=\"[cls.b, cls.m(size)]\"\n :style=\"style\"\n v-click-outside=\"handleClickOutside\"\n />\n </transition>\n </Teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { vClickOutside } from '@veltra/directives'\nimport { bem, withUnit, zIndex } from '@veltra/utils'\nimport { computed, provide, shallowRef, type CSSProperties } from 'vue'\n\nimport type { ContextmenuEmits, ContextmenuProps, ComponentSize } from '../../types'\nimport UContextmenuPanel from './contextmenu-panel.vue'\nimport { ContextmenuRootDIKey } from './di'\n\ndefineOptions({ name: 'UContextmenu' })\n\nconst props = withDefaults(defineProps<ContextmenuProps>(), { width: 150 })\n\nconst emit = defineEmits<ContextmenuEmits>()\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst cls = bem('contextmenu')\n\nconst visible = shallowRef(true)\n\nconst style = computed<CSSProperties>(() => {\n const { x, y } = props.mousePosition\n const flipX = x > window.innerWidth / 2\n const flipY = y > window.innerHeight / 2\n return {\n width: withUnit(props.width, 'px'),\n zIndex: zIndex(),\n ...(flipX\n ? { right: withUnit(window.innerWidth - x - 1, 'px') }\n : { left: withUnit(x + 1, 'px') }),\n ...(flipY\n ? { bottom: withUnit(window.innerHeight - y - 1, 'px') }\n : { top: withUnit(y + 1, 'px') }),\n transformOrigin: `${flipY ? 'bottom' : 'top'} ${flipX ? 'right' : 'left'}`\n }\n})\n\nconst menus = computed(() => (typeof props.menus === 'function' ? props.menus() : props.menus))\n\nfunction close() {\n visible.value = false\n}\n\nlet loading = false\n\nprovide(ContextmenuRootDIKey, {\n cls,\n onItemClickStart: () => {\n loading = true\n },\n onItemClickEnd: () => {\n loading = false\n close()\n }\n})\n\nfunction handleClickOutside() {\n if (loading) return\n close()\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EA0BA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,EAAE,SAAS,iBAAiB,CAAC,KAAK,GAAG,EAAE,MAAM,UAA2B,CAAC;EAE/E,MAAM,MAAM,IAAI,aAAa;EAE7B,MAAM,UAAU,WAAW,IAAI;EAE/B,MAAM,QAAQ,eAA8B;GAC1C,MAAM,EAAE,GAAG,MAAM,MAAM;GACvB,MAAM,QAAQ,IAAI,OAAO,aAAa;GACtC,MAAM,QAAQ,IAAI,OAAO,cAAc;GACvC,OAAO;IACL,OAAO,SAAS,MAAM,OAAO,IAAI;IACjC,QAAQ,OAAO;IACf,GAAI,QACA,EAAE,OAAO,SAAS,OAAO,aAAa,IAAI,GAAG,IAAI,EAAE,IACnD,EAAE,MAAM,SAAS,IAAI,GAAG,IAAI,EAAE;IAClC,GAAI,QACA,EAAE,QAAQ,SAAS,OAAO,cAAc,IAAI,GAAG,IAAI,EAAE,IACrD,EAAE,KAAK,SAAS,IAAI,GAAG,IAAI,EAAE;IACjC,iBAAiB,GAAG,QAAQ,WAAW,MAAM,GAAG,QAAQ,UAAU;GACpE;EACF,CAAC;EAED,MAAM,QAAQ,eAAgB,OAAO,MAAM,UAAU,aAAa,MAAM,MAAM,IAAI,MAAM,KAAM;EAE9F,SAAS,QAAQ;GACf,QAAQ,QAAQ;EAClB;EAEA,IAAI,UAAU;EAEd,QAAQ,sBAAsB;GAC5B;GACA,wBAAwB;IACtB,UAAU;GACZ;GACA,sBAAsB;IACpB,UAAU;IACV,MAAM;GACR;EACF,CAAC;EAED,SAAS,qBAAqB;GAC5B,IAAI,SAAS;GACb,MAAM;EACR;;~~uBA1EE~~,YAUW,UAAA,EAVD,IAAG,OAAM,GAAA,CACjB,YAQa,YAAA;IARD,MAAK;IAAU,QAAA;IAAQ,cAAW,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;;~~2BAOhD~~,CALM,QAAA,QAAA,gBAAA,UAAA,GADR,YAME,aAAA;;KAJC,OAAO,MAAA;KACP,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,GAAG,MAAA,GAAA,CAAG,CAAC,EAAE,MAAA,IAAA,CAAI,CAAA,CAAA;KACzB,OAAK,eAAE,MAAA,KAAK;;;;;~~iCACI~~,kBAAkB,CAAA,CAAA,IAAA,mBAAA,QAAA,IAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"contextmenu.js","names":[],"sources":["../../../src/components/contextmenu/contextmenu.vue"],"sourcesContent":["<template>\n <Teleport to=\"body\">\n <transition name=\"zoom-in\" appear @after-leave=\"emit('destroy')\">\n <UContextmenuPanel\n v-if=\"visible\"\n :menus=\"menus\"\n :class=\"[cls.b, cls.m(size)]\"\n :style=\"style\"\n v-click-outside=\"handleClickOutside\"\n />\n </transition>\n </Teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { vClickOutside } from '@veltra/directives'\nimport { bem, withUnit, zIndex } from '@veltra/utils'\nimport { computed, provide, shallowRef, type CSSProperties } from 'vue'\n\nimport type { ContextmenuEmits, ContextmenuProps, ComponentSize } from '../../types'\nimport UContextmenuPanel from './contextmenu-panel.vue'\nimport { ContextmenuRootDIKey } from './di'\n\ndefineOptions({ name: 'UContextmenu' })\n\nconst props = withDefaults(defineProps<ContextmenuProps>(), { width: 150 })\n\nconst emit = defineEmits<ContextmenuEmits>()\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst cls = bem('contextmenu')\n\nconst visible = shallowRef(true)\n\nconst style = computed<CSSProperties>(() => {\n const { x, y } = props.mousePosition\n const flipX = x > window.innerWidth / 2\n const flipY = y > window.innerHeight / 2\n return {\n width: withUnit(props.width, 'px'),\n zIndex: zIndex(),\n ...(flipX\n ? { right: withUnit(window.innerWidth - x - 1, 'px') }\n : { left: withUnit(x + 1, 'px') }),\n ...(flipY\n ? { bottom: withUnit(window.innerHeight - y - 1, 'px') }\n : { top: withUnit(y + 1, 'px') }),\n transformOrigin: `${flipY ? 'bottom' : 'top'} ${flipX ? 'right' : 'left'}`\n }\n})\n\nconst menus = computed(() => (typeof props.menus === 'function' ? props.menus() : props.menus))\n\nfunction close() {\n visible.value = false\n}\n\nlet loading = false\n\nprovide(ContextmenuRootDIKey, {\n cls,\n onItemClickStart: () => {\n loading = true\n },\n onItemClickEnd: () => {\n loading = false\n close()\n }\n})\n\nfunction handleClickOutside() {\n if (loading) return\n close()\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EA0BA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,EAAE,SAAS,iBAAiB,CAAC,KAAK,GAAG,EAAE,MAAM,UAA2B,CAAC;EAE/E,MAAM,MAAM,IAAI,aAAa;EAE7B,MAAM,UAAU,WAAW,IAAI;EAE/B,MAAM,QAAQ,eAA8B;GAC1C,MAAM,EAAE,GAAG,MAAM,MAAM;GACvB,MAAM,QAAQ,IAAI,OAAO,aAAa;GACtC,MAAM,QAAQ,IAAI,OAAO,cAAc;GACvC,OAAO;IACL,OAAO,SAAS,MAAM,OAAO,IAAI;IACjC,QAAQ,OAAO;IACf,GAAI,QACA,EAAE,OAAO,SAAS,OAAO,aAAa,IAAI,GAAG,IAAI,EAAE,IACnD,EAAE,MAAM,SAAS,IAAI,GAAG,IAAI,EAAE;IAClC,GAAI,QACA,EAAE,QAAQ,SAAS,OAAO,cAAc,IAAI,GAAG,IAAI,EAAE,IACrD,EAAE,KAAK,SAAS,IAAI,GAAG,IAAI,EAAE;IACjC,iBAAiB,GAAG,QAAQ,WAAW,MAAM,GAAG,QAAQ,UAAU;GACpE;EACF,CAAC;EAED,MAAM,QAAQ,eAAgB,OAAO,MAAM,UAAU,aAAa,MAAM,MAAM,IAAI,MAAM,KAAM;EAE9F,SAAS,QAAQ;GACf,QAAQ,QAAQ;EAClB;EAEA,IAAI,UAAU;EAEd,QAAQ,sBAAsB;GAC5B;GACA,wBAAwB;IACtB,UAAU;GACZ;GACA,sBAAsB;IACpB,UAAU;IACV,MAAM;GACR;EACF,CAAC;EAED,SAAS,qBAAqB;GAC5B,IAAI,SAAS;GACb,MAAM;EACR;;GA1EE,OAAA,UAAA,GAAA,YAUW,UAAA,EAVD,IAAG,OAAM,GAAA,CACjB,YAQa,YAAA;IARD,MAAK;IAAU,QAAA;IAAQ,cAAW,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;;IAOhD,SAAA,cAAA,CALM,QAAA,QAAA,gBAAA,UAAA,GADR,YAME,aAAA;;KAJC,OAAO,MAAA;KACP,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,GAAG,MAAA,GAAA,CAAG,CAAC,EAAE,MAAA,IAAA,CAAI,CAAA,CAAA;KACzB,OAAK,eAAE,MAAA,KAAK;;;;;IACI,CAAA,IAAA,CAAA,CAAA,MAAA,aAAA,GAAA,kBAAkB,CAAA,CAAA,IAAA,mBAAA,QAAA,IAAA,CAAA,CAAA"}