@veltra/desktop 1.2.3 → 1.2.5

package/dist/components/{menu/menu-item.js → nav/nav-item.js}

@@ -1,17 +1,17 @@
-import _sfc_main$1 from "./menu-icon.js";
-import { useMenuItem } from "./use-menu-item.js";
+import _sfc_main$1 from "./nav-icon.js";
+import { useNavItem } from "./use-nav-item.js";
 import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, useTemplateRef } from "vue";
 import { bem } from "@veltra/utils";
-//#region src/components/menu/menu-item.vue
+//#region src/components/nav/nav-item.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "MenuItem",
-	__name: "menu-item",
+	name: "NavItem",
+	__name: "nav-item",
 	props: {
-		menu: {},
+		item: {},
 		depth: {}
 	},
 	setup(__props) {
-		const { cls, active, handleClickMenu } = useMenuItem({
+		const { cls, active, handleClickItem } = useNavItem({
 			itemProps: __props,
 			itemRef: useTemplateRef("item")
 		});
@@ -21,18 +21,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					unref(cls).e("item"),
 					unref(bem).is("first-level", __props.depth === 0),
 					unref(bem).is("active", unref(active)),
-					unref(bem).is("disabled", __props.menu.disabled ?? false)
+					unref(bem).is("disabled", __props.item.disabled ?? false)
 				]),
 				ref: "item",
-				onClick: _cache[0] || (_cache[0] = (...args) => unref(handleClickMenu) && unref(handleClickMenu)(...args))
+				onClick: _cache[0] || (_cache[0] = (...args) => unref(handleClickItem) && unref(handleClickItem)(...args))
 			}, [
-				__props.menu.icon ? (openBlock(), createBlock(_sfc_main$1, {
+				__props.item.icon ? (openBlock(), createBlock(_sfc_main$1, {
 					key: 0,
-					icon: __props.menu.icon,
+					icon: __props.item.icon,
 					class: normalizeClass(unref(cls).e("icon"))
 				}, null, 8, ["icon", "class"])) : createCommentVNode("v-if", true),
 				createCommentVNode(" 文本 "),
-				createElementVNode("span", { class: normalizeClass(unref(cls).e("item-title")) }, toDisplayString(__props.menu.title), 3)
+				createElementVNode("span", { class: normalizeClass(unref(cls).e("item-title")) }, toDisplayString(__props.item.title), 3)
 			], 2);
 		};
 	}
@@ -40,4 +40,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 //#endregion
 export { _sfc_main as default };
 
-//# sourceMappingURL=menu-item.js.map
+//# sourceMappingURL=nav-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nav-item.js","names":[],"sources":["../../../src/components/nav/nav-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', item.disabled ?? false)\n    ]\"\n    ref=\"item\"\n    @click=\"handleClickItem\"\n  >\n    <NavIcon v-if=\"item.icon\" :icon=\"item.icon\" :class=\"cls.e('icon')\" />\n\n    <!-- 文本 -->\n    <span :class=\"cls.e('item-title')\">\n      {{ item.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 { NavItem } from '../../types'\nimport NavIcon from './nav-icon.vue'\nimport { useNavItem } from './use-nav-item'\n\ndefineOptions({ name: 'NavItem' })\n\nconst props = defineProps<{ item: NavItem; depth: number }>()\n\nconst itemRef = useTemplateRef('item')\n\nconst { cls, active, handleClickItem } = useNavItem({ itemProps: props, itemRef })\n</script>\n"],"mappings":";;;;;;;;;;;;;EAkCA,MAAM,EAAE,KAAK,QAAQ,oBAAoB,WAAW;GAAE,WAAW;GAAO,SAFxD,eAAe,MAEyC;EAAQ,CAAC;;uBAjC/E,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;;IAEO,QAAA,KAAK,QAAA,UAAA,GAApB,YAAqE,aAAA;;KAA1C,MAAM,QAAA,KAAK;KAAO,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,MAAA,CAAA;;IAEzD,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-item.vue.d.ts → nav/nav-item.vue.d.ts}

@@ -1,11 +1,11 @@
-import { MenuItem } from "../../types/menu.js";
-//#region src/components/menu/menu-item.vue.d.ts
+import { NavItem } from "../../types/nav.js";
+//#region src/components/nav/nav-item.vue.d.ts
 type __VLS_Props = {
-  menu: MenuItem;
+  item: NavItem;
   depth: number;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };
-//# sourceMappingURL=menu-item.vue.d.ts.map
+//# sourceMappingURL=nav-item.vue.d.ts.map

package/dist/components/{menu/menu-sub-collapsed.js → nav/nav-sub-collapsed.js}

@@ -1,20 +1,20 @@
 import _sfc_main$1 from "../icon/icon.js";
 import _sfc_main$2 from "../scroll/scroll.js";
 import _sfc_main$3 from "../tip/tip.js";
-import { MenuDIKey } from "./di.js";
-import _sfc_main$4 from "./menu-icon.js";
-import _sfc_main$5 from "./menu-item-collapsed.js";
+import { NavDIKey } from "./di.js";
 import { getKey } from "./helper.js";
+import _sfc_main$4 from "./nav-icon.js";
+import _sfc_main$5 from "./nav-item-collapsed.js";
 import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, withCtx } from "vue";
 import { bem } from "@veltra/utils";
 import { ArrowRight } from "@veltra/icons/normal";
-//#region src/components/menu/menu-sub-collapsed.vue
+//#region src/components/nav/nav-sub-collapsed.vue
 const _hoisted_1 = { key: 1 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "MenuSubCollapsed",
-	__name: "menu-sub-collapsed",
+	name: "NavSubCollapsed",
+	__name: "nav-sub-collapsed",
 	props: {
-		menu: {},
+		item: {},
 		parentKey: {},
 		depth: {}
 	},
@@ -23,9 +23,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		function closeSubMenu() {
 			visible.value = false;
 		}
-		const { collapsedCls, size } = inject(MenuDIKey);
+		const { collapsedCls, size } = inject(NavDIKey);
 		return (_ctx, _cache) => {
-			const _component_MenuSubCollapsed = resolveComponent("MenuSubCollapsed", true);
+			const _component_NavSubCollapsed = resolveComponent("NavSubCollapsed", true);
 			return openBlock(), createBlock(unref(_sfc_main$3), {
 				"hide-arrow": "",
 				direction: "right",
@@ -39,31 +39,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					tag: "ul",
 					class: normalizeClass(unref(collapsedCls).e("sub-list"))
 				}, {
-					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.menu.children, (child, index) => {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.item.children, (child, index) => {
 						return openBlock(), createElementBlock(Fragment, { key: unref(getKey)(index, __props.parentKey) }, [!child.children?.length ? (openBlock(), createBlock(_sfc_main$5, {
 							key: 0,
-							menu: child,
+							item: child,
 							depth: __props.depth + 1,
 							onClick: closeSubMenu
-						}, null, 8, ["menu", "depth"])) : (openBlock(), createBlock(_component_MenuSubCollapsed, {
+						}, null, 8, ["item", "depth"])) : (openBlock(), createBlock(_component_NavSubCollapsed, {
 							key: 1,
-							menu: child,
+							item: child,
 							"parent-key": unref(getKey)(index, __props.parentKey),
 							depth: __props.depth + 1
 						}, null, 8, [
-							"menu",
+							"item",
 							"parent-key",
 							"depth"
 						]))], 64);
 					}), 128))]),
 					_: 1
 				}, 8, ["class"])]),
-				default: withCtx(() => [createElementVNode("li", { class: normalizeClass([unref(collapsedCls).e("sub-content"), unref(bem).is("first-level", __props.depth === 0)]) }, [__props.menu.icon ? (openBlock(), createBlock(_sfc_main$4, {
+				default: withCtx(() => [createElementVNode("li", { class: normalizeClass([unref(collapsedCls).e("sub-content"), unref(bem).is("first-level", __props.depth === 0)]) }, [__props.item.icon ? (openBlock(), createBlock(_sfc_main$4, {
 					key: 0,
-					icon: __props.menu.icon,
+					icon: __props.item.icon,
 					class: normalizeClass(unref(collapsedCls).e("icon"))
-				}, null, 8, ["icon", "class"])) : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.menu.title[0]), 1)), __props.depth !== 0 ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-					createElementVNode("span", { class: normalizeClass(unref(collapsedCls).e("sub-title")) }, toDisplayString(__props.menu.title), 3),
+				}, null, 8, ["icon", "class"])) : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.item.title[0]), 1)), __props.depth !== 0 ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+					createElementVNode("span", { class: normalizeClass(unref(collapsedCls).e("sub-title")) }, toDisplayString(__props.item.title), 3),
 					createCommentVNode(" 展开图标 "),
 					createVNode(unref(_sfc_main$1), { class: normalizeClass([unref(collapsedCls).e("sub-expand")]) }, {
 						default: withCtx(() => [createVNode(unref(ArrowRight))]),
@@ -78,4 +78,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 //#endregion
 export { _sfc_main as default };
 
-//# sourceMappingURL=menu-sub-collapsed.js.map
+//# sourceMappingURL=nav-sub-collapsed.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nav-sub-collapsed.js","names":[],"sources":["../../../src/components/nav/nav-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      <NavIcon v-if=\"item.icon\" :icon=\"item.icon\" :class=\"collapsedCls.e('icon')\" />\n\n      <span v-else>{{ item.title[0] }}</span>\n\n      <template v-if=\"depth !== 0\">\n        <span :class=\"collapsedCls.e('sub-title')\">\n          {{ item.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 item.children!\" :key=\"getKey(index, parentKey)\">\n          <UNavItemCollapsed\n            v-if=\"!child.children?.length\"\n            :item=\"child\"\n            :depth=\"depth + 1\"\n            @click=\"closeSubMenu\"\n          />\n\n          <NavSubCollapsed\n            v-else\n            :item=\"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 { NavItem } from '../../types'\nimport { UIcon } from '../icon'\nimport { UScroll } from '../scroll'\nimport { UTip } from '../tip'\nimport { NavDIKey } from './di'\nimport { getKey } from './helper'\nimport NavIcon from './nav-icon.vue'\nimport UNavItemCollapsed from './nav-item-collapsed.vue'\n\ndefineOptions({ name: 'NavSubCollapsed' })\n\ndefineProps<{ item: NavItem; parentKey: string; depth: number }>()\n\nconst visible = ref(false)\n\nfunction closeSubMenu() {\n  visible.value = false\n}\n\nconst { collapsedCls, size } = inject(NavDIKey)!\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAkEA,MAAM,UAAU,IAAI,KAAK;EAEzB,SAAS,eAAe;GACtB,QAAQ,QAAQ;EAClB;EAEA,MAAM,EAAE,cAAc,SAAS,OAAO,QAAQ;;;uBAvE5C,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,4BAAA;;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,CACtD,QAAA,KAAK,QAAA,UAAA,GAApB,YAA8E,aAAA;;KAAnD,MAAM,QAAA,KAAK;KAAO,OAAK,eAAE,MAAA,YAAA,EAAa,EAAC,MAAA,CAAA;oDAElE,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 → nav/nav-sub.js}

@@ -1,39 +1,39 @@
 import _sfc_main$1 from "../icon/icon.js";
-import { MenuDIKey } from "./di.js";
-import _sfc_main$2 from "./menu-icon.js";
-import _sfc_main$3 from "./menu-item.js";
+import { NavDIKey } from "./di.js";
 import { getKey } from "./helper.js";
+import _sfc_main$2 from "./nav-icon.js";
+import _sfc_main$3 from "./nav-item.js";
 import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, renderList, resolveComponent, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
 import { bem } from "@veltra/utils";
 import { ArrowRight } from "@veltra/icons/normal";
-//#region src/components/menu/menu-sub.vue
+//#region src/components/nav/nav-sub.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "MenuSub",
-	__name: "menu-sub",
+	name: "NavSub",
+	__name: "nav-sub",
 	props: {
-		menu: {},
+		item: {},
 		parentKey: {},
 		depth: {}
 	},
 	setup(__props) {
 		const props = __props;
-		const { cls, expandedPath, menuProps, expandTransition } = inject(MenuDIKey);
-		const expanded = computed(() => expandedPath.has(props.menu.path));
+		const { cls, expandedPath, navProps, expandTransition } = inject(NavDIKey);
+		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) => {
 				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);
 		}
 		return (_ctx, _cache) => {
-			const _component_MenuSub = resolveComponent("MenuSub", true);
-			return openBlock(), createElementBlock("li", { class: normalizeClass([unref(cls).e("sub"), unref(bem).is("expanded", expanded.value)]) }, [
+			const _component_NavSub = resolveComponent("NavSub", true);
+			return openBlock(), createElementBlock("li", { class: normalizeClass(unref(cls).e("sub")) }, [
 				createElementVNode("div", {
 					class: normalizeClass([
 						unref(cls).e("sub-content"),
@@ -43,13 +43,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					]),
 					onClick: handleToggleExpand
 				}, [
-					__props.menu.icon ? (openBlock(), createBlock(_sfc_main$2, {
+					__props.item.icon ? (openBlock(), createBlock(_sfc_main$2, {
 						key: 0,
-						icon: __props.menu.icon,
+						icon: __props.item.icon,
 						class: normalizeClass(unref(cls).e("icon"))
 					}, null, 8, ["icon", "class"])) : createCommentVNode("v-if", true),
 					createCommentVNode(" 文本 "),
-					createElementVNode("span", { class: normalizeClass(unref(cls).e("sub-title")) }, toDisplayString(__props.menu.title), 3),
+					createElementVNode("span", { class: normalizeClass(unref(cls).e("sub-title")) }, toDisplayString(__props.item.title), 3),
 					createCommentVNode(" 展开图标 "),
 					createVNode(unref(_sfc_main$1), { class: normalizeClass([unref(cls).e("sub-expand"), unref(bem).is("expanded", expanded.value)]) }, {
 						default: withCtx(() => [createVNode(unref(ArrowRight))]),
@@ -65,18 +65,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					onAfterLeave: _cache[4] || (_cache[4] = (el) => unref(expandTransition).afterLeave(el)),
 					persisted: ""
 				}, {
-					default: withCtx(() => [withDirectives(createElementVNode("ul", { class: normalizeClass(unref(cls).e("sub-list")) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.menu.children, (child, index) => {
+					default: withCtx(() => [withDirectives(createElementVNode("ul", { class: normalizeClass(unref(cls).e("sub-list")) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.item.children, (child, index) => {
 						return openBlock(), createElementBlock(Fragment, { key: unref(getKey)(index, __props.parentKey) }, [!child.children?.length ? (openBlock(), createBlock(_sfc_main$3, {
 							key: 0,
-							menu: child,
+							item: child,
 							depth: __props.depth + 1
-						}, null, 8, ["menu", "depth"])) : (openBlock(), createBlock(_component_MenuSub, {
+						}, null, 8, ["item", "depth"])) : (openBlock(), createBlock(_component_NavSub, {
 							key: 1,
-							menu: child,
+							item: child,
 							"parent-key": unref(getKey)(index, __props.parentKey),
 							depth: __props.depth + 1
 						}, null, 8, [
-							"menu",
+							"item",
 							"parent-key",
 							"depth"
 						]))], 64);
@@ -90,4 +90,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 //#endregion
 export { _sfc_main as default };
 
-//# sourceMappingURL=menu-sub.js.map
+//# sourceMappingURL=nav-sub.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nav-sub.js","names":[],"sources":["../../../src/components/nav/nav-sub.vue"],"sourcesContent":["<template>\n  <li :class=\"cls.e('sub')\">\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      <UNavIcon v-if=\"item.icon\" :icon=\"item.icon\" :class=\"cls.e('icon')\" />\n\n      <!-- 文本 -->\n      <span :class=\"cls.e('sub-title')\">\n        {{ item.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 item.children!\" :key=\"getKey(index, parentKey)\">\n          <UNavItem v-if=\"!child.children?.length\" :item=\"child\" :depth=\"depth + 1\" />\n          <NavSub v-else :item=\"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 { NavItem } from '../../types'\nimport { UIcon } from '../icon'\nimport { NavDIKey } from './di'\nimport { getKey } from './helper'\nimport UNavIcon from './nav-icon.vue'\nimport UNavItem from './nav-item.vue'\n\ndefineOptions({ name: 'NavSub' })\n\nconst props = defineProps<{ item: NavItem; parentKey: string; depth: number }>()\n\nconst { cls, expandedPath, navProps, expandTransition } = inject(NavDIKey)!\n\nconst expanded = computed(() => expandedPath.has(props.item.path))\n\nconst branchActive = computed(() => {\n  const currentPath = navProps.currentPath\n  if (!currentPath) return false\n\n  const check = (items?: NavItem[]) => {\n    return items?.some((item) => item.path === currentPath || check(item.children)) ?? false\n  }\n\n  return check(props.item.children)\n})\n\nfunction handleToggleExpand() {\n  const { item } = props\n  expandedPath.has(item.path) ? expandedPath.delete(item.path) : expandedPath.add(item.path)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAwDA,MAAM,QAAQ;EAEd,MAAM,EAAE,KAAK,cAAc,UAAU,qBAAqB,OAAO,QAAQ;EAEzE,MAAM,WAAW,eAAe,aAAa,IAAI,MAAM,KAAK,IAAI,CAAC;EAEjE,MAAM,eAAe,eAAe;GAClC,MAAM,cAAc,SAAS;GAC7B,IAAI,CAAC,aAAa,OAAO;GAEzB,MAAM,SAAS,UAAsB;IACnC,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,eAAE,MAAA,GAAA,EAAI,EAAC,KAAA,CAAA,EAAA,GAAA;IACf,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;;KAEQ,QAAA,KAAK,QAAA,UAAA,GAArB,YAAsE,aAAA;;MAA1C,MAAM,QAAA,KAAK;MAAO,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,MAAA,CAAA;;KAE1D,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,CAC7D,MAAM,UAAU,UAAA,UAAA,GAAjC,YAA4E,aAAA;;OAAlC,MAAM;OAAQ,OAAO,QAAA,QAAK;sDACpE,YAAyF,mBAAA;;OAAzE,MAAM;OAAQ,cAAY,MAAA,MAAA,EAAO,OAAO,QAAA,SAAS;OAAI,OAAO,QAAA,QAAK;;;;;;8BAH9C,SAAA,KAAQ,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/{menu/menu-sub.vue.d.ts → nav/nav-sub.vue.d.ts}

@@ -1,7 +1,7 @@
-import { MenuItem } from "../../types/menu.js";
-//#region src/components/menu/menu-sub.vue.d.ts
+import { NavItem } from "../../types/nav.js";
+//#region src/components/nav/nav-sub.vue.d.ts
 type __VLS_Props = {
-  menu: MenuItem;
+  item: NavItem;
   parentKey: string;
   depth: number;
 };
@@ -9,4 +9,4 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };
-//# sourceMappingURL=menu-sub.vue.d.ts.map
+//# sourceMappingURL=nav-sub.vue.d.ts.map

package/dist/components/{menu/menu.js → nav/nav.js}

@@ -1,36 +1,33 @@
 import _sfc_main$1 from "../scroll/scroll.js";
-import { MenuDIKey } from "./di.js";
-import _sfc_main$2 from "./menu-item-collapsed.js";
-import _sfc_main$3 from "./menu-item.js";
-import _sfc_main$4 from "./menu-sub-collapsed.js";
-import _sfc_main$5 from "./menu-sub.js";
-import { walkMenuWithPath } from "./walk-menu-path.js";
+import { NavDIKey } from "./di.js";
+import { walkNavWithPath } from "./walk-nav-path.js";
+import { collectNavBranchPaths } from "./helper.js";
+import _sfc_main$2 from "./nav-item-collapsed.js";
+import _sfc_main$3 from "./nav-item.js";
+import _sfc_main$4 from "./nav-sub-collapsed.js";
+import _sfc_main$5 from "./nav-sub.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, provide, renderList, shallowReactive, unref, watch, withCtx } from "vue";
 import { useFallbackProps } from "@veltra/compositions";
 import { ExpandTransition, bem } from "@veltra/utils";
-//#region src/components/menu/menu.vue
+//#region src/components/nav/nav.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "Menu",
-	__name: "menu",
+	name: "Nav",
+	__name: "nav",
 	props: {
 		currentPath: {},
 		collapsed: {
 			type: Boolean,
 			default: false
 		},
-		uniqueOpened: {
-			type: Boolean,
-			default: false
-		},
 		menus: {}
 	},
 	emits: ["item-click"],
-	setup(__props, { emit: __emit }) {
+	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const cls = bem("menu");
-		const collapsedCls = bem("collapsed-menu");
-		const menuCls = computed(() => {
+		const cls = bem("nav");
+		const collapsedCls = bem("collapsed-nav");
+		const navCls = computed(() => {
 			return props.collapsed ? collapsedCls : cls;
 		});
 		const expandTransition = new ExpandTransition({
@@ -43,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		watch([() => props.currentPath, () => props.menus], ([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);
@@ -53,43 +50,55 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				});
 			});
 		}, { 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();
+		}
+		__expose({
+			expandAll,
+			collapseAll
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$1), {
 				tag: "ul",
-				class: normalizeClass([menuCls.value.b, menuCls.value.m(unref(size))]),
-				"container-class": menuCls.value.e("container")
+				class: normalizeClass([navCls.value.b, navCls.value.m(unref(size))]),
+				"container-class": navCls.value.e("container")
 			}, {
-				default: withCtx(() => [createCommentVNode(" 常规 "), !__props.collapsed ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.menus, (menu, index) => {
-					return openBlock(), createElementBlock(Fragment, { key: index }, [menu.children?.length ? (openBlock(), createBlock(_sfc_main$5, {
+				default: withCtx(() => [createCommentVNode(" 常规 "), !__props.collapsed ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.menus, (item, index) => {
+					return openBlock(), createElementBlock(Fragment, { key: index }, [item.children?.length ? (openBlock(), createBlock(_sfc_main$5, {
 						key: 0,
-						menu,
+						item,
 						"parent-key": String(index),
 						depth: 0
-					}, null, 8, ["menu", "parent-key"])) : (openBlock(), createBlock(_sfc_main$3, {
-						menu,
+					}, null, 8, ["item", "parent-key"])) : (openBlock(), createBlock(_sfc_main$3, {
+						item,
 						key: index,
 						depth: 0
-					}, null, 8, ["menu"]))], 64);
-				}), 128)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" 折叠 "), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.menus, (menu, index) => {
-					return openBlock(), createElementBlock(Fragment, { key: index }, [menu.children?.length ? (openBlock(), createBlock(_sfc_main$4, {
+					}, null, 8, ["item"]))], 64);
+				}), 128)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" 折叠 "), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.menus, (item, index) => {
+					return openBlock(), createElementBlock(Fragment, { key: index }, [item.children?.length ? (openBlock(), createBlock(_sfc_main$4, {
 						key: 0,
-						menu,
+						item,
 						"parent-key": String(index),
 						depth: 0
-					}, null, 8, ["menu", "parent-key"])) : (openBlock(), createBlock(_sfc_main$2, {
-						menu,
+					}, null, 8, ["item", "parent-key"])) : (openBlock(), createBlock(_sfc_main$2, {
+						item,
 						key: index,
 						depth: 0
-					}, null, 8, ["menu"]))], 64);
+					}, null, 8, ["item"]))], 64);
 				}), 128))], 64))]),
 				_: 1
 			}, 8, ["class", "container-class"]);
@@ -99,4 +108,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 //#endregion
 export { _sfc_main as default };
 
-//# sourceMappingURL=menu.js.map
+//# sourceMappingURL=nav.js.map

package/dist/components/nav/nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav.js","names":[],"sources":["../../../src/components/nav/nav.vue"],"sourcesContent":["<template>\n  <u-scroll tag=\"ul\" :class=\"[navCls.b, navCls.m(size)]\" :container-class=\"navCls.e('container')\">\n    <!-- 常规 -->\n    <template v-if=\"!collapsed\">\n      <template v-for=\"(item, index) of menus\" :key=\"index\">\n        <UNavSub v-if=\"item.children?.length\" :item=\"item\" :parent-key=\"String(index)\" :depth=\"0\" />\n        <UNavItem v-else :item=\"item\" :key=\"index\" :depth=\"0\" />\n      </template>\n    </template>\n\n    <!-- 折叠 -->\n    <template v-else>\n      <template v-for=\"(item, index) of menus\" :key=\"index\">\n        <UNavSubCollapsed\n          v-if=\"item.children?.length\"\n          :item=\"item\"\n          :parent-key=\"String(index)\"\n          :depth=\"0\"\n        />\n        <UNavItemCollapsed v-else :item=\"item\" :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 type { ComponentSize } from '@veltra/utils'\nimport { computed, provide, shallowReactive, watch } from 'vue'\n\nimport type { NavEmits, NavProps } from '../../types/nav'\nimport { UScroll } from '../scroll'\nimport { NavDIKey } from './di'\nimport { collectNavBranchPaths } from './helper'\nimport UNavItemCollapsed from './nav-item-collapsed.vue'\nimport UNavItem from './nav-item.vue'\nimport UNavSubCollapsed from './nav-sub-collapsed.vue'\nimport UNavSub from './nav-sub.vue'\nimport { walkNavWithPath } from './walk-nav-path'\n\ndefineOptions({ name: 'Nav' })\n\nconst props = withDefaults(defineProps<NavProps>(), { collapsed: false })\n\nconst emit = defineEmits<NavEmits>()\n\nconst cls = bem('nav')\nconst collapsedCls = bem('collapsed-nav')\n\nconst navCls = 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      walkNavWithPath(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(NavDIKey, {\n  cls,\n  collapsedCls,\n  navProps: props,\n  navEmit: emit,\n  expandedPath,\n  size,\n  expandTransition\n})\n\nfunction expandAll() {\n  collectNavBranchPaths(props.menus).forEach((path) => {\n    expandedPath.add(path)\n  })\n}\n\nfunction collapseAll() {\n  expandedPath.clear()\n}\n\ndefineExpose({ expandAll, collapseAll })\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,KAAK;EACrB,MAAM,eAAe,IAAI,eAAe;EAExC,MAAM,SAAS,eAAe;GAC5B,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,gBAAgB,OAAO,MAAM,aAAa;KACxC,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,UAAU;GAChB;GACA;GACA,UAAU;GACV,SAAS;GACT;GACA;GACA;EACF,CAAC;EAED,SAAS,YAAY;GACnB,sBAAsB,MAAM,KAAK,EAAE,SAAS,SAAS;IACnD,aAAa,IAAI,IAAI;GACvB,CAAC;EACH;EAEA,SAAS,cAAc;GACrB,aAAa,MAAM;EACrB;EAEA,SAAa;GAAE;GAAW;EAAY,CAAC;;uBAvGrC,YAqBW,MAAA,WAAA,GAAA;IArBD,KAAI;IAAM,OAAK,eAAA,CAAG,OAAA,MAAO,GAAG,OAAA,MAAO,EAAE,MAAA,IAAA,CAAI,CAAA,CAAA;IAAK,mBAAiB,OAAA,MAAO,EAAC,WAAA;;2BACpE,CAAX,mBAAA,MAAA,GAAA,CACiB,QAAA,aAAA,UAAA,IAAA,GACf,mBAGW,UAAA,EAAA,KAAA,EAAA,GAAA,WAHuB,QAAA,QAAhB,MAAM,UAAK;6DAAkB,MAAK,GAAA,CACnC,KAAK,UAAU,UAAA,UAAA,GAA9B,YAA4F,aAAA;;MAA/C;MAAO,cAAY,OAAO,KAAK;MAAI,OAAO;0DACvF,YAAwD,aAAA;MAAhC;MAAO,KAAK;MAAQ,OAAO;;8BAKvD,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,YAAiE,aAAA;MAAhC;MAAO,KAAK;MAAQ,OAAO"}

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

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

package/dist/components/nav/style.d.ts

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