@veltra/desktop 1.2.3 → 1.2.5

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/components/table/use-columns.ts

@@ -134,26 +134,29 @@ export function useColumns(options: Options): ColumnConfig {
       }
 
       const sortedColumns = [...fixedOnLeft, ...unfixed, ...fixedOnRight]
-      // 操作时避免改变原数据
-      const firstColumn = { ...sortedColumns[0] } as TableColumn
-      sortedColumns[0] = firstColumn
-
-      // 树形表格需要给第一列添加展开按钮
-      // 因此要重新设置第一列的宽度和对齐方式
-      if ((!!tree || expandable) && firstColumn) {
-        firstColumn.align = 'left'
-        firstColumn.width = firstColumn.width ? firstColumn.width + 60 : undefined
-
-        const oldNameRender = firstColumn.nameRender
-
-        firstColumn.nameRender = oldNameRender
-          ? (ctx) => {
-              const oldNodes = oldNameRender!(ctx)
-              return [renderExpandAll(), ...(Array.isArray(oldNodes) ? oldNodes : [oldNodes])]
-            }
-          : () => {
-              return [renderExpandAll(), firstColumn.name]
-            }
+
+      if (sortedColumns.length > 0) {
+        // 操作时避免改变原数据
+        const firstColumn = { ...sortedColumns[0] } as TableColumn
+        sortedColumns[0] = firstColumn
+
+        // 树形表格需要给第一列添加展开按钮
+        // 因此要重新设置第一列的宽度和对齐方式
+        if (tree || expandable) {
+          firstColumn.align = 'left'
+          firstColumn.width = firstColumn.width ? firstColumn.width + 60 : undefined
+
+          const oldNameRender = firstColumn.nameRender
+
+          firstColumn.nameRender = oldNameRender
+            ? (ctx) => {
+                const oldNodes = oldNameRender!(ctx)
+                return [renderExpandAll(), ...(Array.isArray(oldNodes) ? oldNodes : [oldNodes])]
+              }
+            : () => {
+                return [renderExpandAll(), firstColumn.name]
+              }
+        }
       }
 
       const result = new Forest<TableColumn, any>({

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` 仅在此层级生效，且仅在双栏导航右栏展示 */
+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/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 右栏顶部展示
+   * @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"}

package/dist/components/menu/helper.js

@@ -1,8 +0,0 @@
-//#region src/components/menu/helper.ts
-function getKey(index, parentKey) {
-	return `${parentKey}-${index}`;
-}
-//#endregion
-export { getKey };
-
-//# sourceMappingURL=helper.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"helper.js","names":[],"sources":["../../../src/components/menu/helper.ts"],"sourcesContent":["export function getKey(index: number, parentKey: string): string {\n  return `${parentKey}-${index}`\n}\n"],"mappings":";AAAA,SAAgB,OAAO,OAAe,WAA2B;CAC/D,OAAO,GAAG,UAAU,GAAG;AACzB"}

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

@@ -1,3 +0,0 @@
-import { _default } from "./menu.vue.js";
-import { _default as _default$1 } from "./menu-sub.vue.js";
-import { _default as _default$2 } from "./menu-item.vue.js";

package/dist/components/menu/menu-icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-icon.js","names":[],"sources":["../../../src/components/menu/menu-icon.vue"],"sourcesContent":["<template>\n  <u-icon v-if=\"typeof icon !== 'string'\">\n    <component :is=\"icon\" />\n  </u-icon>\n\n  <img :src=\"icon\" v-else alt=\"icon\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport type { DefineComponent } from 'vue'\n\nimport { UIcon } from '../icon'\n\ndefineOptions({ name: 'MenuIcon' })\n\ndefineProps<{ icon: string | DefineComponent }>()\n</script>\n"],"mappings":";;;;;;;;;;iBACuB,QAAA,SAAI,YAAA,UAAA,GAAzB,YAES,MAAA,WAAA,GAAA,EAAA,KAAA,EAAA,GAAA;2BADiB,EAAA,UAAA,GAAxB,YAAwB,wBAAR,QAAA,IAAI,CAAA,EAAA,CAAA;;uBAGtB,mBAAqC,OAAA;;IAA/B,KAAK,QAAA;IAAa,KAAI"}

package/dist/components/menu/menu-item-collapsed.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item-collapsed.js","names":[],"sources":["../../../src/components/menu/menu-item-collapsed.vue"],"sourcesContent":["<template>\n  <!-- 一级菜单 -->\n  <u-tip v-if=\"depth === 0\" direction=\"right\" hide-arrow>\n    <li\n      :class=\"[\n        collapsedCls.e('item'),\n        bem.is('active', active),\n        bem.is('first-level'),\n        bem.is('disabled', menu.disabled ?? false)\n      ]\"\n      ref=\"item\"\n      @click=\"handleClickMenu\"\n    >\n      <UMenuIcon v-if=\"menu.icon\" :icon=\"menu.icon\" :class=\"collapsedCls.e('icon')\" />\n      <span v-else>{{ menu.title[0] }}</span>\n    </li>\n\n    <template #content>\n      {{ menu.title }}\n    </template>\n  </u-tip>\n\n  <!-- 二级以及二级以下菜单 -->\n  <li\n    v-else\n    :class=\"[\n      collapsedCls.e('item'),\n      bem.is('active', active),\n      bem.is('disabled', menu.disabled ?? false)\n    ]\"\n    ref=\"item\"\n    @click=\"_handleClickMenu\"\n  >\n    <UMenuIcon v-if=\"menu.icon\" :icon=\"menu.icon\" :class=\"collapsedCls.e('icon')\" />\n\n    <!-- 文本 -->\n    <span :class=\"collapsedCls.e('item-title')\">\n      {{ menu.title }}\n    </span>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport { bem } from '@veltra/utils'\nimport { useTemplateRef } from 'vue'\n\nimport type { MenuItem } from '../../types'\nimport { UTip } from '../tip'\nimport UMenuIcon from './menu-icon.vue'\nimport { useMenuItem } from './use-menu-item'\n\ndefineOptions({ name: 'MenuItemCollapsed' })\n\nconst props = defineProps<{ menu: MenuItem; depth: number }>()\n\nconst itemRef = useTemplateRef('item')\n\nconst emit = defineEmits(['click'])\n\nconst { collapsedCls, active, handleClickMenu } = useMenuItem({ itemProps: props, itemRef })\n\nfunction _handleClickMenu() {\n  handleClickMenu()\n  emit('click')\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;EAqDA,MAAM,QAAQ;EAEd,MAAM,UAAU,eAAe,MAAM;EAErC,MAAM,OAAO;EAEb,MAAM,EAAE,cAAc,QAAQ,oBAAoB,YAAY;GAAE,WAAW;GAAO;EAAQ,CAAC;EAE3F,SAAS,mBAAmB;GAC1B,gBAAgB;GAChB,KAAK,OAAO;EACd;;2DA/DE,mBAAA,QAAA,GACa,QAAA,UAAK,KAAA,UAAA,GAAlB,YAkBQ,MAAA,WAAA,GAAA;;IAlBkB,WAAU;IAAQ,cAAA;;IAe/B,SAAO,cACA,CAAA,gBAAA,gBAAb,QAAA,KAAK,KAAK,GAAA,CAAA,CAAA,CAAA;2BAHV,CAZL,mBAYK,MAAA;KAXF,OAAK,eAAA;MAAY,MAAA,YAAA,EAAa,EAAC,MAAA;MAAkB,MAAA,GAAA,EAAI,GAAE,UAAW,MAAA,MAAA,CAAM;MAAW,MAAA,GAAA,EAAI,GAAE,aAAA;MAAyB,MAAA,GAAA,EAAI,GAAE,YAAa,QAAA,KAAK,YAAQ,KAAA;;KAMnJ,KAAI;KACH,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,MAAA,eAAA,KAAA,MAAA,eAAA,EAAA,GAAA,IAAA;QAES,QAAA,KAAK,QAAA,UAAA,GAAtB,YAAgF,aAAA;;KAAnD,MAAM,QAAA,KAAK;KAAO,OAAK,eAAE,MAAA,YAAA,EAAa,EAAC,MAAA,CAAA;oDACpE,mBAAuC,QAAA,YAAA,gBAAvB,QAAA,KAAK,MAAK,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,CAAA,CAAA;;uBAS9B,mBAgBK,UAAA,EAAA,KAAA,EAAA,GAAA,CAjBL,mBAAA,cAAA,GACA,mBAgBK,MAAA;IAdF,OAAK,eAAA;KAAU,MAAA,YAAA,EAAa,EAAC,MAAA;KAAgB,MAAA,GAAA,EAAI,GAAE,UAAW,MAAA,MAAA,CAAM;KAAS,MAAA,GAAA,EAAI,GAAE,YAAa,QAAA,KAAK,YAAQ,KAAA;;IAK9G,KAAI;IACH,SAAO;;IAES,QAAA,KAAK,QAAA,UAAA,GAAtB,YAAgF,aAAA;;KAAnD,MAAM,QAAA,KAAK;KAAO,OAAK,eAAE,MAAA,YAAA,EAAa,EAAC,MAAA,CAAA;;IAEpE,mBAAA,MAAA;IACA,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,YAAA,EAAa,EAAC,YAAA,CAAA,EAAA,GAAA,gBACvB,QAAA,KAAK,KAAK,GAAA,CAAA"}

package/dist/components/menu/menu-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item.js","names":[],"sources":["../../../src/components/menu/menu-item.vue"],"sourcesContent":["<template>\n  <li\n    :class=\"[\n      cls.e('item'),\n      bem.is('first-level', depth === 0),\n      bem.is('active', active),\n      bem.is('disabled', menu.disabled ?? false)\n    ]\"\n    ref=\"item\"\n    @click=\"handleClickMenu\"\n  >\n    <MenuIcon v-if=\"menu.icon\" :icon=\"menu.icon\" :class=\"cls.e('icon')\" />\n\n    <!-- 文本 -->\n    <span :class=\"cls.e('item-title')\">\n      {{ menu.title }}\n    </span>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport { bem } from '@veltra/utils'\nimport { useTemplateRef } from 'vue'\n\nimport type { MenuItem } from '../../types'\nimport MenuIcon from './menu-icon.vue'\nimport { useMenuItem } from './use-menu-item'\n\ndefineOptions({ name: 'MenuItem' })\n\nconst props = defineProps<{ menu: MenuItem; depth: number }>()\n\nconst itemRef = useTemplateRef('item')\n\nconst { cls, active, handleClickMenu } = useMenuItem({ itemProps: props, itemRef })\n</script>\n"],"mappings":";;;;;;;;;;;;;EAkCA,MAAM,EAAE,KAAK,QAAQ,oBAAoB,YAAY;GAAE,WAAW;GAAO,SAFzD,eAAe,MAE0C;EAAQ,CAAC;;uBAjChF,mBAgBK,MAAA;IAfF,OAAK,eAAA;KAAU,MAAA,GAAA,EAAI,EAAC,MAAA;KAAgB,MAAA,GAAA,EAAI,GAAE,eAAgB,QAAA,UAAK,CAAA;KAAe,MAAA,GAAA,EAAI,GAAE,UAAW,MAAA,MAAA,CAAM;KAAS,MAAA,GAAA,EAAI,GAAE,YAAa,QAAA,KAAK,YAAQ,KAAA;;IAM/I,KAAI;IACH,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,MAAA,eAAA,KAAA,MAAA,eAAA,EAAA,GAAA,IAAA;;IAEQ,QAAA,KAAK,QAAA,UAAA,GAArB,YAAsE,aAAA;;KAA1C,MAAM,QAAA,KAAK;KAAO,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,MAAA,CAAA;;IAE1D,mBAAA,MAAA;IACA,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,YAAA,CAAA,EAAA,GAAA,gBACd,QAAA,KAAK,KAAK,GAAA,CAAA"}

package/dist/components/menu/menu-sub-collapsed.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-sub-collapsed.js","names":[],"sources":["../../../src/components/menu/menu-sub-collapsed.vue"],"sourcesContent":["<template>\n  <u-tip\n    hide-arrow\n    direction=\"right\"\n    alignment=\"start\"\n    :class=\"[collapsedCls.m(size), collapsedCls.e('panel')]\"\n    style=\"padding: 0\"\n    v-model:visible=\"visible\"\n  >\n    <li :class=\"[collapsedCls.e('sub-content'), bem.is('first-level', depth === 0)]\">\n      <MenuIcon v-if=\"menu.icon\" :icon=\"menu.icon\" :class=\"collapsedCls.e('icon')\" />\n\n      <span v-else>{{ menu.title[0] }}</span>\n\n      <template v-if=\"depth !== 0\">\n        <span :class=\"collapsedCls.e('sub-title')\">\n          {{ menu.title }}\n        </span>\n\n        <!-- 展开图标 -->\n        <u-icon :class=\"[collapsedCls.e('sub-expand')]\">\n          <ArrowRight />\n        </u-icon>\n      </template>\n    </li>\n\n    <template #content>\n      <u-scroll tag=\"ul\" :class=\"collapsedCls.e('sub-list')\">\n        <template v-for=\"(child, index) of menu.children!\" :key=\"getKey(index, parentKey)\">\n          <UMenuItemCollapsed\n            v-if=\"!child.children?.length\"\n            :menu=\"child\"\n            :depth=\"depth + 1\"\n            @click=\"closeSubMenu\"\n          />\n\n          <MenuSubCollapsed\n            v-else\n            :menu=\"child\"\n            :parent-key=\"getKey(index, parentKey)\"\n            :depth=\"depth + 1\"\n          />\n        </template>\n      </u-scroll>\n    </template>\n  </u-tip>\n</template>\n\n<script setup lang=\"ts\">\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { inject, ref } from 'vue'\n\nimport type { MenuItem } from '../../types'\nimport { UIcon } from '../icon'\nimport { UScroll } from '../scroll'\nimport { UTip } from '../tip'\nimport { MenuDIKey } from './di'\nimport { getKey } from './helper'\nimport MenuIcon from './menu-icon.vue'\nimport UMenuItemCollapsed from './menu-item-collapsed.vue'\n\ndefineOptions({ name: 'MenuSubCollapsed' })\n\ndefineProps<{ menu: MenuItem; parentKey: string; depth: number }>()\n\nconst visible = ref(false)\n\nfunction closeSubMenu() {\n  visible.value = false\n}\n\nconst { collapsedCls, size } = inject(MenuDIKey)!\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAkEA,MAAM,UAAU,IAAI,KAAK;EAEzB,SAAS,eAAe;GACtB,QAAQ,QAAQ;EAClB;EAEA,MAAM,EAAE,cAAc,SAAS,OAAO,SAAS;;;uBAvE7C,YA4CQ,MAAA,WAAA,GAAA;IA3CN,cAAA;IACA,WAAU;IACV,WAAU;IACT,OAAK,eAAA,CAAG,MAAA,YAAA,EAAa,EAAE,MAAA,IAAA,CAAI,GAAG,MAAA,YAAA,EAAa,EAAC,OAAA,CAAA,CAAA;IAC7C,OAAA,EAAA,WAAA,IAAA;IACQ,SAAS,QAAA;8DAAA,QAAO,QAAA;;IAmBb,SAAO,cAiBL,CAhBX,YAgBW,MAAA,WAAA,GAAA;KAhBD,KAAI;KAAM,OAAK,eAAE,MAAA,YAAA,EAAa,EAAC,UAAA,CAAA;;4BACW,EAAA,UAAA,IAAA,GAAlD,mBAcW,UAAA,MAAA,WAdwB,QAAA,KAAK,WAAtB,OAAO,UAAK;8DAA2B,MAAA,MAAA,EAAO,OAAO,QAAA,SAAS,EAAA,GAAA,CAAA,CAErE,MAAM,UAAU,UAAA,UAAA,GADzB,YAKE,aAAA;;OAHC,MAAM;OACN,OAAO,QAAA,QAAK;OACZ,SAAO;sDAGV,YAKE,6BAAA;;OAHC,MAAM;OACN,cAAY,MAAA,MAAA,EAAO,OAAO,QAAA,SAAS;OACnC,OAAO,QAAA,QAAK;;;;;;;;;2BAhBhB,CAfL,mBAeK,MAAA,EAfA,OAAK,eAAA,CAAG,MAAA,YAAA,EAAa,EAAC,aAAA,GAAiB,MAAA,GAAA,EAAI,GAAE,eAAgB,QAAA,UAAK,CAAA,CAAA,CAAA,EAAA,GAAA,CACrD,QAAA,KAAK,QAAA,UAAA,GAArB,YAA+E,aAAA;;KAAnD,MAAM,QAAA,KAAK;KAAO,OAAK,eAAE,MAAA,YAAA,EAAa,EAAC,MAAA,CAAA;oDAEnE,mBAAuC,QAAA,YAAA,gBAAvB,QAAA,KAAK,MAAK,EAAA,GAAA,CAAA,IAEV,QAAA,UAAK,KAAA,UAAA,GAArB,mBASW,UAAA,EAAA,KAAA,EAAA,GAAA;KART,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,YAAA,EAAa,EAAC,WAAA,CAAA,EAAA,GAAA,gBACvB,QAAA,KAAK,KAAK,GAAA,CAAA;KAGf,mBAAA,QAAA;KACA,YAES,MAAA,WAAA,GAAA,EAFA,OAAK,eAAA,CAAG,MAAA,YAAA,EAAa,EAAC,YAAA,CAAA,CAAA,EAAA,GAAA;6BACf,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA"}

package/dist/components/menu/menu-sub.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-sub.js","names":[],"sources":["../../../src/components/menu/menu-sub.vue"],"sourcesContent":["<template>\n  <li :class=\"[cls.e('sub'), bem.is('expanded', expanded)]\">\n    <div\n      :class=\"[\n        cls.e('sub-content'),\n        bem.is('first-level', depth === 0),\n        bem.is('expanded', expanded),\n        bem.is('branch-active', branchActive)\n      ]\"\n      @click=\"handleToggleExpand\"\n    >\n      <UMenuIcon v-if=\"menu.icon\" :icon=\"menu.icon\" :class=\"cls.e('icon')\" />\n\n      <!-- 文本 -->\n      <span :class=\"cls.e('sub-title')\">\n        {{ menu.title }}\n      </span>\n\n      <!-- 展开图标 -->\n      <u-icon :class=\"[cls.e('sub-expand'), bem.is('expanded', expanded)]\">\n        <ArrowRight />\n      </u-icon>\n    </div>\n\n    <!-- @vue-ignore -->\n    <transition\n      @enter=\"(el: Element) => expandTransition.enter(el as HTMLElement)\"\n      @after-enter=\"(el: Element) => expandTransition.afterEnter(el as HTMLElement)\"\n      @before-leave=\"(el: Element) => expandTransition.beforeLeave(el as HTMLElement)\"\n      @leave=\"(el: Element) => expandTransition.leave(el as HTMLElement)\"\n      @after-leave=\"(el: Element) => expandTransition.afterLeave(el as HTMLElement)\"\n    >\n      <ul :class=\"cls.e('sub-list')\" v-show=\"expanded\">\n        <template v-for=\"(child, index) of menu.children!\" :key=\"getKey(index, parentKey)\">\n          <UMenuItem v-if=\"!child.children?.length\" :menu=\"child\" :depth=\"depth + 1\" />\n          <MenuSub v-else :menu=\"child\" :parent-key=\"getKey(index, parentKey)\" :depth=\"depth + 1\" />\n        </template>\n      </ul>\n    </transition>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject } from 'vue'\n\nimport type { MenuItem } from '../../types'\nimport { UIcon } from '../icon'\nimport { MenuDIKey } from './di'\nimport { getKey } from './helper'\nimport UMenuIcon from './menu-icon.vue'\nimport UMenuItem from './menu-item.vue'\n\ndefineOptions({ name: 'MenuSub' })\n\nconst props = defineProps<{ menu: MenuItem; parentKey: string; depth: number }>()\n\nconst { cls, expandedPath, menuProps, expandTransition } = inject(MenuDIKey)!\n\nconst expanded = computed(() => expandedPath.has(props.menu.path))\n\nconst branchActive = computed(() => {\n  const currentPath = menuProps.currentPath\n  if (!currentPath) return false\n\n  const check = (items?: MenuItem[]) => {\n    return items?.some((item) => item.path === currentPath || check(item.children)) ?? false\n  }\n\n  return check(props.menu.children)\n})\n\nfunction handleToggleExpand() {\n  const { menu } = props\n  expandedPath.has(menu.path) ? expandedPath.delete(menu.path) : expandedPath.add(menu.path)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAwDA,MAAM,QAAQ;EAEd,MAAM,EAAE,KAAK,cAAc,WAAW,qBAAqB,OAAO,SAAS;EAE3E,MAAM,WAAW,eAAe,aAAa,IAAI,MAAM,KAAK,IAAI,CAAC;EAEjE,MAAM,eAAe,eAAe;GAClC,MAAM,cAAc,UAAU;GAC9B,IAAI,CAAC,aAAa,OAAO;GAEzB,MAAM,SAAS,UAAuB;IACpC,OAAO,OAAO,MAAM,SAAS,KAAK,SAAS,eAAe,MAAM,KAAK,QAAQ,CAAC,KAAK;GACrF;GAEA,OAAO,MAAM,MAAM,KAAK,QAAQ;EAClC,CAAC;EAED,SAAS,qBAAqB;GAC5B,MAAM,EAAE,SAAS;GACjB,aAAa,IAAI,KAAK,IAAI,IAAI,aAAa,OAAO,KAAK,IAAI,IAAI,aAAa,IAAI,KAAK,IAAI;EAC3F;;;uBA3EE,mBAsCK,MAAA,EAtCA,OAAK,eAAA,CAAG,MAAA,GAAA,EAAI,EAAC,KAAA,GAAS,MAAA,GAAA,EAAI,GAAE,YAAa,SAAA,KAAQ,CAAA,CAAA,EAAA,GAAA;IACpD,mBAoBM,OAAA;KAnBH,OAAK,eAAA;MAAY,MAAA,GAAA,EAAI,EAAC,aAAA;MAAyB,MAAA,GAAA,EAAI,GAAE,eAAgB,QAAA,UAAK,CAAA;MAAiB,MAAA,GAAA,EAAI,GAAE,YAAa,SAAA,KAAQ;MAAW,MAAA,GAAA,EAAI,GAAE,iBAAkB,aAAA,KAAY;;KAMrK,SAAO;;KAES,QAAA,KAAK,QAAA,UAAA,GAAtB,YAAuE,aAAA;;MAA1C,MAAM,QAAA,KAAK;MAAO,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,MAAA,CAAA;;KAE3D,mBAAA,MAAA;KACA,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,WAAA,CAAA,EAAA,GAAA,gBACd,QAAA,KAAK,KAAK,GAAA,CAAA;KAGf,mBAAA,QAAA;KACA,YAES,MAAA,WAAA,GAAA,EAFA,OAAK,eAAA,CAAG,MAAA,GAAA,EAAI,EAAC,YAAA,GAAgB,MAAA,GAAA,EAAI,GAAE,YAAa,SAAA,KAAQ,CAAA,CAAA,EAAA,GAAA;6BACjD,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA;;;;IAIlB,mBAAA,eAAA;IACA,YAaa,YAAA;KAZV,SAAK,OAAA,OAAA,OAAA,MAAG,OAAgB,MAAA,gBAAA,EAAiB,MAAM,EAAE;KACjD,cAAW,OAAA,OAAA,OAAA,MAAG,OAAgB,MAAA,gBAAA,EAAiB,WAAW,EAAE;KAC5D,eAAY,OAAA,OAAA,OAAA,MAAG,OAAgB,MAAA,gBAAA,EAAiB,YAAY,EAAE;KAC9D,SAAK,OAAA,OAAA,OAAA,MAAG,OAAgB,MAAA,gBAAA,EAAiB,MAAM,EAAE;KACjD,cAAW,OAAA,OAAA,OAAA,MAAG,OAAgB,MAAA,gBAAA,EAAiB,WAAW,EAAE;KAL/D,WAAA;;4BAYO,CAAA,eALL,mBAKK,MAAA,EALA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,UAAA,CAAA,EAAA,GAAA,EAAA,UAAA,IAAA,GACf,mBAGW,UAAA,MAAA,WAHwB,QAAA,KAAK,WAAtB,OAAO,UAAK;8DAA2B,MAAA,MAAA,EAAO,OAAO,QAAA,SAAS,EAAA,GAAA,CAAA,CAC5D,MAAM,UAAU,UAAA,UAAA,GAAlC,YAA6E,aAAA;;OAAlC,MAAM;OAAQ,OAAO,QAAA,QAAK;sDACrE,YAA0F,oBAAA;;OAAzE,MAAM;OAAQ,cAAY,MAAA,MAAA,EAAO,OAAO,QAAA,SAAS;OAAI,OAAO,QAAA,QAAK;;;;;;8BAH/C,SAAA,KAAQ,CAAA,CAAA,CAAA,CAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"menu.js","names":[],"sources":["../../../src/components/menu/menu.vue"],"sourcesContent":["<template>\n  <u-scroll\n    tag=\"ul\"\n    :class=\"[menuCls.b, menuCls.m(size)]\"\n    :container-class=\"menuCls.e('container')\"\n  >\n    <!-- 常规 -->\n    <template v-if=\"!collapsed\">\n      <template v-for=\"(menu, index) of menus\" :key=\"index\">\n        <UMenuSub\n          v-if=\"menu.children?.length\"\n          :menu=\"menu\"\n          :parent-key=\"String(index)\"\n          :depth=\"0\"\n        />\n        <UMenuItem v-else :menu=\"menu\" :key=\"index\" :depth=\"0\" />\n      </template>\n    </template>\n\n    <!-- 折叠 -->\n    <template v-else>\n      <template v-for=\"(menu, index) of menus\" :key=\"index\">\n        <UMenuSubCollapsed\n          v-if=\"menu.children?.length\"\n          :menu=\"menu\"\n          :parent-key=\"String(index)\"\n          :depth=\"0\"\n        />\n        <UMenuItemCollapsed v-else :menu=\"menu\" :key=\"index\" :depth=\"0\" />\n      </template>\n    </template>\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem, ExpandTransition } from '@veltra/utils'\nimport { computed, provide, shallowReactive, watch } from 'vue'\n\nimport type { MenuEmits, MenuProps, ComponentSize } from '../../types'\nimport { UScroll } from '../scroll'\nimport { MenuDIKey } from './di'\nimport UMenuItemCollapsed from './menu-item-collapsed.vue'\nimport UMenuItem from './menu-item.vue'\nimport UMenuSubCollapsed from './menu-sub-collapsed.vue'\nimport UMenuSub from './menu-sub.vue'\nimport { walkMenuWithPath } from './walk-menu-path'\n\ndefineOptions({ name: 'Menu' })\n\nconst props = withDefaults(defineProps<MenuProps>(), {\n  expand: false,\n  activeIndex: '',\n  collapsed: false,\n  uniqueOpened: false\n})\n\nconst emit = defineEmits<MenuEmits>()\n\nconst cls = bem('menu')\nconst collapsedCls = bem('collapsed-menu')\n\nconst menuCls = computed(() => {\n  return props.collapsed ? collapsedCls : cls\n})\n\nconst expandTransition = new ExpandTransition({\n  enterTransition:\n    'height 0.25s cubic-bezier(0.4, 0, 0.2, 1), padding-top 0.25s cubic-bezier(0.4, 0, 0.2, 1), padding-bottom 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.18s cubic-bezier(0.4, 0, 0.2, 1)',\n  leaveTransition:\n    'height 0.2s cubic-bezier(0.4, 0, 1, 1), padding-top 0.2s cubic-bezier(0.4, 0, 1, 1), padding-bottom 0.2s cubic-bezier(0.4, 0, 1, 1), opacity 0.12s cubic-bezier(0.4, 0, 1, 1)',\n  opacity: true\n})\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst expandedPath = shallowReactive(new Set<string>())\n\nwatch(\n  [() => props.currentPath, () => props.menus],\n  ([currentPath, menus]) => {\n    if (!currentPath || !menus) return\n    menus.forEach((menu) => {\n      walkMenuWithPath(menu, (node, nodePath) => {\n        if (node.path === currentPath) {\n          nodePath.slice(0, -1).forEach((path) => {\n            expandedPath.add(path.path)\n          })\n          return false\n        }\n      })\n    })\n  },\n  { immediate: true }\n)\n\nprovide(MenuDIKey, {\n  cls,\n  collapsedCls,\n  menuProps: props,\n  menuEmit: emit,\n  expandedPath,\n  size,\n  expandTransition\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkDA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,MAAM;EACtB,MAAM,eAAe,IAAI,gBAAgB;EAEzC,MAAM,UAAU,eAAe;GAC7B,OAAO,MAAM,YAAY,eAAe;EAC1C,CAAC;EAED,MAAM,mBAAmB,IAAI,iBAAiB;GAC5C,iBACE;GACF,iBACE;GACF,SAAS;EACX,CAAC;EAED,MAAM,EAAE,SAAS,iBAAiB,CAAC,KAAK,GAAG,EAAE,MAAM,UAA2B,CAAC;EAE/E,MAAM,eAAe,gCAAgB,IAAI,IAAY,CAAC;EAEtD,MACE,OAAO,MAAM,mBAAmB,MAAM,KAAK,IAC1C,CAAC,aAAa,WAAW;GACxB,IAAI,CAAC,eAAe,CAAC,OAAO;GAC5B,MAAM,SAAS,SAAS;IACtB,iBAAiB,OAAO,MAAM,aAAa;KACzC,IAAI,KAAK,SAAS,aAAa;MAC7B,SAAS,MAAM,GAAG,EAAE,EAAE,SAAS,SAAS;OACtC,aAAa,IAAI,KAAK,IAAI;MAC5B,CAAC;MACD,OAAO;KACT;IACF,CAAC;GACH,CAAC;EACH,GACA,EAAE,WAAW,KAAK,CACpB;EAEA,QAAQ,WAAW;GACjB;GACA;GACA,WAAW;GACX,UAAU;GACV;GACA;GACA;EACF,CAAC;;uBAvGC,YA8BW,MAAA,WAAA,GAAA;IA7BT,KAAI;IACH,OAAK,eAAA,CAAG,QAAA,MAAQ,GAAG,QAAA,MAAQ,EAAE,MAAA,IAAA,CAAI,CAAA,CAAA;IACjC,mBAAiB,QAAA,MAAQ,EAAC,WAAA;;2BAEhB,CAAX,mBAAA,MAAA,GAAA,CACiB,QAAA,aAAA,UAAA,IAAA,GACf,mBAQW,UAAA,EAAA,KAAA,EAAA,GAAA,WARuB,QAAA,QAAhB,MAAM,UAAK;6DAAkB,MAAK,GAAA,CAE1C,KAAK,UAAU,UAAA,UAAA,GADvB,YAKE,aAAA;;MAHO;MACN,cAAY,OAAO,KAAK;MACxB,OAAO;0DAEV,YAAyD,aAAA;MAAhC;MAAO,KAAK;MAAQ,OAAO;;8BAKxD,mBAUW,UAAA,EAAA,KAAA,EAAA,GAAA,CAXX,mBAAA,MAAA,IAAA,UAAA,IAAA,GAEE,mBAQW,UAAA,MAAA,WARuB,QAAA,QAAhB,MAAM,UAAK;6DAAkB,MAAK,GAAA,CAE1C,KAAK,UAAU,UAAA,UAAA,GADvB,YAKE,aAAA;;MAHO;MACN,cAAY,OAAO,KAAK;MACxB,OAAO;0DAEV,YAAkE,aAAA;MAAhC;MAAO,KAAK;MAAQ,OAAO"}

package/dist/components/menu/menu.vue.d.ts

@@ -1,14 +0,0 @@
-import { MenuItem, MenuProps } from "../../types/menu.js";
-//#region src/components/menu/menu.vue.d.ts
-declare const __VLS_export: import("vue").DefineComponent<MenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-  "item-click": (item: MenuItem) => any;
-}, string, import("vue").PublicProps, Readonly<MenuProps> & Readonly<{
-  "onItem-click"?: ((item: MenuItem) => any) | undefined;
-}>, {
-  collapsed: boolean;
-  uniqueOpened: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-//#endregion
-export { _default };
-//# sourceMappingURL=menu.vue.d.ts.map

package/dist/components/menu/use-menu-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-menu-item.js","names":[],"sources":["../../../src/components/menu/use-menu-item.ts"],"sourcesContent":["import { scrollIntoContainerView, type BEM } from '@veltra/utils'\nimport { computed, inject, watch, type ShallowRef, type ComputedRef } from 'vue'\n\nimport type { MenuItem } from '../../types'\nimport { MenuDIKey } from './di'\n\ninterface Options {\n  itemProps: { menu: MenuItem; depth: number }\n  itemRef: ShallowRef<HTMLElement | null>\n}\n\ninterface UseMenuItemReturned {\n  cls: BEM<'menu'>\n  collapsedCls: BEM<'collapsed-menu'>\n\n  active: ComputedRef<boolean>\n  handleClickMenu: () => void\n}\n\nexport function useMenuItem(options: Options): UseMenuItemReturned {\n  const { itemProps, itemRef } = options\n  const { cls, collapsedCls, menuProps, menuEmit } = inject(MenuDIKey)!\n\n  const active = computed(() => {\n    return menuProps.currentPath === itemProps.menu.path\n  })\n\n  let changedByClick = false\n  watch([active, itemRef], ([active, itemEl]) => {\n    if (changedByClick) {\n      changedByClick = false\n      return\n    }\n    if (!active || !itemEl) return\n    scrollIntoContainerView(itemEl, null)\n  })\n\n  function handleClickMenu() {\n    if (itemProps.menu.disabled) return\n    changedByClick = true\n    menuEmit('item-click', itemProps.menu)\n  }\n\n  return {\n    cls,\n    collapsedCls,\n\n    active,\n    handleClickMenu\n  }\n}\n"],"mappings":";;;;AAmBA,SAAgB,YAAY,SAAuC;CACjE,MAAM,EAAE,WAAW,YAAY;CAC/B,MAAM,EAAE,KAAK,cAAc,WAAW,aAAa,OAAO,SAAS;CAEnE,MAAM,SAAS,eAAe;EAC5B,OAAO,UAAU,gBAAgB,UAAU,KAAK;CAClD,CAAC;CAED,IAAI,iBAAiB;CACrB,MAAM,CAAC,QAAQ,OAAO,IAAI,CAAC,QAAQ,YAAY;EAC7C,IAAI,gBAAgB;GAClB,iBAAiB;GACjB;EACF;EACA,IAAI,CAAC,UAAU,CAAC,QAAQ;EACxB,wBAAwB,QAAQ,IAAI;CACtC,CAAC;CAED,SAAS,kBAAkB;EACzB,IAAI,UAAU,KAAK,UAAU;EAC7B,iBAAiB;EACjB,SAAS,cAAc,UAAU,IAAI;CACvC;CAEA,OAAO;EACL;EACA;EAEA;EACA;CACF;AACF"}

package/dist/components/menu/walk-menu-path.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"walk-menu-path.js","names":[],"sources":["../../../src/components/menu/walk-menu-path.ts"],"sourcesContent":["/**\n * 深度优先 + 路径；回调返回 `false` 时剪枝当前节点子树（不中断兄弟）。\n * `@cat-kit/core` 的 `dfs` 在返回 `true` 时会终止整段遍历，语义不同，故保留此辅助。\n */\nexport function walkMenuWithPath<T extends Record<string, unknown>>(\n  data: T,\n  cb: (node: T, path: T[]) => void | false,\n  childrenKey = 'children',\n  prefix: T[] = []\n): void {\n  const path = [...prefix, data]\n  if (cb(data, path) === false) return\n  const raw = data[childrenKey]\n  if (!Array.isArray(raw)) return\n  for (let i = 0; i < raw.length; i++) {\n    walkMenuWithPath(raw[i] as T, cb, childrenKey, path)\n  }\n}\n"],"mappings":";;;;;AAIA,SAAgB,iBACd,MACA,IACA,cAAc,YACd,SAAc,CAAC,GACT;CACN,MAAM,OAAO,CAAC,GAAG,QAAQ,IAAI;CAC7B,IAAI,GAAG,MAAM,IAAI,MAAM,OAAO;CAC9B,MAAM,MAAM,KAAK;CACjB,IAAI,CAAC,MAAM,QAAQ,GAAG,GAAG;CACzB,KAAK,IAAI,IAAI,GAAG,IAAI,IAAI,QAAQ,KAC9B,iBAAiB,IAAI,IAAS,IAAI,aAAa,IAAI;AAEvD"}

package/dist/types/menu.d.ts

@@ -1,40 +0,0 @@
-import { DefineComponent } from "vue";
-import { DeconstructValue } from "@veltra/utils";
-
-//#region src/types/menu.d.ts
-/** 菜单项 */
-interface MenuItem {
-  /** 图标 */
-  icon?: string | DefineComponent;
-  /** 菜单标题 */
-  title: string;
-  /** 菜单路径 */
-  path: string;
-  /** 是否禁用 */
-  disabled?: boolean;
-  /** 子菜单 */
-  children?: MenuItem[];
-  [key: string]: any;
-}
-/** 菜单组件组件属性 */
-interface MenuProps {
-  /** 当前路径 */
-  currentPath?: string;
-  /** 是否折叠 */
-  collapsed?: boolean;
-  /** 仅允许一个菜单可以打开 */
-  uniqueOpened?: boolean;
-  /** 菜单列表 */
-  menus?: MenuItem[];
-}
-/** 菜单组件组件定义的事件 */
-interface MenuEmits {
-  (e: 'item-click', item: MenuItem): void;
-}
-/** 菜单组件组件暴露的属性和方法(组件内部使用) */
-interface _MenuExposed {}
-/** 菜单组件组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
-type MenuExposed = DeconstructValue<_MenuExposed>;
-//#endregion
-export { MenuEmits, MenuExposed, MenuItem, MenuProps, _MenuExposed };
-//# sourceMappingURL=menu.d.ts.map

package/src/components/menu/di.ts

@@ -1,17 +0,0 @@
-import { type BEM, ExpandTransition } from '@veltra/utils'
-import type { ComputedRef, InjectionKey } from 'vue'
-
-import type { MenuProps, MenuEmits } from '../../types'
-import type { ComponentSize } from '../../types'
-
-export interface MenuContext {
-  cls: BEM<'menu', 'u-'>
-  collapsedCls: BEM<'collapsed-menu', 'u-'>
-  menuProps: MenuProps
-  menuEmit: MenuEmits
-  expandedPath: Set<string>
-  size: ComputedRef<ComponentSize>
-  expandTransition: ExpandTransition
-}
-
-export const MenuDIKey: InjectionKey<MenuContext> = Symbol('MenuDIKey')

package/src/components/menu/helper.ts

@@ -1,3 +0,0 @@
-export function getKey(index: number, parentKey: string): string {
-  return `${parentKey}-${index}`
-}

package/src/components/menu/index.ts

@@ -1,3 +0,0 @@
-export { default as UMenu } from './menu.vue'
-export { default as UMenuSub } from './menu-sub.vue'
-export { default as UMenuItem } from './menu-item.vue'