@veltra/desktop 1.2.4 → 1.2.6

package/src/components/{menu/menu-sub-collapsed.vue → nav/nav-sub-collapsed.vue}

@@ -8,13 +8,13 @@
     v-model:visible="visible"
   >
     <li :class="[collapsedCls.e('sub-content'), bem.is('first-level', depth === 0)]">
-      <MenuIcon v-if="menu.icon" :icon="menu.icon" :class="collapsedCls.e('icon')" />
+      <NavIcon v-if="item.icon" :icon="item.icon" :class="collapsedCls.e('icon')" />
 
-      <span v-else>{{ menu.title[0] }}</span>
+      <span v-else>{{ item.title[0] }}</span>
 
       <template v-if="depth !== 0">
         <span :class="collapsedCls.e('sub-title')">
-          {{ menu.title }}
+          {{ item.title }}
         </span>
 
         <!-- 展开图标 -->
@@ -26,17 +26,17 @@
 
     <template #content>
       <u-scroll tag="ul" :class="collapsedCls.e('sub-list')">
-        <template v-for="(child, index) of menu.children!" :key="getKey(index, parentKey)">
-          <UMenuItemCollapsed
+        <template v-for="(child, index) of item.children!" :key="getKey(index, parentKey)">
+          <UNavItemCollapsed
             v-if="!child.children?.length"
-            :menu="child"
+            :item="child"
             :depth="depth + 1"
             @click="closeSubMenu"
           />
 
-          <MenuSubCollapsed
+          <NavSubCollapsed
             v-else
-            :menu="child"
+            :item="child"
             :parent-key="getKey(index, parentKey)"
             :depth="depth + 1"
           />
@@ -51,18 +51,18 @@ import { ArrowRight } from '@veltra/icons/normal'
 import { bem } from '@veltra/utils'
 import { inject, ref } from 'vue'
 
-import type { MenuItem } from '../../types'
+import type { NavItem } from '../../types'
 import { UIcon } from '../icon'
 import { UScroll } from '../scroll'
 import { UTip } from '../tip'
-import { MenuDIKey } from './di'
+import { NavDIKey } from './di'
 import { getKey } from './helper'
-import MenuIcon from './menu-icon.vue'
-import UMenuItemCollapsed from './menu-item-collapsed.vue'
+import NavIcon from './nav-icon.vue'
+import UNavItemCollapsed from './nav-item-collapsed.vue'
 
-defineOptions({ name: 'MenuSubCollapsed' })
+defineOptions({ name: 'NavSubCollapsed' })
 
-defineProps<{ menu: MenuItem; parentKey: string; depth: number }>()
+defineProps<{ item: NavItem; parentKey: string; depth: number }>()
 
 const visible = ref(false)
 
@@ -70,5 +70,5 @@ function closeSubMenu() {
   visible.value = false
 }
 
-const { collapsedCls, size } = inject(MenuDIKey)!
+const { collapsedCls, size } = inject(NavDIKey)!
 </script>

package/src/components/{menu/menu-sub.vue → nav/nav-sub.vue}

@@ -1,5 +1,5 @@
 <template>
-  <li :class="[cls.e('sub'), bem.is('expanded', expanded)]">
+  <li :class="cls.e('sub')">
     <div
       :class="[
         cls.e('sub-content'),
@@ -9,11 +9,11 @@
       ]"
       @click="handleToggleExpand"
     >
-      <UMenuIcon v-if="menu.icon" :icon="menu.icon" :class="cls.e('icon')" />
+      <UNavIcon v-if="item.icon" :icon="item.icon" :class="cls.e('icon')" />
 
       <!-- 文本 -->
       <span :class="cls.e('sub-title')">
-        {{ menu.title }}
+        {{ item.title }}
       </span>
 
       <!-- 展开图标 -->
@@ -31,9 +31,9 @@
       @after-leave="(el: Element) => expandTransition.afterLeave(el as HTMLElement)"
     >
       <ul :class="cls.e('sub-list')" v-show="expanded">
-        <template v-for="(child, index) of menu.children!" :key="getKey(index, parentKey)">
-          <UMenuItem v-if="!child.children?.length" :menu="child" :depth="depth + 1" />
-          <MenuSub v-else :menu="child" :parent-key="getKey(index, parentKey)" :depth="depth + 1" />
+        <template v-for="(child, index) of item.children!" :key="getKey(index, parentKey)">
+          <UNavItem v-if="!child.children?.length" :item="child" :depth="depth + 1" />
+          <NavSub v-else :item="child" :parent-key="getKey(index, parentKey)" :depth="depth + 1" />
         </template>
       </ul>
     </transition>
@@ -45,34 +45,34 @@ import { ArrowRight } from '@veltra/icons/normal'
 import { bem } from '@veltra/utils'
 import { computed, inject } from 'vue'
 
-import type { MenuItem } from '../../types'
+import type { NavItem } from '../../types'
 import { UIcon } from '../icon'
-import { MenuDIKey } from './di'
+import { NavDIKey } from './di'
 import { getKey } from './helper'
-import UMenuIcon from './menu-icon.vue'
-import UMenuItem from './menu-item.vue'
+import UNavIcon from './nav-icon.vue'
+import UNavItem from './nav-item.vue'
 
-defineOptions({ name: 'MenuSub' })
+defineOptions({ name: 'NavSub' })
 
-const props = defineProps<{ menu: MenuItem; parentKey: string; depth: number }>()
+const props = defineProps<{ item: NavItem; parentKey: string; depth: number }>()
 
-const { cls, expandedPath, menuProps, expandTransition } = inject(MenuDIKey)!
+const { cls, expandedPath, navProps, expandTransition } = inject(NavDIKey)!
 
-const expanded = computed(() => expandedPath.has(props.menu.path))
+const expanded = computed(() => expandedPath.has(props.item.path))
 
 const branchActive = computed(() => {
-  const currentPath = menuProps.currentPath
+  const currentPath = navProps.currentPath
   if (!currentPath) return false
 
-  const check = (items?: MenuItem[]) => {
+  const check = (items?: NavItem[]) => {
     return items?.some((item) => item.path === currentPath || check(item.children)) ?? false
   }
 
-  return check(props.menu.children)
+  return check(props.item.children)
 })
 
 function handleToggleExpand() {
-  const { menu } = props
-  expandedPath.has(menu.path) ? expandedPath.delete(menu.path) : expandedPath.add(menu.path)
+  const { item } = props
+  expandedPath.has(item.path) ? expandedPath.delete(item.path) : expandedPath.add(item.path)
 }
 </script>

package/src/components/{menu/menu.vue → nav/nav.vue}

@@ -1,32 +1,23 @@
 <template>
-  <u-scroll
-    tag="ul"
-    :class="[menuCls.b, menuCls.m(size)]"
-    :container-class="menuCls.e('container')"
-  >
+  <u-scroll tag="ul" :class="[navCls.b, navCls.m(size)]" :container-class="navCls.e('container')">
     <!-- 常规 -->
     <template v-if="!collapsed">
-      <template v-for="(menu, index) of menus" :key="index">
-        <UMenuSub
-          v-if="menu.children?.length"
-          :menu="menu"
-          :parent-key="String(index)"
-          :depth="0"
-        />
-        <UMenuItem v-else :menu="menu" :key="index" :depth="0" />
+      <template v-for="(item, index) of menus" :key="index">
+        <UNavSub v-if="item.children?.length" :item="item" :parent-key="String(index)" :depth="0" />
+        <UNavItem v-else :item="item" :key="index" :depth="0" />
       </template>
     </template>
 
     <!-- 折叠 -->
     <template v-else>
-      <template v-for="(menu, index) of menus" :key="index">
-        <UMenuSubCollapsed
-          v-if="menu.children?.length"
-          :menu="menu"
+      <template v-for="(item, index) of menus" :key="index">
+        <UNavSubCollapsed
+          v-if="item.children?.length"
+          :item="item"
           :parent-key="String(index)"
           :depth="0"
         />
-        <UMenuItemCollapsed v-else :menu="menu" :key="index" :depth="0" />
+        <UNavItemCollapsed v-else :item="item" :key="index" :depth="0" />
       </template>
     </template>
   </u-scroll>
@@ -35,32 +26,29 @@
 <script lang="ts" setup>
 import { useFallbackProps } from '@veltra/compositions'
 import { bem, ExpandTransition } from '@veltra/utils'
+import type { ComponentSize } from '@veltra/utils'
 import { computed, provide, shallowReactive, watch } from 'vue'
 
-import type { MenuEmits, MenuProps, ComponentSize } from '../../types'
+import type { NavEmits, NavProps } from '../../types/nav'
 import { UScroll } from '../scroll'
-import { MenuDIKey } from './di'
-import UMenuItemCollapsed from './menu-item-collapsed.vue'
-import UMenuItem from './menu-item.vue'
-import UMenuSubCollapsed from './menu-sub-collapsed.vue'
-import UMenuSub from './menu-sub.vue'
-import { walkMenuWithPath } from './walk-menu-path'
-
-defineOptions({ name: 'Menu' })
-
-const props = withDefaults(defineProps<MenuProps>(), {
-  expand: false,
-  activeIndex: '',
-  collapsed: false,
-  uniqueOpened: false
-})
+import { NavDIKey } from './di'
+import { collectNavBranchPaths } from './helper'
+import UNavItemCollapsed from './nav-item-collapsed.vue'
+import UNavItem from './nav-item.vue'
+import UNavSubCollapsed from './nav-sub-collapsed.vue'
+import UNavSub from './nav-sub.vue'
+import { walkNavWithPath } from './walk-nav-path'
+
+defineOptions({ name: 'Nav' })
 
-const emit = defineEmits<MenuEmits>()
+const props = withDefaults(defineProps<NavProps>(), { collapsed: false })
 
-const cls = bem('menu')
-const collapsedCls = bem('collapsed-menu')
+const emit = defineEmits<NavEmits>()
 
-const menuCls = computed(() => {
+const cls = bem('nav')
+const collapsedCls = bem('collapsed-nav')
+
+const navCls = computed(() => {
   return props.collapsed ? collapsedCls : cls
 })
 
@@ -81,7 +69,7 @@ watch(
   ([currentPath, menus]) => {
     if (!currentPath || !menus) return
     menus.forEach((menu) => {
-      walkMenuWithPath(menu, (node, nodePath) => {
+      walkNavWithPath(menu, (node, nodePath) => {
         if (node.path === currentPath) {
           nodePath.slice(0, -1).forEach((path) => {
             expandedPath.add(path.path)
@@ -94,13 +82,25 @@ watch(
   { immediate: true }
 )
 
-provide(MenuDIKey, {
+provide(NavDIKey, {
   cls,
   collapsedCls,
-  menuProps: props,
-  menuEmit: emit,
+  navProps: props,
+  navEmit: emit,
   expandedPath,
   size,
   expandTransition
 })
+
+function expandAll() {
+  collectNavBranchPaths(props.menus).forEach((path) => {
+    expandedPath.add(path)
+  })
+}
+
+function collapseAll() {
+  expandedPath.clear()
+}
+
+defineExpose({ expandAll, collapseAll })
 </script>

package/src/components/{menu → nav}/style.scss

@@ -3,12 +3,12 @@
 @use 'pkg:@veltra/styles/vars';
 
 // 方便拼接
-$root-name: menu;
-$collapsed-menu: collapsed-menu;
+$root-name: nav;
+$collapsed-nav: collapsed-nav;
 
-@include m.b($root-name, $collapsed-menu) {
+@include m.b($root-name, $collapsed-nav) {
   user-select: none;
-  color: var(--u-menu-color);
+  color: var(--u-nav-color);
 
   @include m.e(item, sub, sub-list) {
     list-style: none;
@@ -28,8 +28,8 @@ $collapsed-menu: collapsed-menu;
     @include m.flex;
 
     &:hover {
-      background-color: var(--u-menu-hover-bg);
-      color: var(--u-menu-hover-color);
+      background-color: var(--u-nav-hover-bg);
+      color: var(--u-nav-hover-color);
     }
 
     @include m.is(expanded, branch-active) {
@@ -38,8 +38,8 @@ $collapsed-menu: collapsed-menu;
 
     @include m.is(active) {
       position: relative;
-      background-color: var(--u-menu-active-bg);
-      color: var(--u-menu-active-color);
+      background-color: var(--u-nav-active-bg);
+      color: var(--u-nav-active-color);
 
       &::before {
         content: '';
@@ -55,7 +55,9 @@ $collapsed-menu: collapsed-menu;
         pointer-events: none;
       }
     }
+  }
 
+  @include m.e(item) {
     @include m.is(disabled) {
       opacity: 0.55;
       cursor: not-allowed;
@@ -84,7 +86,7 @@ $collapsed-menu: collapsed-menu;
 
     #{$b}__item,
     #{$b}__sub-content {
-      min-height: var(--u-menu-height-#{$size});
+      min-height: var(--u-nav-height-#{$size});
       border-radius: calc(fn.use-var(radius, $size) + 4px);
     }
 
@@ -104,10 +106,10 @@ $collapsed-menu: collapsed-menu;
 @include m.b($root-name) {
   margin: 0;
   padding: 0;
-  background-color: var(--u-menu-bg-color);
+  background-color: var(--u-nav-bg-color);
   backdrop-filter: fn.use-var(bg-filter);
   -webkit-backdrop-filter: fn.use-var(bg-filter);
-  background-image: var(--u-menu-bg-image);
+  background-image: var(--u-nav-bg-image);
   background-size: cover;
   background-repeat: no-repeat;
   border: 1px solid fn.use-var(border, color);
@@ -170,7 +172,7 @@ $collapsed-menu: collapsed-menu;
   }
 }
 
-@include m.b($collapsed-menu) {
+@include m.b($collapsed-nav) {
   margin: 0;
   padding: 0;
 
@@ -184,7 +186,7 @@ $collapsed-menu: collapsed-menu;
     @include m.is(first-level) {
       justify-content: center;
 
-      @include m.bem($collapsed-menu, icon) {
+      @include m.bem($collapsed-nav, icon) {
         margin-right: 0;
       }
     }
@@ -212,7 +214,7 @@ $collapsed-menu: collapsed-menu;
   @include m.e(panel) {
     min-width: 240px;
     padding: 8px !important;
-    background-color: var(--u-menu-bg-color);
+    background-color: var(--u-nav-bg-color);
     backdrop-filter: fn.use-var(bg-filter);
     -webkit-backdrop-filter: fn.use-var(bg-filter);
     border: 1px solid fn.use-var(border, color);

package/src/components/{menu/use-menu-item.ts → nav/use-nav-item.ts}

@@ -1,28 +1,28 @@
 import { scrollIntoContainerView, type BEM } from '@veltra/utils'
 import { computed, inject, watch, type ShallowRef, type ComputedRef } from 'vue'
 
-import type { MenuItem } from '../../types'
-import { MenuDIKey } from './di'
+import type { NavItem } from '../../types'
+import { NavDIKey } from './di'
 
 interface Options {
-  itemProps: { menu: MenuItem; depth: number }
+  itemProps: { item: NavItem; depth: number }
   itemRef: ShallowRef<HTMLElement | null>
 }
 
-interface UseMenuItemReturned {
-  cls: BEM<'menu'>
-  collapsedCls: BEM<'collapsed-menu'>
+interface UseNavItemReturned {
+  cls: BEM<'nav'>
+  collapsedCls: BEM<'collapsed-nav'>
 
   active: ComputedRef<boolean>
-  handleClickMenu: () => void
+  handleClickItem: () => void
 }
 
-export function useMenuItem(options: Options): UseMenuItemReturned {
+export function useNavItem(options: Options): UseNavItemReturned {
   const { itemProps, itemRef } = options
-  const { cls, collapsedCls, menuProps, menuEmit } = inject(MenuDIKey)!
+  const { cls, collapsedCls, navProps, navEmit } = inject(NavDIKey)!
 
   const active = computed(() => {
-    return menuProps.currentPath === itemProps.menu.path
+    return navProps.currentPath === itemProps.item.path
   })
 
   let changedByClick = false
@@ -35,10 +35,10 @@ export function useMenuItem(options: Options): UseMenuItemReturned {
     scrollIntoContainerView(itemEl, null)
   })
 
-  function handleClickMenu() {
-    if (itemProps.menu.disabled) return
+  function handleClickItem() {
+    if (itemProps.item.disabled) return
     changedByClick = true
-    menuEmit('item-click', itemProps.menu)
+    navEmit('item-click', itemProps.item)
   }
 
   return {
@@ -46,6 +46,6 @@ export function useMenuItem(options: Options): UseMenuItemReturned {
     collapsedCls,
 
     active,
-    handleClickMenu
+    handleClickItem
   }
 }

package/src/components/{menu/walk-menu-path.ts → nav/walk-nav-path.ts}

@@ -2,7 +2,7 @@
  * 深度优先 + 路径；回调返回 `false` 时剪枝当前节点子树（不中断兄弟）。
  * `@cat-kit/core` 的 `dfs` 在返回 `true` 时会终止整段遍历，语义不同，故保留此辅助。
  */
-export function walkMenuWithPath<T extends Record<string, unknown>>(
+export function walkNavWithPath<T extends Record<string, unknown>>(
   data: T,
   cb: (node: T, path: T[]) => void | false,
   childrenKey = 'children',
@@ -13,6 +13,6 @@ export function walkMenuWithPath<T extends Record<string, unknown>>(
   const raw = data[childrenKey]
   if (!Array.isArray(raw)) return
   for (let i = 0; i < raw.length; i++) {
-    walkMenuWithPath(raw[i] as T, cb, childrenKey, path)
+    walkNavWithPath(raw[i] as T, cb, childrenKey, path)
   }
 }

package/src/components/select/style.scss

@@ -68,14 +68,14 @@ $root-name: select;
     @include m.ellipsis;
 
     &:hover {
-      background-color: var(--u-menu-hover-bg);
-      color: var(--u-menu-hover-color);
+      background-color: var(--u-nav-hover-bg);
+      color: var(--u-nav-hover-color);
     }
 
     @include m.is(selected) {
       position: relative;
-      background-color: var(--u-menu-active-bg);
-      color: var(--u-menu-active-color);
+      background-color: var(--u-nav-active-bg);
+      color: var(--u-nav-active-color);
       font-weight: 600;
 
       &::before {

package/src/style.ts

@@ -37,7 +37,8 @@ import './components/input/style'
 import './components/layout/style'
 import './components/list/style'
 import './components/loading/style'
-import './components/menu/style'
+import './components/dual-nav/style'
+import './components/nav/style'
 import './components/message-confirm/style'
 import './components/message/style'
 import './components/multi-select/style'

package/src/types/auto-complete.ts

@@ -9,6 +9,8 @@ export interface AutoCompleteProps extends FormComponentProps {
   suggestions?: string[] | (() => Promise<string[]> | string[])
   /** 是否可清空 */
   clearable?: boolean
+  /** 是否允许输入不在建议列表中的自定义值 */
+  allowCustom?: boolean
 }
 
 /** 自动补全组件组件定义的事件 */
@@ -18,7 +20,10 @@ export interface AutoCompleteEmits {
 }
 
 /** 自动补全组件组件暴露的属性和方法(组件内部使用) */
-export interface _AutoCompleteExposed {}
+export interface _AutoCompleteExposed {
+  open: () => void
+  close: () => void
+}
 
 /** 自动补全组件组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
 export type AutoCompleteExposed = DeconstructValue<_AutoCompleteExposed>

package/src/types/batch-edit.ts

@@ -18,6 +18,9 @@ export interface BatchEditColumn extends TableColumn {
 
 export type BatchEditFeature = 'create' | 'update' | 'copy' | 'delete' | 'view' | 'createChild'
 
+/** 批量编辑模式 */
+export type BatchEditMode = 'normal' | 'quick'
+
 /** 批量编辑组件属性 */
 export interface BatchEditProps extends TableProps {
   /**
@@ -33,13 +36,27 @@ export interface BatchEditProps extends TableProps {
   cols?: string | [string, string]
   /** 只读模式 */
   readonly?: boolean
+  /**
+   * 编辑模式
+   * @default 'normal'
+   * @description `quick` 模式下编辑行时表单直接绑定 `row.data` 实时更新，且不调用 `saveMethod`
+   */
+  mode?: BatchEditMode
+  /**
+   * 新增前的钩子
+   * @description 仅作用于 create 类操作。`normal` 模式在保存时调用；`quick` 模式在点击新增类按钮时立即调用。可直接修改传入的 draft 对象
+   */
+  beforeCreate?: (
+    data: Record<string, any>,
+    parentData?: Record<string, any>
+  ) => void | Promise<void>
   /** label的宽度 */
   labelWidth?: string | number
   /** 删除方法 */
   deleteMethod?: (data: Record<string, any>[]) => any
   /**
    * 保存方法
-   * @description 这个方法旨在快编时生效
+   * @description 仅在 `normal` 模式下、保存时调用（create / update）
    * @returns 如果返回一个值，那么这个值会被插入，否则插入的为表单值
    */
   saveMethod?: (

package/src/types/dual-nav.ts

@@ -0,0 +1,28 @@
+import type { DeconstructValue } from '@veltra/utils'
+
+import type { NavItem } from './nav'
+
+/** 双栏导航根级应用项；`description` 在左轨 tooltip 与右栏顶部展示 */
+export interface DualNavRootItem extends NavItem {
+  /** 子导航 */
+  children?: NavItem[]
+}
+
+/** 双栏导航组件属性 */
+export interface DualNavProps {
+  /** 当前路径 */
+  currentPath?: string
+  /** 根级应用导航列表 */
+  menus?: DualNavRootItem[]
+}
+
+/** 双栏导航组件定义的事件 */
+export interface DualNavEmits {
+  (e: 'item-click', item: NavItem): void
+}
+
+/** 双栏导航组件暴露的属性和方法(组件内部使用) */
+export interface _DualNavExposed {}
+
+/** 双栏导航组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type DualNavExposed = DeconstructValue<_DualNavExposed>

package/src/types/index.ts

@@ -47,7 +47,8 @@ export * from './text'
 export * from './checkbox-group'
 export * from './table-editor'
 export * from './table'
-export * from './menu'
+export * from './nav'
+export * from './dual-nav'
 export * from './password-input'
 export * from './date-picker'
 export * from './dropdown'

package/src/types/loading.ts

@@ -1,6 +1,6 @@
 import type { DeconstructValue } from '@veltra/utils'
 
-export type LoadingType = 'classic' | 'line' | 'dot' | 'spinner' | 'morph'
+export type LoadingType = 'dual-ring' | 'dot' | 'ring' | 'bars'
 
 /** loading组件属性 */
 export interface LoadingProps {

package/src/types/nav.ts

@@ -0,0 +1,49 @@
+import type { DeconstructValue } from '@veltra/utils'
+import type { DefineComponent } from 'vue'
+
+/** 导航项 */
+export interface NavItem {
+  /** 图标 */
+  icon?: string | DefineComponent
+  /** 导航标题 */
+  title: string
+  /** 导航路径 */
+  path: string
+  /**
+   * 应用描述；仅根级导航项有效，在 UDualNav 左轨 tooltip 与右栏顶部展示
+   * @see DualNavRootItem
+   */
+  description?: string
+  /** 是否禁用 */
+  disabled?: boolean
+  /** 子导航 */
+  children?: NavItem[]
+
+  [key: string]: any
+}
+
+/** 导航组件属性 */
+export interface NavProps {
+  /** 当前路径 */
+  currentPath?: string
+  /** 是否折叠 */
+  collapsed?: boolean
+  /** 导航列表 */
+  menus?: NavItem[]
+}
+
+/** 导航组件定义的事件 */
+export interface NavEmits {
+  (e: 'item-click', item: NavItem): void
+}
+
+/** 导航组件暴露的属性和方法(组件内部使用) */
+export interface _NavExposed {
+  /** 展开所有含子级的导航项 */
+  expandAll: () => void
+  /** 折叠所有导航项 */
+  collapseAll: () => void
+}
+
+/** 导航组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type NavExposed = DeconstructValue<_NavExposed>

package/dist/components/menu/di.js

@@ -1,7 +0,0 @@
-import "@veltra/utils";
-//#region src/components/menu/di.ts
-const MenuDIKey = Symbol("MenuDIKey");
-//#endregion
-export { MenuDIKey };
-
-//# sourceMappingURL=di.js.map

package/dist/components/menu/di.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/menu/di.ts"],"sourcesContent":["import { type BEM, ExpandTransition } from '@veltra/utils'\nimport type { ComputedRef, InjectionKey } from 'vue'\n\nimport type { MenuProps, MenuEmits } from '../../types'\nimport type { ComponentSize } from '../../types'\n\nexport interface MenuContext {\n  cls: BEM<'menu', 'u-'>\n  collapsedCls: BEM<'collapsed-menu', 'u-'>\n  menuProps: MenuProps\n  menuEmit: MenuEmits\n  expandedPath: Set<string>\n  size: ComputedRef<ComponentSize>\n  expandTransition: ExpandTransition\n}\n\nexport const MenuDIKey: InjectionKey<MenuContext> = Symbol('MenuDIKey')\n"],"mappings":";;AAgBA,MAAa,YAAuC,OAAO,WAAW"}