@veltra/desktop 1.3.10 → 1.5.0

package/dist/components/collapse/style2.css

@@ -22,37 +22,14 @@
   background-color: transparent;
 }
 .u-collapse__item {
-  position: relative;
-  border-radius: calc(var(--u-radius-default) + 2px);
+  border: var(--u-border-muted);
+  border-radius: var(--u-radius-default);
+  background-color: var(--u-bg-color-middle);
   overflow: hidden;
-  background-color: var(--u-collapse-item-bg);
-  transition: background-color 0.18s cubic-bezier(0.4, 0, 0.2, 1);
-}
-.u-collapse__item::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  width: 3px;
-  background-color: var(--u-color-primary);
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity 0.18s cubic-bezier(0.4, 0, 0.2, 1);
-  z-index: 1;
 }
 .u-collapse__item + .u-collapse__item {
   margin-top: var(--u-gap-default);
 }
-.u-collapse__item:not(.is-disabled):hover {
-  background-color: var(--u-collapse-item-hover-bg);
-}
-.u-collapse__item.is-active {
-  background-color: var(--u-collapse-item-active-bg);
-}
-.u-collapse__item.is-active::before {
-  opacity: 1;
-}
 .u-collapse__item.is-disabled {
   opacity: 0.55;
 }
@@ -60,35 +37,37 @@
   position: relative;
   display: flex;
   align-items: center;
-  gap: 10px;
+  gap: var(--u-gap-small);
+  padding: var(--u-gap-small) var(--u-gap-default);
   cursor: pointer;
   font-weight: 500;
   letter-spacing: 0.01em;
-  color: var(--u-collapse-title-color, var(--u-text-color-main));
+  color: var(--u-text-color-main);
   user-select: none;
   outline: none;
-  transition: color 0.18s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.18s cubic-bezier(0.4, 0, 0.2, 1);
-  border-radius: inherit;
+  transition: background-color 0.18s cubic-bezier(0.4, 0, 0.2, 1);
+  border-radius: 0;
 }
 .u-collapse__header:focus-visible {
   box-shadow: inset 0 0 0 2px var(--u-color-primary);
 }
+.u-collapse__header:not(.is-disabled):hover {
+  background-color: var(--u-bg-color-hover);
+}
 .u-collapse__header.is-disabled {
   cursor: not-allowed;
   color: var(--u-text-color-placeholder);
 }
 .u-collapse__header.is-active {
-  font-weight: 600;
-  color: var(--u-collapse-active-title-color, var(--u-color-primary));
-  background-color: var(--u-collapse-header-active-bg);
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
+  background-color: var(--u-bg-color-hover);
 }
 .u-collapse__header.is-active .u-collapse__icon {
-  transform: rotate(90deg);
-  color: var(--u-collapse-active-title-color, var(--u-color-primary));
+  transform: rotate(180deg);
 }
 .u-collapse__title {
+  display: flex;
+  align-items: center;
+  gap: var(--u-gap-small);
   flex: 1 1 auto;
   min-width: 0;
   line-height: 1.5;
@@ -98,35 +77,34 @@
   align-items: center;
   justify-content: center;
   flex: 0 0 auto;
-  color: var(--u-text-color-placeholder);
-  transition: transform 0.24s cubic-bezier(0.4, 0, 0.2, 1), color 0.18s cubic-bezier(0.4, 0, 0.2, 1);
+  color: var(--u-text-color-assist);
+  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   will-change: transform;
 }
 .u-collapse__content-wrapper {
   overflow: hidden;
   height: 0;
-  border-bottom-right-radius: inherit;
-  border-bottom-left-radius: inherit;
-  background-color: var(--u-collapse-content-bg);
+  background-color: transparent;
   transition: height 0.24s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .u-collapse__content {
   color: var(--u-text-color-main);
   line-height: 1.7;
+  padding: var(--u-gap-small) var(--u-gap-default);
 }
 .u-collapse--small {
   font-size: var(--u-font-size-main-small);
 }
 .u-collapse--small .u-collapse__header {
-  padding: calc(var(--u-gap-small) - 2px) var(--u-gap-small);
+  padding: var(--u-gap-small) var(--u-gap-small);
   font-size: var(--u-font-size-main-small);
 }
 .u-collapse--small .u-collapse__content {
   font-size: var(--u-font-size-main-small);
-  padding: calc(var(--u-gap-small) - 2px) var(--u-gap-small) var(--u-gap-small);
+  padding: var(--u-gap-small);
 }
 .u-collapse--small .u-collapse__item {
-  border-radius: calc(var(--u-radius-small) + 2px);
+  border-radius: var(--u-radius-small);
 }
 .u-collapse--small .u-collapse__item + .u-collapse__item {
   margin-top: var(--u-gap-small);
@@ -135,15 +113,15 @@
   font-size: var(--u-font-size-main-default);
 }
 .u-collapse--default .u-collapse__header {
-  padding: calc(var(--u-gap-default) - 2px) var(--u-gap-default);
+  padding: var(--u-gap-default) var(--u-gap-default);
   font-size: var(--u-font-size-main-default);
 }
 .u-collapse--default .u-collapse__content {
   font-size: var(--u-font-size-main-default);
-  padding: calc(var(--u-gap-default) - 2px) var(--u-gap-default) var(--u-gap-default);
+  padding: var(--u-gap-default);
 }
 .u-collapse--default .u-collapse__item {
-  border-radius: calc(var(--u-radius-default) + 2px);
+  border-radius: var(--u-radius-default);
 }
 .u-collapse--default .u-collapse__item + .u-collapse__item {
   margin-top: var(--u-gap-default);
@@ -152,15 +130,15 @@
   font-size: var(--u-font-size-main-large);
 }
 .u-collapse--large .u-collapse__header {
-  padding: calc(var(--u-gap-large) - 2px) var(--u-gap-large);
+  padding: var(--u-gap-large) var(--u-gap-large);
   font-size: var(--u-font-size-main-large);
 }
 .u-collapse--large .u-collapse__content {
   font-size: var(--u-font-size-main-large);
-  padding: calc(var(--u-gap-large) - 2px) var(--u-gap-large) var(--u-gap-large);
+  padding: var(--u-gap-large);
 }
 .u-collapse--large .u-collapse__item {
-  border-radius: calc(var(--u-radius-large) + 2px);
+  border-radius: var(--u-radius-large);
 }
 .u-collapse--large .u-collapse__item + .u-collapse__item {
   margin-top: var(--u-gap-large);

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

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

@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2HA,MAAM,QAAQ;EAWd,MAAM,OAAO;EAMb,MAAM,MAAM,IAAI,kBAAkB;EAElC,MAAM,gBAAgB,eAAiC,eAAe;EACtE,MAAM,UAAU,eAA4B,SAAS;EAErD,MAAM,eAAe,gBAClB,MAAM,UAAU,CAAC,EAAA,CAAG,KAAK,OAAO;GAAE,OAAO,EAAE;GAAO,OAAO,EAAE;EAAM,EAAE,CACtE;EAEA,MAAM,eAAe,eAAe,MAAM,QAAQ,MAAM,MAAM,EAAE,UAAU,MAAM,KAAK,KAAK,CAAC;EAE3F,MAAM,kBAAkB,eAA8B;GACpD,IAAI,CAAC,aAAa,OAChB,OAAO,MAAM,KAAK,WACd,CAAC;IAAE,OAAO,MAAM,KAAK;IAAU,OAAO,MAAM,KAAK;IAAU,WAAW;GAAK,CAAC,IAC5E,CAAC;GAEP,OAAO,wBAAwB,aAAa,MAAM,IAAI;EACxD,CAAC;EAED,MAAM,kBAAkB,eACtB,gBAAgB,MAAM,MAAM,MAAM,EAAE,UAAU,MAAM,KAAK,QAAQ,CACnE;EAEA,MAAM,YAAY,eAAe,gBAAgB,OAAO,aAAa,IAAI;EAEzE,MAAM,gBAAgB,eACpB,MAAM,KAAK,MAAM,SAAS,aAAa,MAAM,KAAK,MAAM,QAAQ,EAClE;;EAGA,MAAM,mBAAmB,eAAe;GACtC,IAAI,CAAC,aAAa,SAAS,aAAa,MAAM,SAAS,QAAQ,OAAO;GACtE,IAAI,MAAM,KAAK,aAAa,MAAM,OAAO;GACzC,OAAO,aAAa,MAAM,eAAe,CAAC;EAC5C,CAAC;EAED,MAAM,sBAAsB,eAAe;GACzC,IAAI,CAAC,aAAa,SAAS,aAAa,MAAM,SAAS,WAAW,OAAO;GACzE,IAAI,CAAC,UAAU,OAAO,OAAO;GAC7B,OAAO,CACL;IAAE,OAAO;IAAK,OAAO;GAAO,GAC5B;IAAE,OAAO;IAAK,OAAO;GAAQ,CAC/B;EACF,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,MAAM,OAAO,aAAa,OAAO;GACjC,IAAI,SAAS,UAAU,OAAO;GAC9B,IAAI,SAAS,QAAQ,OAAO;GAC5B,OAAO;EACT,CAAC;EAED,MAAM,cAAc,eAAe;GACjC,IAAI,MAAM,KAAK,aAAa,MAAM,OAAO;GACzC,IAAI,CAAC,MAAM,QAAQ,QAAQ,OAAO;GAClC,OAAO;EACT,CAAC;EAED,SAAS,WAAW,OAA+B;GACjD,KAAK,eAAe;IAAE,GAAG,MAAM;IAAM,GAAG;GAAM,CAAC;EACjD;EAEA,SAAS,cAAc,KAAa;GAClC,MAAM,QAAQ,MAAM,QAAQ,MAAM,MAAM,EAAE,UAAU,GAAG;GAEvD,MAAM,UADU,QAAQ,wBAAwB,MAAM,IAAI,IAAI,CAAC,EAAA,CACxC,EAAE,EAAE,SAAS;GACpC,KAAK,eAAe;IAClB,GAAG,MAAM;IACT,OAAO;IACP,UAAU;IACV,OAAO;KAAE,MAAM;KAAY,OAAO;IAAG;GACvC,CAAC;EACH;EAEA,SAAS,iBAAiB,KAAa;GACrC,WAAW;IAAE,UAAU;IAAK,OAAO;KAAE,MAAM;KAAY,OAAO;IAAG;GAAE,CAAC;EACtE;EAEA,SAAS,aAAa,GAAU;GAC9B,WAAW,EAAE,OAAO;IAAE,MAAM;IAAY,OAAQ,EAAE,OAA4B;GAAM,EAAE,CAAC;EACzF;EAEA,SAAS,iBAAiB,KAAa;GACrC,WAAW,EAAE,OAAO;IAAE,MAAM;IAAY,OAAO;GAAI,EAAE,CAAC;EACxD;EAEA,SAAS,eAAe,GAAkB;GACxC,IAAI,MAAM,YAAY,MAAM,UAAU;GACtC,IAAI,EAAE,QAAQ,OAAO,cAAc,OAAO;IACxC,EAAE,eAAe;IACjB,KAAK,WAAW;KACd,YAAY,cAAc;KAC1B,WAAW,QAAQ,WAAW,EAAE,OAAO,IAAI,CAAC;IAC9C,CAAC;GACH;EACF;EAEA,SAAS,cAAc;GACrB,IAAI,MAAM,YAAY,MAAM,UAAU;GACtC,MAAM,MAAM,QAAQ;GACpB,IAAI,CAAC,KAAK;GACV,KAAK,WAAW;IAAE,YAAY;IAAK,WAAW,QAAQ,WAAW,EAAE,OAAO,IAAI,CAAC;GAAE,CAAC;EACpF;EAEA,SAAS,eAAe;GACtB,IAAI,MAAM,YAAY,MAAM,UAAU;GACtC,WAAW,EAAE,OAAO;IAAE,MAAM;IAAY,OAAO;GAAG,EAAE,CAAC;EACvD;;uBAvPE,mBAsGM,OAAA,EAtGA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,KAAA,CAAA,EAAA,GAAA;IAChB,YAYE,MAAA,WAAA,GAAA;KAXC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;KACZ,eAAa,QAAA,KAAK;KAClB,SAAS,aAAA;KACV,aAAU;KACV,aAAU;KACV,aAAY;KACX,MAAM,QAAA;KACN,UAAU,QAAA,YAAY,QAAA;KACtB,WAAW;KACZ,YAAA;KACC,uBAAoB;;;;;;;;IAGvB,YAWE,MAAA,WAAA,GAAA;KAVC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,UAAA,CAAA;KACZ,eAAa,QAAA,KAAK;KAClB,SAAS,gBAAA;KACV,aAAU;KACV,aAAU;KACV,aAAY;KACX,MAAM,QAAA;KACN,UAAU,QAAA,YAAY,QAAA,YAAQ,CAAK,aAAA;KACnC,WAAW;KACX,uBAAoB;;;;;;;;IAGvB,mBA8DM,OAAA,EA9DA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA,EAAA,GAAA,CAAA,CACC,UAAA,SAAA,UAAA,GACf,mBAA4C,QAAA;;KAArC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,aAAA,CAAA;OAAiB,KAAC,CAAA,KAGlB,iBAAA,SAAA,UAAA,GACnB,YAUE,MAAA,WAAA,GAAA;;KATC,eAAa,cAAA;KACb,SAAS,iBAAA;KACV,aAAU;KACV,aAAU;KACV,aAAY;KACX,MAAM,QAAA;KACN,UAAU,QAAA,YAAY,QAAA;KACtB,WAAW;KACX,uBAAoB;;;;;;UAIJ,oBAAA,SAAA,UAAA,GACnB,YAUE,MAAA,WAAA,GAAA;;KATC,eAAa,cAAA;KACb,SAAS,oBAAA;KACV,aAAU;KACV,aAAU;KACV,aAAY;KACX,MAAM,QAAA;KACN,UAAU,QAAA,YAAY,QAAA;KACtB,WAAW;KACX,uBAAoB;;;;;;UAIJ,QAAA,KAAK,MAAM,SAAI,cAAA,UAAA,GAClC,mBAYO,QAAA;;cAXD;KAAJ,KAAI;KACH,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA;KACb,UAAS;KACR,OAAK,MAAQ,QAAA,KAAK,MAAM;KACxB,SAAO;KACP,WAAO,SAAS,cAAY,CAAA,QAAA,CAAA;QAE7B,mBAAqE,QAAA,EAA9D,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,kBAAA,CAAA,EAAA,GAAA,gBAAyB,QAAA,KAAK,MAAM,IAAI,GAAA,CAAA,GAC3D,mBAEO,QAAA;KAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,kBAAA,CAAA;KAAuB,SAAK,cAAO,cAAY,CAAA,MAAA,CAAA;QAChE,YAA0B,MAAA,WAAA,GAAA,MAAA;4BAAT,CAAT,YAAS,MAAA,KAAA,CAAA,CAAA,CAAA;;+CAMrB,mBAUE,SAAA;;cATI;KAAJ,KAAI;KACH,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,aAAA,CAAA;KACZ,MAAM,UAAA;KACN,OAAO,cAAA;KACP,aAAa,YAAA;KACb,UAAU,QAAA;KACV,UAAU,QAAA;KACV,SAAO;KACP,WAAS;;KAMP,QAAA,YAAA,UAAA,GADT,mBASS,UAAA;;KAPP,MAAK;KACJ,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA;KACZ,UAAU,QAAA;KACX,OAAM;KACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;QAEZ,YAA2B,MAAA,WAAA,GAAA,MAAA;4BAAT,CAAV,YAAU,MAAA,MAAA,CAAA,CAAA,CAAA"}
+{"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2HA,MAAM,QAAQ;EAWd,MAAM,OAAO;EAMb,MAAM,MAAM,IAAI,kBAAkB;EAElC,MAAM,gBAAgB,eAAiC,eAAe;EACtE,MAAM,UAAU,eAA4B,SAAS;EAErD,MAAM,eAAe,gBAClB,MAAM,UAAU,CAAC,EAAA,CAAG,KAAK,OAAO;GAAE,OAAO,EAAE;GAAO,OAAO,EAAE;EAAM,EAAE,CACtE;EAEA,MAAM,eAAe,eAAe,MAAM,QAAQ,MAAM,MAAM,EAAE,UAAU,MAAM,KAAK,KAAK,CAAC;EAE3F,MAAM,kBAAkB,eAA8B;GACpD,IAAI,CAAC,aAAa,OAChB,OAAO,MAAM,KAAK,WACd,CAAC;IAAE,OAAO,MAAM,KAAK;IAAU,OAAO,MAAM,KAAK;IAAU,WAAW;GAAK,CAAC,IAC5E,CAAC;GAEP,OAAO,wBAAwB,aAAa,MAAM,IAAI;EACxD,CAAC;EAED,MAAM,kBAAkB,eACtB,gBAAgB,MAAM,MAAM,MAAM,EAAE,UAAU,MAAM,KAAK,QAAQ,CACnE;EAEA,MAAM,YAAY,eAAe,gBAAgB,OAAO,aAAa,IAAI;EAEzE,MAAM,gBAAgB,eACpB,MAAM,KAAK,MAAM,SAAS,aAAa,MAAM,KAAK,MAAM,QAAQ,EAClE;;EAGA,MAAM,mBAAmB,eAAe;GACtC,IAAI,CAAC,aAAa,SAAS,aAAa,MAAM,SAAS,QAAQ,OAAO;GACtE,IAAI,MAAM,KAAK,aAAa,MAAM,OAAO;GACzC,OAAO,aAAa,MAAM,eAAe,CAAC;EAC5C,CAAC;EAED,MAAM,sBAAsB,eAAe;GACzC,IAAI,CAAC,aAAa,SAAS,aAAa,MAAM,SAAS,WAAW,OAAO;GACzE,IAAI,CAAC,UAAU,OAAO,OAAO;GAC7B,OAAO,CACL;IAAE,OAAO;IAAK,OAAO;GAAO,GAC5B;IAAE,OAAO;IAAK,OAAO;GAAQ,CAC/B;EACF,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,MAAM,OAAO,aAAa,OAAO;GACjC,IAAI,SAAS,UAAU,OAAO;GAC9B,IAAI,SAAS,QAAQ,OAAO;GAC5B,OAAO;EACT,CAAC;EAED,MAAM,cAAc,eAAe;GACjC,IAAI,MAAM,KAAK,aAAa,MAAM,OAAO;GACzC,IAAI,CAAC,MAAM,QAAQ,QAAQ,OAAO;GAClC,OAAO;EACT,CAAC;EAED,SAAS,WAAW,OAA+B;GACjD,KAAK,eAAe;IAAE,GAAG,MAAM;IAAM,GAAG;GAAM,CAAC;EACjD;EAEA,SAAS,cAAc,KAAa;GAClC,MAAM,QAAQ,MAAM,QAAQ,MAAM,MAAM,EAAE,UAAU,GAAG;GAEvD,MAAM,UADU,QAAQ,wBAAwB,MAAM,IAAI,IAAI,CAAC,EAAA,CACxC,EAAE,EAAE,SAAS;GACpC,KAAK,eAAe;IAClB,GAAG,MAAM;IACT,OAAO;IACP,UAAU;IACV,OAAO;KAAE,MAAM;KAAY,OAAO;IAAG;GACvC,CAAC;EACH;EAEA,SAAS,iBAAiB,KAAa;GACrC,WAAW;IAAE,UAAU;IAAK,OAAO;KAAE,MAAM;KAAY,OAAO;IAAG;GAAE,CAAC;EACtE;EAEA,SAAS,aAAa,GAAU;GAC9B,WAAW,EAAE,OAAO;IAAE,MAAM;IAAY,OAAQ,EAAE,OAA4B;GAAM,EAAE,CAAC;EACzF;EAEA,SAAS,iBAAiB,KAAa;GACrC,WAAW,EAAE,OAAO;IAAE,MAAM;IAAY,OAAO;GAAI,EAAE,CAAC;EACxD;EAEA,SAAS,eAAe,GAAkB;GACxC,IAAI,MAAM,YAAY,MAAM,UAAU;GACtC,IAAI,EAAE,QAAQ,OAAO,cAAc,OAAO;IACxC,EAAE,eAAe;IACjB,KAAK,WAAW;KACd,YAAY,cAAc;KAC1B,WAAW,QAAQ,WAAW,EAAE,OAAO,IAAI,CAAC;IAC9C,CAAC;GACH;EACF;EAEA,SAAS,cAAc;GACrB,IAAI,MAAM,YAAY,MAAM,UAAU;GACtC,MAAM,MAAM,QAAQ;GACpB,IAAI,CAAC,KAAK;GACV,KAAK,WAAW;IAAE,YAAY;IAAK,WAAW,QAAQ,WAAW,EAAE,OAAO,IAAI,CAAC;GAAE,CAAC;EACpF;EAEA,SAAS,eAAe;GACtB,IAAI,MAAM,YAAY,MAAM,UAAU;GACtC,WAAW,EAAE,OAAO;IAAE,MAAM;IAAY,OAAO;GAAG,EAAE,CAAC;EACvD;;GAvPE,OAAA,UAAA,GAAA,mBAsGM,OAAA,EAtGA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,KAAA,CAAA,EAAA,GAAA;IAChB,YAYE,MAAA,WAAA,GAAA;KAXC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;KACZ,eAAa,QAAA,KAAK;KAClB,SAAS,aAAA;KACV,aAAU;KACV,aAAU;KACV,aAAY;KACX,MAAM,QAAA;KACN,UAAU,QAAA,YAAY,QAAA;KACtB,WAAW;KACZ,YAAA;KACC,uBAAoB;;;;;;;;IAGvB,YAWE,MAAA,WAAA,GAAA;KAVC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,UAAA,CAAA;KACZ,eAAa,QAAA,KAAK;KAClB,SAAS,gBAAA;KACV,aAAU;KACV,aAAU;KACV,aAAY;KACX,MAAM,QAAA;KACN,UAAU,QAAA,YAAY,QAAA,YAAQ,CAAK,aAAA;KACnC,WAAW;KACX,uBAAoB;;;;;;;;IAGvB,mBA8DM,OAAA,EA9DA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA,EAAA,GACC,CAAA,CAAA,UAAA,SAAA,UAAA,GACf,mBAA4C,QAAA;;KAArC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,aAAA,CAAA;IAAiB,GAAA,KAAC,CAAA,KAGlB,iBAAA,SAAA,UAAA,GACnB,YAUE,MAAA,WAAA,GAAA;;KATC,eAAa,cAAA;KACb,SAAS,iBAAA;KACV,aAAU;KACV,aAAU;KACV,aAAY;KACX,MAAM,QAAA;KACN,UAAU,QAAA,YAAY,QAAA;KACtB,WAAW;KACX,uBAAoB;;;;;;IAIJ,CAAA,KAAA,oBAAA,SAAA,UAAA,GACnB,YAUE,MAAA,WAAA,GAAA;;KATC,eAAa,cAAA;KACb,SAAS,oBAAA;KACV,aAAU;KACV,aAAU;KACV,aAAY;KACX,MAAM,QAAA;KACN,UAAU,QAAA,YAAY,QAAA;KACtB,WAAW;KACX,uBAAoB;;;;;;IAIJ,CAAA,KAAA,QAAA,KAAK,MAAM,SAAI,cAAA,UAAA,GAClC,mBAYO,QAAA;;KAXD,SAAA;KAAJ,KAAI;KACH,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA;KACb,UAAS;KACR,OAAK,MAAQ,QAAA,KAAK,MAAM;KACxB,SAAO;KACP,WAAO,SAAS,cAAY,CAAA,QAAA,CAAA;IAE7B,GAAA,CAAA,mBAAqE,QAAA,EAA9D,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,kBAAA,CAAA,EAAA,GAAyB,gBAAA,QAAA,KAAK,MAAM,IAAI,GAAA,CAAA,GAC3D,mBAEO,QAAA;KAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,kBAAA,CAAA;KAAuB,SAAK,cAAO,cAAY,CAAA,MAAA,CAAA;IAChE,GAAA,CAAA,YAA0B,MAAA,WAAA,GAAA,MAAA;KAAT,SAAA,cAAA,CAAT,YAAS,MAAA,KAAA,CAAA,CAAA,CAAA;;IAMrB,CAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,UAAA,MAAA,UAAA,GAAA,mBAUE,SAAA;;KATI,SAAA;KAAJ,KAAI;KACH,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,aAAA,CAAA;KACZ,MAAM,UAAA;KACN,OAAO,cAAA;KACP,aAAa,YAAA;KACb,UAAU,QAAA;KACV,UAAU,QAAA;KACV,SAAO;KACP,WAAS;;IAMP,CAAA,QAAA,YAAA,UAAA,GADT,mBASS,UAAA;;KAPP,MAAK;KACJ,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA;KACZ,UAAU,QAAA;KACX,OAAM;KACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;IAEZ,GAAA,CAAA,YAA2B,MAAA,WAAA,GAAA,MAAA;KAAT,SAAA,cAAA,CAAV,YAAU,MAAA,MAAA,CAAA,CAAA,CAAA"}

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

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

@@ -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

@@ -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

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

@@ -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

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

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

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

package/dist/components/contextmenu/di.d.ts

@@ -0,0 +1,15 @@
+import { ComputedRef, InjectionKey } from "vue";
+import { BEM } from "@veltra/utils";
+//#region src/components/contextmenu/di.d.ts
+declare const ContextmenuRootDIKey: InjectionKey<{
+  cls: BEM<'contextmenu'>;
+  onItemClickStart: () => void;
+  onItemClickEnd: () => void;
+}>;
+declare const ContextmenuPanelDIKey: InjectionKey<{
+  showIconColumn: ComputedRef<boolean>;
+  showArrowColumn: ComputedRef<boolean>;
+}>;
+//#endregion
+export { ContextmenuPanelDIKey, ContextmenuRootDIKey };
+//# sourceMappingURL=di.d.ts.map

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

@@ -1,3 +1,4 @@
-import _default from "./contextmenu.vue.js";
+import _sfc_main from "./contextmenu.js";
 import { contextmenu } from "./api.js";
-export { _default as UContextmenu, contextmenu };
+import { ContextmenuPanelDIKey, ContextmenuRootDIKey } from "./di.js";
+export { ContextmenuPanelDIKey, ContextmenuRootDIKey, _sfc_main as UContextmenu, contextmenu };

package/dist/components/contextmenu/style2.css

@@ -17,6 +17,7 @@
 /** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
 .u-contextmenu {
   position: fixed;
+  min-width: 120px;
   margin: 0;
   padding: 4px;
   list-style: none;
@@ -39,6 +40,18 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.u-contextmenu__custom {
+  flex: 1;
+  min-width: 0;
+}
+.u-contextmenu__divider {
+  height: 0;
+  margin: 4px 8px;
+  border: 0;
+  border-top: 1px solid var(--u-border-color);
+  list-style: none;
+  pointer-events: none;
+}
 .u-contextmenu__item {
   position: relative;
   cursor: pointer;

package/dist/components/date-panel/date-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-panel.js","names":[],"sources":["../../../src/components/date-panel/date-panel.vue"],"sourcesContent":["<template>\n  <div :class=\"[cls.b, cls.m(props.size)]\">\n    <template v-if=\"panelType === 'day'\">\n      <DayHeader />\n      <DayPanel />\n    </template>\n\n    <template v-else-if=\"panelType === 'year'\">\n      <YearHeader />\n      <YearPanel />\n    </template>\n\n    <template v-else-if=\"panelType === 'month'\">\n      <MonthHeader />\n      <MonthPanel />\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { DatePanelEmits, DatePanelProps } from '../../types'\nimport DayHeader from './headers/day.vue'\nimport MonthHeader from './headers/month.vue'\nimport YearHeader from './headers/year.vue'\nimport DayPanel from './panels/day.vue'\nimport MonthPanel from './panels/month.vue'\nimport YearPanel from './panels/year.vue'\nimport { usePanel } from './use-panel'\n\ndefineOptions({ name: 'UDatePanel' })\n\nconst props = withDefaults(defineProps<DatePanelProps>(), { size: 'default', type: 'date' })\n\nconst emit = defineEmits<DatePanelEmits>()\n\nconst { cls, panelType } = usePanel({ props, emit })\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA+BA,MAAM,QAAQ;EAId,MAAM,EAAE,KAAK,cAAc,SAAS;GAAE;GAAO,MAAA;EAAK,CAAC;;uBAlCjD,mBAeM,OAAA,EAfA,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,GAAG,MAAA,GAAA,CAAG,CAAC,EAAE,MAAM,IAAI,CAAA,CAAA,EAAA,GAAA,CACnB,MAAA,SAAA,MAAS,SAAA,UAAA,GAAzB,mBAGW,UAAA,EAAA,KAAA,EAAA,GAAA,CAFT,YAAa,WAAA,GACb,YAAY,WAAA,CAAA,GAAA,EAAA,KAGO,MAAA,SAAA,MAAS,UAAA,UAAA,GAA9B,mBAGW,UAAA,EAAA,KAAA,EAAA,GAAA,CAFT,YAAc,WAAA,GACd,YAAa,WAAA,CAAA,GAAA,EAAA,KAGM,MAAA,SAAA,MAAS,WAAA,UAAA,GAA9B,mBAGW,UAAA,EAAA,KAAA,EAAA,GAAA,CAFT,YAAe,WAAA,GACf,YAAc,WAAA,CAAA,GAAA,EAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"date-panel.js","names":[],"sources":["../../../src/components/date-panel/date-panel.vue"],"sourcesContent":["<template>\n  <div :class=\"[cls.b, cls.m(props.size)]\">\n    <template v-if=\"panelType === 'day'\">\n      <DayHeader />\n      <DayPanel />\n    </template>\n\n    <template v-else-if=\"panelType === 'year'\">\n      <YearHeader />\n      <YearPanel />\n    </template>\n\n    <template v-else-if=\"panelType === 'month'\">\n      <MonthHeader />\n      <MonthPanel />\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { DatePanelEmits, DatePanelProps } from '../../types'\nimport DayHeader from './headers/day.vue'\nimport MonthHeader from './headers/month.vue'\nimport YearHeader from './headers/year.vue'\nimport DayPanel from './panels/day.vue'\nimport MonthPanel from './panels/month.vue'\nimport YearPanel from './panels/year.vue'\nimport { usePanel } from './use-panel'\n\ndefineOptions({ name: 'UDatePanel' })\n\nconst props = withDefaults(defineProps<DatePanelProps>(), { size: 'default', type: 'date' })\n\nconst emit = defineEmits<DatePanelEmits>()\n\nconst { cls, panelType } = usePanel({ props, emit })\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA+BA,MAAM,QAAQ;EAId,MAAM,EAAE,KAAK,cAAc,SAAS;GAAE;GAAO,MAAA;EAAK,CAAC;;GAlCjD,OAAA,UAAA,GAAA,mBAeM,OAAA,EAfA,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,GAAG,MAAA,GAAA,CAAG,CAAC,EAAE,MAAM,IAAI,CAAA,CAAA,EAAA,GACnB,CAAA,MAAA,SAAA,MAAS,SAAA,UAAA,GAAzB,mBAGW,UAAA,EAAA,KAAA,EAAA,GAAA,CAFT,YAAa,WAAA,GACb,YAAY,WAAA,CAAA,GAAA,EAGO,KAAA,MAAA,SAAA,MAAS,UAAA,UAAA,GAA9B,mBAGW,UAAA,EAAA,KAAA,EAAA,GAAA,CAFT,YAAc,WAAA,GACd,YAAa,WAAA,CAAA,GAAA,EAGM,KAAA,MAAA,SAAA,MAAS,WAAA,UAAA,GAA9B,mBAGW,UAAA,EAAA,KAAA,EAAA,GAAA,CAFT,YAAe,WAAA,GACf,YAAc,WAAA,CAAA,GAAA,EAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,GAAA,CAAA"}

package/dist/components/date-panel/headers/day.js.map

@@ -1 +1 @@
-{"version":3,"file":"day.js","names":[],"sources":["../../../../src/components/date-panel/headers/day.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('header')\">\n    <div>\n      <u-icon @click=\"toPrevYear\" title=\"上一年\">\n        <DArrowLeft />\n      </u-icon>\n      <u-icon @click=\"toPrevMonth\" title=\"上个月\">\n        <ArrowLeft />\n      </u-icon>\n    </div>\n\n    <div>\n      <span :class=\"cls.e('header-year')\" @click=\"panelType = 'year'\">\n        {{ panelDate.year }}\n      </span>\n      <span :class=\"cls.e('header-month')\" @click=\"panelType = 'month'\">\n        {{ panelDate.month }}月\n      </span>\n    </div>\n\n    <div>\n      <u-icon @click=\"toNextMonth\" title=\"下个月\">\n        <ArrowRight />\n      </u-icon>\n      <u-icon @click=\"toNextYear\" title=\"下一年\">\n        <DArrowRight />\n      </u-icon>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ArrowLeft, ArrowRight, DArrowLeft, DArrowRight } from '@veltra/icons/normal'\nimport { inject } from 'vue'\n\nimport { UIcon } from '../../icon'\nimport { DatePanelDIKey } from '../di'\n\ndefineOptions({ name: 'UDatePanelDayHeader' })\n\nconst { panelDate, panelType, cls, toPrevMonth, toNextMonth, toPrevYear, toNextYear } =\n  inject(DatePanelDIKey)!\n</script>\n"],"mappings":";;;;;;;;;EAwCA,MAAM,EAAE,WAAW,WAAW,KAAK,aAAa,aAAa,YAAY,eACvE,OAAO,cAAc;;uBAxCrB,mBA2BM,OAAA,EA3BA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA,EAAA,GAAA;IAChB,mBAOM,OAAA,MAAA,CANJ,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,UAAA;KAAY,OAAM;;4BAClB,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA;;wBAEhB,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,WAAA;KAAa,OAAM;;4BACpB,CAAb,YAAa,MAAA,SAAA,CAAA,CAAA,CAAA;;;IAIjB,mBAOM,OAAA,MAAA,CANJ,mBAEO,QAAA;KAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,aAAA,CAAA;KAAkB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,UAAA,QAAS;uBAChD,MAAA,SAAA,CAAS,CAAC,IAAI,GAAA,CAAA,GAEnB,mBAEO,QAAA;KAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,cAAA,CAAA;KAAmB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,UAAA,QAAS;uBACjD,MAAA,SAAA,CAAS,CAAC,KAAK,IAAG,MACvB,CAAA,CAAA,CAAA;IAGF,mBAOM,OAAA,MAAA,CANJ,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,WAAA;KAAa,OAAM;;4BACnB,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA;;wBAEhB,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,UAAA;KAAY,OAAM;;4BACjB,CAAf,YAAe,MAAA,WAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"day.js","names":[],"sources":["../../../../src/components/date-panel/headers/day.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('header')\">\n    <div>\n      <u-icon @click=\"toPrevYear\" title=\"上一年\">\n        <DArrowLeft />\n      </u-icon>\n      <u-icon @click=\"toPrevMonth\" title=\"上个月\">\n        <ArrowLeft />\n      </u-icon>\n    </div>\n\n    <div>\n      <span :class=\"cls.e('header-year')\" @click=\"panelType = 'year'\">\n        {{ panelDate.year }}\n      </span>\n      <span :class=\"cls.e('header-month')\" @click=\"panelType = 'month'\">\n        {{ panelDate.month }}月\n      </span>\n    </div>\n\n    <div>\n      <u-icon @click=\"toNextMonth\" title=\"下个月\">\n        <ArrowRight />\n      </u-icon>\n      <u-icon @click=\"toNextYear\" title=\"下一年\">\n        <DArrowRight />\n      </u-icon>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ArrowLeft, ArrowRight, DArrowLeft, DArrowRight } from '@veltra/icons/normal'\nimport { inject } from 'vue'\n\nimport { UIcon } from '../../icon'\nimport { DatePanelDIKey } from '../di'\n\ndefineOptions({ name: 'UDatePanelDayHeader' })\n\nconst { panelDate, panelType, cls, toPrevMonth, toNextMonth, toPrevYear, toNextYear } =\n  inject(DatePanelDIKey)!\n</script>\n"],"mappings":";;;;;;;;;EAwCA,MAAM,EAAE,WAAW,WAAW,KAAK,aAAa,aAAa,YAAY,eACvE,OAAO,cAAc;;GAxCrB,OAAA,UAAA,GAAA,mBA2BM,OAAA,EA3BA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA,EAAA,GAAA;IAChB,mBAOM,OAAA,MAAA,CANJ,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,UAAA;KAAY,OAAM;;KAClB,SAAA,cAAA,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA;;IAEhB,GAAA,GAAA,CAAA,SAAA,CAAA,GAAA,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,WAAA;KAAa,OAAM;;KACpB,SAAA,cAAA,CAAb,YAAa,MAAA,SAAA,CAAA,CAAA,CAAA;;;IAIjB,mBAOM,OAAA,MAAA,CANJ,mBAEO,QAAA;KAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,aAAA,CAAA;KAAkB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,UAAA,QAAS;IAChD,GAAA,gBAAA,MAAA,SAAA,CAAS,CAAC,IAAI,GAAA,CAAA,GAEnB,mBAEO,QAAA;KAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,cAAA,CAAA;KAAmB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,UAAA,QAAS;IACjD,GAAA,gBAAA,MAAA,SAAA,CAAS,CAAC,KAAK,IAAG,MACvB,CAAA,CAAA,CAAA;IAGF,mBAOM,OAAA,MAAA,CANJ,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,WAAA;KAAa,OAAM;;KACnB,SAAA,cAAA,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA;;IAEhB,GAAA,GAAA,CAAA,SAAA,CAAA,GAAA,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,UAAA;KAAY,OAAM;;KACjB,SAAA,cAAA,CAAf,YAAe,MAAA,WAAA,CAAA,CAAA,CAAA"}

package/dist/components/date-panel/headers/month.js.map

@@ -1 +1 @@
-{"version":3,"file":"month.js","names":[],"sources":["../../../../src/components/date-panel/headers/month.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('header')\">\n    <u-icon @click=\"toPrevYear\" title=\"上一年\">\n      <DArrowLeft />\n    </u-icon>\n\n    <span :class=\"cls.e('header-year')\" @click=\"panelType = 'year'\">\n      {{ panelDate.year }}\n    </span>\n\n    <u-icon @click=\"toNextYear\" title=\"下一年\">\n      <DArrowRight />\n    </u-icon>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { DArrowLeft, DArrowRight } from '@veltra/icons'\nimport { inject } from 'vue'\n\nimport { UIcon } from '../../icon'\nimport { DatePanelDIKey } from '../di'\n\ndefineOptions({ name: 'UDatePanelMonthHeader' })\n\nconst { panelDate, panelType, toPrevYear, toNextYear, cls } = inject(DatePanelDIKey)!\n</script>\n"],"mappings":";;;;;;;;;EAyBA,MAAM,EAAE,WAAW,WAAW,YAAY,YAAY,QAAQ,OAAO,cAAc;;uBAxBjF,mBAYM,OAAA,EAZA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA,EAAA,GAAA;IAChB,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,UAAA;KAAY,OAAM;;4BAClB,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA;;;IAGhB,mBAEO,QAAA;KAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,aAAA,CAAA;KAAkB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,UAAA,QAAS;uBAChD,MAAA,SAAA,CAAS,CAAC,IAAI,GAAA,CAAA;IAGnB,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,UAAA;KAAY,OAAM;;4BACjB,CAAf,YAAe,MAAA,WAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"month.js","names":[],"sources":["../../../../src/components/date-panel/headers/month.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('header')\">\n    <u-icon @click=\"toPrevYear\" title=\"上一年\">\n      <DArrowLeft />\n    </u-icon>\n\n    <span :class=\"cls.e('header-year')\" @click=\"panelType = 'year'\">\n      {{ panelDate.year }}\n    </span>\n\n    <u-icon @click=\"toNextYear\" title=\"下一年\">\n      <DArrowRight />\n    </u-icon>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { DArrowLeft, DArrowRight } from '@veltra/icons'\nimport { inject } from 'vue'\n\nimport { UIcon } from '../../icon'\nimport { DatePanelDIKey } from '../di'\n\ndefineOptions({ name: 'UDatePanelMonthHeader' })\n\nconst { panelDate, panelType, toPrevYear, toNextYear, cls } = inject(DatePanelDIKey)!\n</script>\n"],"mappings":";;;;;;;;;EAyBA,MAAM,EAAE,WAAW,WAAW,YAAY,YAAY,QAAQ,OAAO,cAAc;;GAxBjF,OAAA,UAAA,GAAA,mBAYM,OAAA,EAZA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA,EAAA,GAAA;IAChB,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,UAAA;KAAY,OAAM;;KAClB,SAAA,cAAA,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA;;;IAGhB,mBAEO,QAAA;KAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,aAAA,CAAA;KAAkB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,UAAA,QAAS;IAChD,GAAA,gBAAA,MAAA,SAAA,CAAS,CAAC,IAAI,GAAA,CAAA;IAGnB,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,UAAA;KAAY,OAAM;;KACjB,SAAA,cAAA,CAAf,YAAe,MAAA,WAAA,CAAA,CAAA,CAAA"}

package/dist/components/date-panel/headers/year.js.map

@@ -1 +1 @@
-{"version":3,"file":"year.js","names":[],"sources":["../../../../src/components/date-panel/headers/year.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('header')\">\n    <u-icon @click=\"toPrevTenYears\" title=\"上个十年\">\n      <DArrowLeft />\n    </u-icon>\n\n    <span> {{ startYear }} ~ {{ endYear }} </span>\n\n    <u-icon @click=\"toNextTenYears\" title=\"下个十年\">\n      <DArrowRight />\n    </u-icon>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { DArrowLeft, DArrowRight } from '@veltra/icons/normal'\nimport { computed } from 'vue'\nimport { inject } from 'vue'\n\nimport { UIcon } from '../../icon'\nimport { DatePanelDIKey } from '../di'\n\ndefineOptions({ name: 'UDatePanelYearHeader' })\n\nconst { panelDate, toPrevTenYears, toNextTenYears, cls } = inject(DatePanelDIKey)!\n\nconst startYear = computed(() => {\n  return panelDate.value.year - (panelDate.value.year % 10) + 1\n})\n\nconst endYear = computed(() => {\n  return startYear.value + 9\n})\n</script>\n"],"mappings":";;;;;;;;;EAwBA,MAAM,EAAE,WAAW,gBAAgB,gBAAgB,QAAQ,OAAO,cAAc;EAEhF,MAAM,YAAY,eAAe;GAC/B,OAAO,UAAU,MAAM,OAAQ,UAAU,MAAM,OAAO,KAAM;EAC9D,CAAC;EAED,MAAM,UAAU,eAAe;GAC7B,OAAO,UAAU,QAAQ;EAC3B,CAAC;;uBA/BC,mBAUM,OAAA,EAVA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA,EAAA,GAAA;IAChB,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,cAAA;KAAgB,OAAM;;4BACtB,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA;;;IAGhB,mBAA8C,QAAA,MAAA,gBAApC,UAAA,KAAS,IAAG,QAAG,gBAAG,QAAA,KAAO,GAAA,CAAA;IAEnC,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,cAAA;KAAgB,OAAM;;4BACrB,CAAf,YAAe,MAAA,WAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"year.js","names":[],"sources":["../../../../src/components/date-panel/headers/year.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('header')\">\n    <u-icon @click=\"toPrevTenYears\" title=\"上个十年\">\n      <DArrowLeft />\n    </u-icon>\n\n    <span> {{ startYear }} ~ {{ endYear }} </span>\n\n    <u-icon @click=\"toNextTenYears\" title=\"下个十年\">\n      <DArrowRight />\n    </u-icon>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { DArrowLeft, DArrowRight } from '@veltra/icons/normal'\nimport { computed } from 'vue'\nimport { inject } from 'vue'\n\nimport { UIcon } from '../../icon'\nimport { DatePanelDIKey } from '../di'\n\ndefineOptions({ name: 'UDatePanelYearHeader' })\n\nconst { panelDate, toPrevTenYears, toNextTenYears, cls } = inject(DatePanelDIKey)!\n\nconst startYear = computed(() => {\n  return panelDate.value.year - (panelDate.value.year % 10) + 1\n})\n\nconst endYear = computed(() => {\n  return startYear.value + 9\n})\n</script>\n"],"mappings":";;;;;;;;;EAwBA,MAAM,EAAE,WAAW,gBAAgB,gBAAgB,QAAQ,OAAO,cAAc;EAEhF,MAAM,YAAY,eAAe;GAC/B,OAAO,UAAU,MAAM,OAAQ,UAAU,MAAM,OAAO,KAAM;EAC9D,CAAC;EAED,MAAM,UAAU,eAAe;GAC7B,OAAO,UAAU,QAAQ;EAC3B,CAAC;;GA/BC,OAAA,UAAA,GAAA,mBAUM,OAAA,EAVA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA,EAAA,GAAA;IAChB,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,cAAA;KAAgB,OAAM;;KACtB,SAAA,cAAA,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA;;;IAGhB,mBAA8C,QAAA,MAAA,gBAApC,UAAA,KAAS,IAAG,QAAG,gBAAG,QAAA,KAAO,GAAA,CAAA;IAEnC,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,cAAA;KAAgB,OAAM;;KACrB,SAAA,cAAA,CAAf,YAAe,MAAA,WAAA,CAAA,CAAA,CAAA"}