@veltra/desktop 1.2.9 → 1.2.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/desktop",
-  "version": "1.2.9",
+  "version": "1.2.12",
   "files": [
     "dist",
     "src"
@@ -38,20 +38,25 @@
     "build": "vp pack"
   },
   "dependencies": {
+    "@codemirror/autocomplete": "^6.20.2",
+    "@codemirror/commands": "^6.10.3",
     "@codemirror/lang-java": "^6.0.2",
     "@codemirror/lang-javascript": "^6.2.5",
     "@codemirror/lang-json": "^6.0.2",
     "@codemirror/lang-sql": "^6.10.0",
-    "@codemirror/state": "^6.6.0",
+    "@codemirror/language": "^6.12.3",
+    "@codemirror/lint": "^6.9.6",
+    "@codemirror/search": "^6.7.0",
+    "@codemirror/state": "^6.7.0",
     "@codemirror/theme-one-dark": "^6.1.3",
-    "@codemirror/view": "^6.41.1",
-    "@embedpdf/core": "^2.14.3",
-    "@embedpdf/engines": "^2.14.3",
-    "@embedpdf/plugin-document-manager": "^2.14.3",
-    "@embedpdf/plugin-render": "^2.14.3",
-    "@embedpdf/plugin-scroll": "^2.14.3",
-    "@embedpdf/plugin-viewport": "^2.14.3",
-    "@embedpdf/plugin-zoom": "^2.14.1",
+    "@codemirror/view": "^6.43.4",
+    "@embedpdf/core": "^2.14.4",
+    "@embedpdf/engines": "^2.14.4",
+    "@embedpdf/plugin-document-manager": "^2.14.4",
+    "@embedpdf/plugin-render": "^2.14.4",
+    "@embedpdf/plugin-scroll": "^2.14.4",
+    "@embedpdf/plugin-viewport": "^2.14.4",
+    "@embedpdf/plugin-zoom": "^2.14.4",
     "@lexical/history": "^0.45.0",
     "@lexical/html": "^0.45.0",
     "@lexical/link": "^0.45.0",
@@ -59,20 +64,19 @@
     "@lexical/rich-text": "^0.45.0",
     "@lexical/selection": "^0.45.0",
     "@lexical/utils": "^0.45.0",
-    "@visactor/vtable": "^1.26.1",
-    "codemirror": "^6.0.2",
+    "@visactor/vtable": "^1.26.3",
     "docx-preview": "^0.3.7",
     "lexical": "^0.45.0"
   },
   "peerDependencies": {
-    "@cat-kit/core": ">=1.1.6",
+    "@cat-kit/core": ">=1.1.8",
     "@cat-kit/excel": ">=1.0.0",
-    "@cat-kit/fe": "^1.1.6",
-    "@veltra/compositions": "1.2.9",
-    "@veltra/directives": "1.2.9",
-    "@veltra/icons": "1.2.9",
-    "@veltra/styles": "1.2.9",
-    "@veltra/utils": "1.2.9",
-    "vue": ">=3.5.0"
+    "@cat-kit/fe": "^1.1.8",
+    "@veltra/compositions": "1.2.12",
+    "@veltra/directives": "1.2.12",
+    "@veltra/icons": "1.2.12",
+    "@veltra/styles": "1.2.12",
+    "@veltra/utils": "1.2.12",
+    "vue": ">=3.5.39"
   }
 }

package/src/components/action/action-group.vue

@@ -13,7 +13,7 @@ import { UTip } from '../tip'
 import { ActionDIKey } from './di'
 
 defineOptions({
-  name: 'ActionGroup',
+  name: 'UActionGroup',
   inheritAttrs: false
 })
 

package/src/components/action/action.vue

@@ -42,7 +42,7 @@ import { UButton } from '../button'
 import { UPopConfirm } from '../pop-confirm'
 import { ActionDIKey } from './di'
 
-defineOptions({ name: 'Action', inheritAttrs: false })
+defineOptions({ name: 'UAction', inheritAttrs: false })
 
 // 这里所有可继承自 `<u-action-group>` 的默认值都强制为 `undefined`，
 // 否则 Vue 对 Boolean 类型 prop 的默认值（false）会让 `??` 兜底始终失效

package/src/components/auto-complete/auto-complete.vue

@@ -85,7 +85,7 @@ import { UScroll } from '../scroll'
 import { useKeyboard } from './use-keyboard'
 import { useSuggestions } from './use-suggestions'
 
-defineOptions({ name: 'AutoComplete', inheritAttrs: false })
+defineOptions({ name: 'UAutoComplete', inheritAttrs: false })
 
 const props = withDefaults(defineProps<AutoCompleteProps>(), {
   placeholder: '请输入',

package/src/components/badge/badge.vue

@@ -12,7 +12,7 @@ import { computed, nextTick, onMounted, shallowRef, watch } from 'vue'
 
 import type { BadgeProps, ComponentSize } from '../../types'
 
-defineOptions({ name: 'Badge' })
+defineOptions({ name: 'UBadge' })
 
 const cls = bem('badge')
 

package/src/components/batch-edit/batch-edit-form.vue

@@ -69,7 +69,6 @@ import { Close } from '@veltra/icons/normal'
 import { bem } from '@veltra/utils'
 import { computed, inject, shallowRef, toRef } from 'vue'
 
-import type { BatchEditSlots } from '../../types'
 import type { _FormExposed, FormExposed } from '../../types/form'
 import { UButton } from '../button'
 import { UForm } from '../form'
@@ -79,7 +78,7 @@ import { UScroll } from '../scroll'
 import { BatchEditDIKey } from './di'
 import { FORM_ACTION_HEADER_MAP } from './form-action-header'
 
-defineOptions({ name: 'BatchEditForm' })
+defineOptions({ name: 'UBatchEditForm' })
 
 const batchEditCtx = inject(BatchEditDIKey)!
 

package/src/components/batch-edit/batch-edit-list.vue

@@ -70,7 +70,7 @@ import { UButton } from '../button'
 import { UTable } from '../table'
 import { BatchEditDIKey } from './di'
 
-defineOptions({ name: 'BatchEditList' })
+defineOptions({ name: 'UBatchEditList' })
 
 defineProps<{ slots: Slots }>()
 

package/src/components/batch-edit/batch-edit.vue

@@ -34,7 +34,7 @@ import { useFeatures } from './use-features'
 import { useHandlers } from './use-handlers'
 import { useShortcutKey } from './use-shortcut-key'
 
-defineOptions({ name: 'BatchEdit' })
+defineOptions({ name: 'UBatchEdit' })
 
 const props = withDefaults(defineProps<BatchEditProps>(), { cols: () => ['1fr', '420px'] })
 
@@ -46,7 +46,7 @@ const cls = bem('batch-edit')
 
 const formRef = useTemplateRef<FormExposed>('form')
 
-const { state, resetState } = useEditState({ props })
+const { state, resetState } = useEditState({ props, formRef })
 
 const { staticFeatures, dynamicFeatures } = useFeatures({ props })
 

package/src/components/batch-edit/use-edit-state.ts

@@ -1,14 +1,15 @@
 import { o } from '@cat-kit/core'
-import { shallowReactive, watch } from 'vue'
+import { nextTick, shallowReactive, watch, type ShallowRef } from 'vue'
 
-import type { BatchEditProps, BatchEditStates } from '../../types'
+import type { BatchEditProps, BatchEditStates, FormExposed } from '../../types'
 
 interface Options {
   props: BatchEditProps
+  formRef: ShallowRef<FormExposed | null>
 }
 
 export function useEditState(options: Options) {
-  const { props } = options
+  const { props, formRef } = options
 
   const defaultState: BatchEditStates = {
     depth: -1,
@@ -35,10 +36,15 @@ export function useEditState(options: Options) {
   watch(
     () => state.row,
     (row) => {
+      formRef.value?.reset()
+
       if (row) {
-        if (props.model) {
-          o(props.model).deepExtend(row.data)
-        }
+        /** 延迟设置 model，防止表单初始状态丢失 */
+        nextTick(() => {
+          if (props.model) {
+            o(props.model).deepExtend(row.data)
+          }
+        })
         state.formActionType = props.readonly ? 'view' : 'update'
         state.formVisible = true
         state.depth = row.depth

package/src/components/breadcrumb/breadcrumb.vue

@@ -47,7 +47,7 @@ import type {
   ComponentSize
 } from '../../types'
 
-defineOptions({ name: 'Breadcrumb' })
+defineOptions({ name: 'UBreadcrumb' })
 
 const props = withDefaults(defineProps<BreadcrumbProps>(), { lastLinked: false })
 

package/src/components/button/button-group.vue

@@ -9,7 +9,7 @@ import { bem } from '@veltra/utils'
 
 import type { ButtonProps } from '../../types'
 
-defineOptions({ name: 'ButtonGroup' })
+defineOptions({ name: 'UButtonGroup' })
 
 const props = defineProps<ButtonProps>()
 

package/src/components/button/button.vue

@@ -36,7 +36,7 @@ import { computed, shallowRef } from 'vue'
 import type { ButtonEmits, ButtonProps, _ButtonExposed, ComponentSize } from '../../types'
 import { UIcon } from '../icon'
 
-defineOptions({ name: 'Button' })
+defineOptions({ name: 'UButton' })
 
 const props = withDefaults(defineProps<ButtonProps>(), {
   iconPosition: 'left',

package/src/components/calendar/calendar.vue

@@ -19,7 +19,7 @@ import { computed } from 'vue'
 import type { CalendarProps } from '../../types'
 import { getMonthDays } from './utils'
 
-defineOptions({ name: 'Calendar' })
+defineOptions({ name: 'UCalendar' })
 
 defineProps<CalendarProps>()
 

package/src/components/card/card-action.vue

@@ -10,7 +10,7 @@ import { type CSSProperties, computed, inject } from 'vue'
 import type { CardActionProps } from '../../types'
 import { CardDIKey } from './di'
 
-defineOptions({ name: 'CardAction' })
+defineOptions({ name: 'UCardAction' })
 
 const props = defineProps<CardActionProps>()
 

package/src/components/card/card-content.vue

@@ -10,7 +10,7 @@ import { computed, inject, type CSSProperties } from 'vue'
 import type { CardContentProps } from '../../types'
 import { CardDIKey } from './di'
 
-defineOptions({ name: 'CardContent' })
+defineOptions({ name: 'UCardContent' })
 
 const props = defineProps<CardContentProps>()
 

package/src/components/card/card-cover.vue

@@ -17,7 +17,7 @@ import { computed, inject } from 'vue'
 import type { CardCoverProps } from '../../types'
 import { CardDIKey } from './di'
 
-defineOptions({ name: 'CardCover' })
+defineOptions({ name: 'UCardCover' })
 
 const props = defineProps<CardCoverProps>()
 

package/src/components/card/card-header.vue

@@ -9,7 +9,7 @@ import { computed, inject } from 'vue'
 
 import { CardDIKey } from './di'
 
-defineOptions({ name: 'CardHeader' })
+defineOptions({ name: 'UCardHeader' })
 
 const injected = inject(CardDIKey)
 const { cls } = injected || {}

package/src/components/card/card.vue

@@ -12,7 +12,7 @@ import { computed, provide } from 'vue'
 import type { CardProps } from '../../types'
 import { CardDIKey } from './di'
 
-defineOptions({ name: 'Card' })
+defineOptions({ name: 'UCard' })
 
 const props = defineProps<CardProps>()
 

package/src/components/cascade/cascade.vue

@@ -124,7 +124,7 @@ import { useCheck } from './use-check'
 import { useDataMap } from './use-data-map'
 import { useSelect } from './use-select'
 
-defineOptions({ name: 'Cascade' })
+defineOptions({ name: 'UCascade' })
 
 const props = withDefaults(defineProps<CascadeProps>(), {
   labelKey: 'label',
@@ -137,7 +137,8 @@ const props = withDefaults(defineProps<CascadeProps>(), {
   childrenKey: 'children',
   filterable: false,
   data: () => [],
-  visibilityLimit: 3
+  visibilityLimit: 3,
+  showFullPath: true
 })
 
 const emit = defineEmits<CascadeEmits>()

package/src/components/cascade/use-check.ts

@@ -68,8 +68,10 @@ export function useCheck(options: CheckOptions): UseCheckReturned {
     const checkedArr = Array.from(checkedSet.value)
     const targetValues = checkedArr.map((item) => item.value)
     const targetLabels = checkedArr.map((item) => item.label)
+    const targetItems = checkedArr.map((item) => item.data as Record<string, any>)
     emit('update:modelValue', targetValues)
-    emit('change', targetValues, targetLabels, checkedArr)
+    emit('update:label', targetLabels.length ? targetLabels : undefined)
+    emit('change', targetItems)
   }
 
   const restTag = computed(() => {

package/src/components/cascade/use-select.ts

@@ -28,6 +28,16 @@ interface SelectOptions {
   dropdownRef: Ref<DropdownExposed | undefined>
 }
 
+function buildPathKeys(leaf: CascadeNode): string[] {
+  const keys: string[] = []
+  let node: CascadeNode | undefined = leaf
+  while (node) {
+    keys.unshift(node.value)
+    node = node.parent
+  }
+  return keys
+}
+
 interface UseSelectReturned {
   displayedValue: ComputedRef<string | undefined>
   selectItem: (panelIndex: number, item: CascadeNode) => void
@@ -46,8 +56,6 @@ export function useSelect(options: SelectOptions): UseSelectReturned {
   /** 选中的节点key */
   const selectedNodeKeys = shallowRef<string[]>([])
 
-  const currentItem = shallowRef<Record<string, any>>()
-
   /** 面板数据 */
   const panelItemList = shallowRef<PanelItem[]>([])
   const uid = createIncrease()
@@ -56,17 +64,16 @@ export function useSelect(options: SelectOptions): UseSelectReturned {
   }
 
   const displayedValue = computed(() => {
-    const { modelValue, separator } = props
-    const valueNodes =
-      modelValue && typeof modelValue === 'string' ? modelValue.split(separator!) : undefined
-    return (
-      valueNodes
-        ?.map((v) => {
-          const node = dataMap.value.get(v)
-          return node?.label ?? v
-        })
-        .join(props.separator) ?? ''
-    )
+    const { modelValue, separator, showFullPath } = props
+    if (!modelValue || typeof modelValue !== 'string') return ''
+
+    if (showFullPath) {
+      return modelValue
+        .split(separator!)
+        .map((v) => dataMap.value.get(v)?.label ?? v)
+        .join(separator)
+    }
+    return dataMap.value.get(modelValue)?.label ?? modelValue
   })
 
   function getPanelItemList(data?: CascadeNode[]) {
@@ -94,22 +101,24 @@ export function useSelect(options: SelectOptions): UseSelectReturned {
   }
 
   function updateSingleValue() {
-    const { separator } = props
+    const { separator, showFullPath } = props
+    const keys = selectedNodeKeys.value
+    const leafKey = keys.length ? keys[keys.length - 1] : undefined
+    const leafLabel = leafKey ? dataMap.value.get(leafKey)?.label : undefined
 
-    const targetValue = selectedNodeKeys.value.length
-      ? selectedNodeKeys.value.join(separator!)
-      : undefined
+    const targetValue = showFullPath ? (keys.length ? keys.join(separator!) : undefined) : leafKey
+    const targetLabel = showFullPath
+      ? keys
+          .map((key) => dataMap.value.get(key)?.label)
+          .filter(Boolean)
+          .join(separator!)
+      : leafLabel
 
-    const targetLabel = selectedNodeKeys.value
-      .map((key) => {
-        const node = dataMap.value.get(key)
-        return node?.label
-      })
-      .filter(Boolean)
-      .join(separator!)
+    const leafNode = leafKey ? dataMap.value.get(leafKey) : undefined
 
     emit('update:modelValue', targetValue)
-    emit('change', targetValue, targetLabel, currentItem.value!)
+    emit('update:label', targetLabel)
+    emit('change', leafNode?.data as Record<string, any> | undefined)
   }
 
   /**
@@ -120,7 +129,6 @@ export function useSelect(options: SelectOptions): UseSelectReturned {
    */
   function selectItem(panelIndex: number, item: CascadeNode) {
     // 设置选中的节点
-    currentItem.value = item
     selectedNodeKeys.value[panelIndex] = item.value
     selectedNodeKeys.value.splice(panelIndex + 1)
     triggerRef(selectedNodeKeys)
@@ -138,11 +146,17 @@ export function useSelect(options: SelectOptions): UseSelectReturned {
   }
 
   function initSingleSelect() {
-    const { modelValue, separator } = props
+    const { modelValue, separator, showFullPath } = props
 
     if (modelValue && typeof modelValue === 'string') {
-      const nodes = modelValue.split(separator!)
-      selectedNodeKeys.value = nodes
+      let keys: string[]
+      if (showFullPath) {
+        keys = modelValue.split(separator!)
+      } else {
+        const leaf = dataMap.value.get(modelValue)
+        keys = leaf ? buildPathKeys(leaf) : [modelValue]
+      }
+      selectedNodeKeys.value = keys
       getPanelItemList(forest.value.roots)
     } else {
       selectedNodeKeys.value = []

package/src/components/check-tag/check-tag.vue

@@ -10,7 +10,7 @@ import { computed } from 'vue'
 
 import type { CheckTagEmits, CheckTagProps } from '../../types'
 
-defineOptions({ name: 'CheckTag' })
+defineOptions({ name: 'UCheckTag' })
 
 const cls = bem('check-tag')
 

package/src/components/checkbox/checkbox-button.vue

@@ -21,7 +21,7 @@ import { computed } from 'vue'
 import type { CheckboxButtonProps, CheckboxButtonEmits } from '../../types'
 import { UTag } from '../tag'
 
-defineOptions({ name: 'CheckboxButton' })
+defineOptions({ name: 'UCheckboxButton' })
 
 const props = withDefaults(defineProps<CheckboxButtonProps>(), {
   disabled: undefined,

package/src/components/checkbox/checkbox.vue

@@ -25,7 +25,7 @@ import { computed } from 'vue'
 
 import type { CheckboxProps, CheckboxEmits } from '../../types'
 
-defineOptions({ name: 'Checkbox' })
+defineOptions({ name: 'UCheckbox' })
 const props = withDefaults(defineProps<CheckboxProps>(), {
   disabled: undefined,
   readonly: undefined

package/src/components/checkbox-group/checkbox-group.vue

@@ -34,7 +34,7 @@ import type { CheckboxGroupProps, CheckboxGroupEmits } from '../../types'
 import { UCheckbox } from '../checkbox'
 import { UTag } from '../tag'
 
-defineOptions({ name: 'CheckboxGroup' })
+defineOptions({ name: 'UCheckboxGroup' })
 
 const props = withDefaults(defineProps<CheckboxGroupProps>(), {
   labelKey: 'label',

package/src/components/code-editor/basic-setup.ts

@@ -0,0 +1,63 @@
+import {
+  closeBrackets,
+  autocompletion,
+  closeBracketsKeymap,
+  completionKeymap
+} from '@codemirror/autocomplete'
+import { history, defaultKeymap, historyKeymap } from '@codemirror/commands'
+import {
+  foldGutter,
+  indentOnInput,
+  syntaxHighlighting,
+  defaultHighlightStyle,
+  bracketMatching,
+  foldKeymap
+} from '@codemirror/language'
+import { lintKeymap } from '@codemirror/lint'
+import { highlightSelectionMatches, searchKeymap } from '@codemirror/search'
+import { EditorState, type Extension } from '@codemirror/state'
+import {
+  lineNumbers,
+  highlightActiveLineGutter,
+  highlightSpecialChars,
+  drawSelection,
+  dropCursor,
+  rectangularSelection,
+  crosshairCursor,
+  highlightActiveLine,
+  keymap,
+  type KeyBinding
+} from '@codemirror/view'
+
+/**
+ * 等价于 codemirror 包的 basicSetup，按官方建议内联以便统一依赖来源。
+ * @see https://codemirror.net/docs/ref/#codemirror.basicSetup
+ */
+export const basicSetup: Extension = (() => [
+  lineNumbers(),
+  highlightActiveLineGutter(),
+  highlightSpecialChars(),
+  history(),
+  foldGutter(),
+  drawSelection(),
+  dropCursor(),
+  EditorState.allowMultipleSelections.of(true),
+  indentOnInput(),
+  syntaxHighlighting(defaultHighlightStyle, { fallback: true }),
+  bracketMatching(),
+  closeBrackets(),
+  autocompletion(),
+  rectangularSelection(),
+  crosshairCursor(),
+  highlightActiveLine(),
+  highlightSelectionMatches(),
+  keymap.of([
+    ...closeBracketsKeymap,
+    ...defaultKeymap,
+    ...searchKeymap,
+    ...historyKeymap,
+    ...foldKeymap,
+    ...completionKeymap,
+    ...lintKeymap
+  ] as readonly KeyBinding[])
+])()

package/src/components/code-editor/code-editor.vue

@@ -7,11 +7,10 @@
 <script lang="ts" setup>
 import { Compartment, EditorState, type Extension } from '@codemirror/state'
 import { oneDark } from '@codemirror/theme-one-dark'
-import { ViewPlugin, tooltips, type ViewUpdate } from '@codemirror/view'
+import { EditorView, ViewPlugin, tooltips, type ViewUpdate } from '@codemirror/view'
 import { useFormFallbackProps } from '@veltra/compositions'
 import { bem, zIndex } from '@veltra/utils'
 import { injectFormContext } from '@veltra/utils'
-import { EditorView, basicSetup } from 'codemirror'
 import {
   computed,
   onBeforeUnmount,
@@ -23,8 +22,9 @@ import {
 
 import type { CodeEditorLang, CodeEditorProps } from '../../types'
 import { UScroll } from '../scroll'
+import { basicSetup } from './basic-setup'
 
-defineOptions({ name: 'CodeEditor' })
+defineOptions({ name: 'UCodeEditor' })
 
 const props = withDefaults(defineProps<CodeEditorProps>(), {
   disabled: undefined,

package/src/components/collapse/collapse-item.vue

@@ -37,7 +37,7 @@ import type { CollapseItemProps } from '../../types'
 import { UIcon } from '../icon'
 import { CollapseDIKey } from './di'
 
-defineOptions({ name: 'CollapseItem' })
+defineOptions({ name: 'UCollapseItem' })
 
 const props = defineProps<CollapseItemProps>()
 

package/src/components/collapse/collapse.vue

@@ -12,7 +12,7 @@ import { computed, provide, ref } from 'vue'
 import type { CollapseEmits, CollapseModelValue, CollapseProps, CollapseValue } from '../../types'
 import { CollapseDIKey } from './di'
 
-defineOptions({ name: 'Collapse' })
+defineOptions({ name: 'UCollapse' })
 
 const props = withDefaults(defineProps<CollapseProps>(), {
   accordion: false,

package/src/components/condition-editor/components/condition-group.vue

@@ -86,7 +86,7 @@ import { UIcon } from '../../icon'
 import { createEmptyGroup, createEmptyLeaf } from '../core/evaluator'
 import ConditionRow, { type MentionPayload } from './condition-row.vue'
 
-defineOptions({ name: 'ConditionGroup' })
+defineOptions({ name: 'UConditionGroup' })
 
 const props = withDefaults(
   defineProps<{

package/src/components/condition-editor/components/condition-row.vue

@@ -114,7 +114,7 @@ import { UIcon } from '../../icon'
 import { USelect } from '../../select'
 import { getOperatorsByFieldType, type OperatorDef } from '../core/operators'
 
-defineOptions({ name: 'ConditionRow' })
+defineOptions({ name: 'UConditionRow' })
 
 export interface MentionPayload {
   triggerDom: HTMLElement

package/src/components/condition-editor/condition-editor.vue

@@ -35,7 +35,7 @@ import ConditionGroup from './components/condition-group.vue'
 import type { MentionPayload } from './components/condition-row.vue'
 import { createEmptyGroup } from './core/evaluator'
 
-defineOptions({ name: 'ConditionEditor' })
+defineOptions({ name: 'UConditionEditor' })
 
 const props = withDefaults(defineProps<ConditionEditorProps>(), { fields: () => [] })
 

package/src/components/contextmenu/contextmenu-item.vue

@@ -33,7 +33,7 @@ import { UIcon } from '../icon'
 import { ContextmenuPanelDIKey, ContextmenuRootDIKey } from './di'
 import { getMenuDisabled } from './helper'
 
-defineOptions({ name: 'ContextmenuItem' })
+defineOptions({ name: 'UContextmenuItem' })
 
 const { menu } = defineProps<{ menu: ContextmenuItem }>()
 

package/src/components/contextmenu/contextmenu-panel.vue

@@ -15,7 +15,7 @@ import UContextmenuItem from './contextmenu-item.vue'
 import UContextmenuSub from './contextmenu-sub.vue'
 import { ContextmenuPanelDIKey, ContextmenuRootDIKey } from './di'
 
-defineOptions({ name: 'ContextmenuPanel', inheritAttrs: false })
+defineOptions({ name: 'UContextmenuPanel', inheritAttrs: false })
 
 const { menus } = defineProps<{ menus: ContextmenuItem[] }>()
 

package/src/components/contextmenu/contextmenu-sub.vue

@@ -46,7 +46,7 @@ import UContextmenuPanel from './contextmenu-panel.vue'
 import { ContextmenuPanelDIKey, ContextmenuRootDIKey } from './di'
 import { getMenuDisabled } from './helper'
 
-defineOptions({ name: 'ContextmenuSub' })
+defineOptions({ name: 'UContextmenuSub' })
 
 const { menu } = defineProps<{ menu: ContextmenuItem }>()