@veltra/desktop 1.0.0

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

@@ -0,0 +1,81 @@
+import _sfc_main$1 from "../icon/icon.js";
+import _sfc_main$2 from "../tip/tip.js";
+import _sfc_main$3 from "../scroll/scroll.js";
+import { MenuDIKey } from "./di.js";
+import _sfc_main$4 from "./menu-icon.js";
+import _sfc_main$5 from "./menu-item-collapsed.js";
+import { getKey } from "./helper.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
+const _hoisted_1 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "MenuSubCollapsed",
+	__name: "menu-sub-collapsed",
+	props: {
+		menu: {},
+		parentKey: {},
+		depth: {}
+	},
+	setup(__props) {
+		const visible = ref(false);
+		function closeSubMenu() {
+			visible.value = false;
+		}
+		const { collapsedCls, size } = inject(MenuDIKey);
+		return (_ctx, _cache) => {
+			const _component_MenuSubCollapsed = resolveComponent("MenuSubCollapsed", true);
+			return openBlock(), createBlock(unref(_sfc_main$2), {
+				"hide-arrow": "",
+				direction: "right",
+				alignment: "start",
+				class: normalizeClass([unref(collapsedCls).m(unref(size)), unref(collapsedCls).e("panel")]),
+				style: { "padding": "0" },
+				visible: visible.value,
+				"onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event)
+			}, {
+				content: withCtx(() => [createVNode(unref(_sfc_main$3), {
+					tag: "ul",
+					class: normalizeClass(unref(collapsedCls).e("sub-list"))
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.menu.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,
+							depth: __props.depth + 1,
+							onClick: closeSubMenu
+						}, null, 8, ["menu", "depth"])) : (openBlock(), createBlock(_component_MenuSubCollapsed, {
+							key: 1,
+							menu: child,
+							"parent-key": unref(getKey)(index, __props.parentKey),
+							depth: __props.depth + 1
+						}, null, 8, [
+							"menu",
+							"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, {
+					key: 0,
+					icon: __props.menu.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),
+					createCommentVNode(" 展开图标 "),
+					createVNode(unref(_sfc_main$1), { class: normalizeClass([unref(collapsedCls).e("sub-expand")]) }, {
+						default: withCtx(() => [createVNode(unref(ArrowRight))]),
+						_: 1
+					}, 8, ["class"])
+				], 64)) : createCommentVNode("v-if", true)], 2)]),
+				_: 1
+			}, 8, ["class", "visible"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=menu-sub-collapsed.js.map

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

@@ -0,0 +1 @@
+{"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({\n  name: 'MenuSubCollapsed'\n})\n\ndefineProps<{\n  menu: MenuItem\n  parentKey: string\n  depth: number\n}>()\n\nconst visible = ref(false)\n\nfunction closeSubMenu() {\n  visible.value = false\n}\n\nconst { collapsedCls, size } = inject(MenuDIKey)!\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAwEA,MAAM,UAAU,IAAI,MAAK;EAEzB,SAAS,eAAe;AACtB,WAAQ,QAAQ;;EAGlB,MAAM,EAAE,cAAc,SAAS,OAAO,UAAU;;;uBA7E9C,YA4CQ,MAAA,YAAA,EAAA;IA3CN,cAAA;IACA,WAAU;IACV,WAAU;IACT,OAAK,eAAA,CAAG,MAAA,aAAY,CAAC,EAAE,MAAA,KAAI,CAAA,EAAG,MAAA,aAAY,CAAC,EAAC,QAAA,CAAA,CAAA;IAC7C,OAAA,EAAA,WAAA,KAAkB;IACV,SAAS,QAAA;8DAAA,QAAO,QAAA;;IAmBb,SAAO,cAiBL,CAhBX,YAgBW,MAAA,YAAA,EAAA;KAhBD,KAAI;KAAM,OAAK,eAAE,MAAA,aAAY,CAAC,EAAC,WAAA,CAAA;;4BACW,EAAA,UAAA,KAAA,EAAlD,mBAcW,UAAA,MAAA,WAdwB,QAAA,KAAK,WAAtB,OAAO,UAAK;8DAA2B,MAAA,OAAM,CAAC,OAAO,QAAA,UAAS,EAAA,EAAA,CAAA,CAErE,MAAM,UAAU,UAAA,WAAA,EADzB,YAKE,aAAA;;OAHC,MAAM;OACN,OAAO,QAAA,QAAK;OACZ,SAAO;sDAGV,YAKE,6BAAA;;OAHC,MAAM;OACN,cAAY,MAAA,OAAM,CAAC,OAAO,QAAA,UAAS;OACnC,OAAO,QAAA,QAAK;;;;;;;;;2BAhBhB,CAfL,mBAeK,MAAA,EAfA,OAAK,eAAA,CAAG,MAAA,aAAY,CAAC,EAAC,cAAA,EAAiB,MAAA,IAAG,CAAC,GAAE,eAAgB,QAAA,UAAK,EAAA,CAAA,CAAA,EAAA,EAAA,CACrD,QAAA,KAAK,QAAA,WAAA,EAArB,YAA+E,aAAA;;KAAnD,MAAM,QAAA,KAAK;KAAO,OAAK,eAAE,MAAA,aAAY,CAAC,EAAC,OAAA,CAAA;oDAEnE,mBAAuC,QAAA,YAAA,gBAAvB,QAAA,KAAK,MAAK,GAAA,EAAA,EAAA,GAEV,QAAA,UAAK,KAAA,WAAA,EAArB,mBASW,UAAA,EAAA,KAAA,GAAA,EAAA;KART,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,aAAY,CAAC,EAAC,YAAA,CAAA,EAAA,EAAA,gBACvB,QAAA,KAAK,MAAK,EAAA,EAAA;KAGf,mBAAA,SAAa;KACb,YAES,MAAA,YAAA,EAAA,EAFA,OAAK,eAAA,CAAG,MAAA,aAAY,CAAC,EAAC,aAAA,CAAA,CAAA,EAAA,EAAA;6BACf,CAAd,YAAc,MAAA,WAAA,CAAA,CAAA,CAAA"}

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

@@ -0,0 +1,101 @@
+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 { getKey } from "./helper.js";
+import { useMenuTransition } from "./use-menu-transition.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
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "MenuSub",
+	__name: "menu-sub",
+	props: {
+		menu: {},
+		parentKey: {},
+		depth: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const { cls, expandedPath, menuProps } = inject(MenuDIKey);
+		const { enter, afterEnter, beforeLeave, leave, afterLeave } = useMenuTransition();
+		const expanded = computed(() => expandedPath.has(props.menu.path));
+		const branchActive = computed(() => {
+			const currentPath = menuProps.currentPath;
+			if (!currentPath) return false;
+			const check = (items) => {
+				return items?.some((item) => item.path === currentPath || check(item.children)) ?? false;
+			};
+			return check(props.menu.children);
+		});
+		function handleToggleExpand() {
+			const { menu } = props;
+			expandedPath.has(menu.path) ? expandedPath.delete(menu.path) : expandedPath.add(menu.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)]) }, [
+				createElementVNode("div", {
+					class: normalizeClass([
+						unref(cls).e("sub-content"),
+						unref(bem).is("first-level", __props.depth === 0),
+						unref(bem).is("expanded", expanded.value),
+						unref(bem).is("branch-active", branchActive.value)
+					]),
+					onClick: handleToggleExpand
+				}, [
+					__props.menu.icon ? (openBlock(), createBlock(_sfc_main$2, {
+						key: 0,
+						icon: __props.menu.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),
+					createCommentVNode(" 展开图标 "),
+					createVNode(unref(_sfc_main$1), { class: normalizeClass([unref(cls).e("sub-expand"), unref(bem).is("expanded", expanded.value)]) }, {
+						default: withCtx(() => [createVNode(unref(ArrowRight))]),
+						_: 1
+					}, 8, ["class"])
+				], 2),
+				createCommentVNode(" @vue-ignore "),
+				createVNode(Transition, {
+					onEnter: unref(enter),
+					onAfterEnter: unref(afterEnter),
+					onLeave: unref(leave),
+					onBeforeLeave: unref(beforeLeave),
+					onAfterLeave: unref(afterLeave),
+					persisted: ""
+				}, {
+					default: withCtx(() => [withDirectives(createElementVNode("ul", { class: normalizeClass(unref(cls).e("sub-list")) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.menu.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,
+							depth: __props.depth + 1
+						}, null, 8, ["menu", "depth"])) : (openBlock(), createBlock(_component_MenuSub, {
+							key: 1,
+							menu: child,
+							"parent-key": unref(getKey)(index, __props.parentKey),
+							depth: __props.depth + 1
+						}, null, 8, [
+							"menu",
+							"parent-key",
+							"depth"
+						]))], 64);
+					}), 128))], 2), [[vShow, expanded.value]])]),
+					_: 1
+				}, 8, [
+					"onEnter",
+					"onAfterEnter",
+					"onLeave",
+					"onBeforeLeave",
+					"onAfterLeave"
+				])
+			], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=menu-sub.js.map

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

@@ -0,0 +1 @@
+{"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=\"enter\"\n      @after-enter=\"afterEnter\"\n      @leave=\"leave\"\n      @before-leave=\"beforeLeave\"\n      @after-leave=\"afterLeave\"\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'\nimport { useMenuTransition } from './use-menu-transition'\n\ndefineOptions({ name: 'MenuSub' })\n\nconst props = defineProps<{ menu: MenuItem; parentKey: string; depth: number }>()\n\nconst { cls, expandedPath, menuProps } = inject(MenuDIKey)!\n\nconst { enter, afterEnter, beforeLeave, leave, afterLeave } = useMenuTransition()\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":";;;;;;;;;;;;;;;;;;;EAyDA,MAAM,QAAQ;EAEd,MAAM,EAAE,KAAK,cAAc,cAAc,OAAO,UAAU;EAE1D,MAAM,EAAE,OAAO,YAAY,aAAa,OAAO,eAAe,mBAAkB;EAEhF,MAAM,WAAW,eAAe,aAAa,IAAI,MAAM,KAAK,KAAK,CAAA;EAEjE,MAAM,eAAe,eAAe;GAClC,MAAM,cAAc,UAAU;AAC9B,OAAI,CAAC,YAAa,QAAO;GAEzB,MAAM,SAAS,UAAuB;AACpC,WAAO,OAAO,MAAM,SAAS,KAAK,SAAS,eAAe,MAAM,KAAK,SAAS,CAAC,IAAI;;AAGrF,UAAO,MAAM,MAAM,KAAK,SAAQ;IACjC;EAED,SAAS,qBAAqB;GAC5B,MAAM,EAAE,SAAS;AACjB,gBAAa,IAAI,KAAK,KAAK,GAAG,aAAa,OAAO,KAAK,KAAK,GAAG,aAAa,IAAI,KAAK,KAAI;;;;uBA7EzF,mBAsCK,MAAA,EAtCA,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,EAAC,MAAA,EAAS,MAAA,IAAG,CAAC,GAAE,YAAa,SAAA,MAAQ,CAAA,CAAA,EAAA,EAAA;IACpD,mBAoBM,OAAA;KAnBH,OAAK,eAAA;MAAY,MAAA,IAAG,CAAC,EAAC,cAAA;MAAyB,MAAA,IAAG,CAAC,GAAE,eAAgB,QAAA,UAAK,EAAA;MAAiB,MAAA,IAAG,CAAC,GAAE,YAAa,SAAA,MAAQ;MAAW,MAAA,IAAG,CAAC,GAAE,iBAAkB,aAAA,MAAY;;KAMrK,SAAO;;KAES,QAAA,KAAK,QAAA,WAAA,EAAtB,YAAuE,aAAA;;MAA1C,MAAM,QAAA,KAAK;MAAO,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA;;KAE3D,mBAAA,OAAW;KACX,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,YAAA,CAAA,EAAA,EAAA,gBACd,QAAA,KAAK,MAAK,EAAA,EAAA;KAGf,mBAAA,SAAa;KACb,YAES,MAAA,YAAA,EAAA,EAFA,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,EAAC,aAAA,EAAgB,MAAA,IAAG,CAAC,GAAE,YAAa,SAAA,MAAQ,CAAA,CAAA,EAAA,EAAA;6BACjD,CAAd,YAAc,MAAA,WAAA,CAAA,CAAA,CAAA;;;;IAIlB,mBAAA,gBAAoB;IACpB,YAaa,YAAA;KAZV,SAAO,MAAA,MAAK;KACZ,cAAa,MAAA,WAAU;KACvB,SAAO,MAAA,MAAK;KACZ,eAAc,MAAA,YAAW;KACzB,cAAa,MAAA,WAAU;KAL1B,WAAA;;4BAYO,CAAA,eALL,mBAKK,MAAA,EALA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,WAAA,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EACf,mBAGW,UAAA,MAAA,WAHwB,QAAA,KAAK,WAAtB,OAAO,UAAK;8DAA2B,MAAA,OAAM,CAAC,OAAO,QAAA,UAAS,EAAA,EAAA,CAAA,CAC5D,MAAM,UAAU,UAAA,WAAA,EAAlC,YAA6E,aAAA;;OAAlC,MAAM;OAAQ,OAAO,QAAA,QAAK;sDACrE,YAA0F,oBAAA;;OAAzE,MAAM;OAAQ,cAAY,MAAA,OAAM,CAAC,OAAO,QAAA,UAAS;OAAI,OAAO,QAAA,QAAK;;;;;;8BAH/C,SAAA,MAAQ,CAAA,CAAA,CAAA,CAAA"}

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

@@ -0,0 +1,14 @@
+import { MenuItem } from "../../types/menu.js";
+import * as _$vue from "vue";
+
+//#region src/components/menu/menu-sub.vue.d.ts
+type __VLS_Props = {
+  menu: MenuItem;
+  parentKey: string;
+  depth: number;
+};
+declare const __VLS_export: _$vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };
+//# sourceMappingURL=menu-sub.vue.d.ts.map

package/dist/components/menu/menu.js

@@ -0,0 +1,96 @@
+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 { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, provide, renderList, shallowReactive, unref, watch, withCtx } from "vue";
+import { bem } from "@veltra/utils";
+import { useFallbackProps } from "@veltra/compositions";
+//#region src/components/menu/menu.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "Menu",
+	__name: "menu",
+	props: {
+		currentPath: {},
+		collapsed: {
+			type: Boolean,
+			default: false
+		},
+		uniqueOpened: {
+			type: Boolean,
+			default: false
+		},
+		menus: {}
+	},
+	emits: ["item-click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("menu");
+		const collapsedCls = bem("collapsed-menu");
+		const menuCls = computed(() => {
+			return props.collapsed ? collapsedCls : cls;
+		});
+		const { size } = useFallbackProps([props], { size: "default" });
+		const expandedPath = shallowReactive(/* @__PURE__ */ new Set());
+		watch([() => props.currentPath, () => props.menus], ([currentPath, menus]) => {
+			if (!currentPath || !menus) return;
+			menus.forEach((menu) => {
+				walkMenuWithPath(menu, (node, nodePath) => {
+					if (node.path === currentPath) {
+						nodePath.slice(0, -1).forEach((path) => {
+							expandedPath.add(path.path);
+						});
+						return false;
+					}
+				});
+			});
+		}, { immediate: true });
+		provide(MenuDIKey, {
+			cls,
+			collapsedCls,
+			menuProps: props,
+			menuEmit: emit,
+			expandedPath,
+			size
+		});
+		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")
+			}, {
+				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, {
+						key: 0,
+						menu,
+						"parent-key": String(index),
+						depth: 0
+					}, null, 8, ["menu", "parent-key"])) : (openBlock(), createBlock(_sfc_main$3, {
+						menu,
+						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, {
+						key: 0,
+						menu,
+						"parent-key": String(index),
+						depth: 0
+					}, null, 8, ["menu", "parent-key"])) : (openBlock(), createBlock(_sfc_main$2, {
+						menu,
+						key: index,
+						depth: 0
+					}, null, 8, ["menu"]))], 64);
+				}), 128))], 64))]),
+				_: 1
+			}, 8, ["class", "container-class"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=menu.js.map

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

@@ -0,0 +1 @@
+{"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 } 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({\n  name: 'Menu'\n})\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 { size } = useFallbackProps([props], {\n  size: 'default' as ComponentSize\n})\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  {\n    immediate: true\n  }\n)\n\nprovide(MenuDIKey, {\n  cls,\n  collapsedCls,\n  menuProps: props,\n  menuEmit: emit,\n  expandedPath,\n  size\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,OAAM;EACtB,MAAM,eAAe,IAAI,iBAAgB;EAEzC,MAAM,UAAU,eAAe;AAC7B,UAAO,MAAM,YAAY,eAAe;IACzC;EAED,MAAM,EAAE,SAAS,iBAAiB,CAAC,MAAM,EAAE,EACzC,MAAM,WACP,CAAA;EAED,MAAM,eAAe,gCAAgB,IAAI,KAAa,CAAA;AAEtD,QACE,OAAO,MAAM,mBAAmB,MAAM,MAAM,GAC3C,CAAC,aAAa,WAAW;AACxB,OAAI,CAAC,eAAe,CAAC,MAAO;AAC5B,SAAM,SAAS,SAAS;AACtB,qBAAiB,OAAO,MAAM,aAAa;AACzC,SAAI,KAAK,SAAS,aAAa;AAC7B,eAAS,MAAM,GAAG,GAAG,CAAC,SAAS,SAAS;AACtC,oBAAa,IAAI,KAAK,KAAI;QAC3B;AACD,aAAO;;MAEV;KACF;KAEH,EACE,WAAW,MACb,CACF;AAEA,UAAQ,WAAW;GACjB;GACA;GACA,WAAW;GACX,UAAU;GACV;GACA;GACD,CAAA;;uBApGC,YA8BW,MAAA,YAAA,EAAA;IA7BT,KAAI;IACH,OAAK,eAAA,CAAG,QAAA,MAAQ,GAAG,QAAA,MAAQ,EAAE,MAAA,KAAI,CAAA,CAAA,CAAA;IACjC,mBAAiB,QAAA,MAAQ,EAAC,YAAA;;2BAEhB,CAAX,mBAAA,OAAW,EAAA,CACM,QAAA,aAAA,UAAA,KAAA,EACf,mBAQW,UAAA,EAAA,KAAA,GAAA,EAAA,WARuB,QAAA,QAAhB,MAAM,UAAK;6DAAkB,OAAK,EAAA,CAE1C,KAAK,UAAU,UAAA,WAAA,EADvB,YAKE,aAAA;;MAHO;MACN,cAAY,OAAO,MAAK;MACxB,OAAO;0DAEV,YAAyD,aAAA;MAAhC;MAAO,KAAK;MAAQ,OAAO;;8BAKxD,mBAUW,UAAA,EAAA,KAAA,GAAA,EAAA,CAXX,mBAAA,OAAW,GAAA,UAAA,KAAA,EAET,mBAQW,UAAA,MAAA,WARuB,QAAA,QAAhB,MAAM,UAAK;6DAAkB,OAAK,EAAA,CAE1C,KAAK,UAAU,UAAA,WAAA,EADvB,YAKE,aAAA;;MAHO;MACN,cAAY,OAAO,MAAK;MACxB,OAAO;0DAEV,YAAkE,aAAA;MAAhC;MAAO,KAAK;MAAQ,OAAO"}

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

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

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

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

package/dist/components/menu/style.js

@@ -0,0 +1 @@
+import "./style2.css";