rappel-ui 1.0.34 → 1.0.36

package/es/components/dropdown/src/loop.vue.d.ts

@@ -0,0 +1,18 @@
+import { DropdownOption } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    options?: DropdownOption[];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/dropdown/src/loop.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,26 @@
+import e from "./dropdown-menu.mjs";
+import t from "./dropdown-item.mjs";
+import n from "./dropdown-submenu.mjs";
+import { Fragment as r, createBlock as i, createElementBlock as a, defineComponent as o, mergeProps as s, openBlock as c, renderList as l, renderSlot as u, withCtx as d } from "vue";
+//#region packages/components/dropdown/src/loop.vue?vue&type=script&setup=true&lang.ts
+var f = o({
+	__name: "loop",
+	props: { options: { default: () => void 0 } },
+	setup(o) {
+		return (f, p) => (c(), i(e, null, {
+			default: d(() => [u(f.$slots, "default", {}, () => [(c(!0), a(r, null, l(o.options, (e) => {
+				var o;
+				return c(), a(r, { key: typeof e.value == "boolean" ? e.label : e.value }, [e != null && (o = e.children) != null && o.length ? (c(), i(n, {
+					key: 0,
+					item: e
+				}, null, 8, ["item"])) : (c(), i(t, s({
+					key: 1,
+					ref_for: !0
+				}, e), null, 16))], 64);
+			}), 128))])]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { f as default };

package/es/components/dropdown/src/types.d.ts

@@ -1,30 +1,37 @@
-import { Component } from 'vue';
-import { TooltipProps, TooltipEmits } from '../../tooltip';
+import { Component, Ref, ComputedRef } from 'vue';
+import { BaseMapper, Theme } from '../../../types';
+import { TooltipProps, TooltipEmits, OffsetOptions } from '../../tooltip';
 export interface DropdownProps extends TooltipProps {
-    options?: OptionsItem[];
-    itemProps?: ItemProps;
+    options?: DropdownOption[];
+    mapper?: DropdownMapper;
     closeOnSelect?: boolean;
+    submenuOffset?: OffsetOptions;
 }
-export interface ItemProps {
-    label: string;
-    value: string;
-    disabled?: string;
-    children?: string;
+export interface DropdownMapper extends BaseMapper {
 }
 export interface DropdownEmits extends TooltipEmits {
-    select: [value: any, item: OptionsItem];
+    select: [value: any, item: DropdownOption];
 }
-export interface OptionsItem {
+export interface DropdownOption {
     value: any;
     label?: string;
     disabled?: boolean;
-    children?: OptionsItem[];
+    children?: DropdownOption[];
     hasChildren?: boolean;
     icon?: string | Component;
+    subIcon?: string | Component;
+    depth?: number;
 }
 export interface DropdownProvides {
-    select: (value: any, item: OptionsItem) => void;
+    select: (value: any, item: DropdownOption) => void;
+    depth: Ref<number>;
+    hasOptions?: ComputedRef<boolean>;
+    cssDuration?: ComputedRef<number>;
+    theme?: ComputedRef<Theme>;
+    reverseTheme?: ComputedRef<boolean>;
+    submenuOffset?: ComputedRef<OffsetOptions>;
 }
 export interface DropdownSubmenuProps {
-    item?: OptionsItem;
+    item?: DropdownOption;
+    depth?: number;
 }

package/es/components/dropdown/src/use-dropdown-emit.d.ts

@@ -1,13 +1,13 @@
 import { EmitFn } from 'vue';
-import { DropdownEmits, OptionsItem } from './types';
+import { DropdownEmits, DropdownOption } from './types';
 export declare function useDropdownEmits(emits: EmitFn<DropdownEmits>): {
-    select: (value: any, item: OptionsItem) => void;
+    select: (value: any, item: DropdownOption) => void;
     beforeEnter: (el: HTMLElement) => void;
-    enter: (el: HTMLElement, done: any) => void;
+    enter: (el: HTMLElement, done: () => void) => void;
     enterCancelled: (el: HTMLElement) => void;
     afterEnter: (el: HTMLElement) => void;
     beforeLeave: (el: HTMLElement) => void;
-    leave: (el: HTMLElement, done: any) => void;
+    leave: (el: HTMLElement, done: () => void) => void;
     leaveCancelled: (el: HTMLElement) => void;
     afterLeave: (el: HTMLElement) => void;
 };

package/es/components/index.d.ts

@@ -12,3 +12,4 @@ export * from './popover';
 export * from './popconfirm';
 export * from './message';
 export * from './dropdown';
+export * from './menu';

package/es/components/index.mjs

@@ -19,8 +19,10 @@ import { createMessage as x } from "./message/src/create-message.mjs";
 import { ReMessage as S } from "./message/index.mjs";
 import { useDropdownEmits as C } from "./dropdown/src/use-dropdown-emit.mjs";
 import { ReDropdown as w, ReDropdownItem as T, ReDropdownMenu as E, ReDropdownSubmenu as D } from "./dropdown/index.mjs";
+import { useMenuEmits as O } from "./menu/src/use-menu-emit.mjs";
+import { ReMenu as k, ReMenuItem as A, ReSubmenu as j } from "./menu/index.mjs";
 //#region packages/components/index.ts
-var O = e({
+var M = e({
 	ReButton: () => a,
 	ReButtonGroup: () => o,
 	ReDropdown: () => w,
@@ -29,12 +31,15 @@ var O = e({
 	ReDropdownSubmenu: () => D,
 	ReFilterPanel: () => f,
 	ReInput: () => s,
+	ReMenu: () => k,
+	ReMenuItem: () => A,
 	ReMessage: () => S,
 	ReNeutralColor: () => d,
 	RePopconfirm: () => b,
 	RePopover: () => y,
 	RePrimaryColor: () => l,
 	ReSecondaryColor: () => u,
+	ReSubmenu: () => j,
 	ReSvgIcon: () => p,
 	ReTabs: () => c,
 	ReTooltip: () => _,
@@ -45,9 +50,10 @@ var O = e({
 	buttonTypes: () => i,
 	createMessage: () => x,
 	useDropdownEmits: () => C,
+	useMenuEmits: () => O,
 	usePopoverEmits: () => v,
 	useTooltipEmits: () => g,
 	useTransitionEmits: () => m
 });
 //#endregion
-export { a as ReButton, o as ReButtonGroup, w as ReDropdown, T as ReDropdownItem, E as ReDropdownMenu, D as ReDropdownSubmenu, f as ReFilterPanel, s as ReInput, S as ReMessage, d as ReNeutralColor, b as RePopconfirm, y as RePopover, l as RePrimaryColor, u as ReSecondaryColor, p as ReSvgIcon, c as ReTabs, _ as ReTooltip, h as ReTransition, t as _buttonGroupProvideKey, n as buttonNativeTypes, r as buttonSizes, i as buttonTypes, O as components_exports, x as createMessage, C as useDropdownEmits, v as usePopoverEmits, g as useTooltipEmits, m as useTransitionEmits };
+export { a as ReButton, o as ReButtonGroup, w as ReDropdown, T as ReDropdownItem, E as ReDropdownMenu, D as ReDropdownSubmenu, f as ReFilterPanel, s as ReInput, k as ReMenu, A as ReMenuItem, S as ReMessage, d as ReNeutralColor, b as RePopconfirm, y as RePopover, l as RePrimaryColor, u as ReSecondaryColor, j as ReSubmenu, p as ReSvgIcon, c as ReTabs, _ as ReTooltip, h as ReTransition, t as _buttonGroupProvideKey, n as buttonNativeTypes, r as buttonSizes, i as buttonTypes, M as components_exports, x as createMessage, C as useDropdownEmits, O as useMenuEmits, v as usePopoverEmits, g as useTooltipEmits, m as useTransitionEmits };

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

@@ -0,0 +1,86 @@
+import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
+import { MenuProps, MenuOption, SubmenuProps } from './index.ts';
+export * from './src/types.ts';
+export * from './src/use-menu-emit.ts';
+export declare const ReMenu: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< MenuProps> & Readonly<{
+        onSelect?: ((value: any, item: MenuOption) => any) | undefined;
+    }>, {
+        select: (value: any, item: MenuOption, exeEmit?: boolean) => void;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        select: (value: any, item: MenuOption) => any;
+    }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< MenuProps> & Readonly<{
+        onSelect?: ((value: any, item: MenuOption) => any) | undefined;
+    }>, {
+        select: (value: any, item: MenuOption, exeEmit?: boolean) => void;
+    }, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< MenuProps> & Readonly<{
+    onSelect?: ((value: any, item: MenuOption) => any) | undefined;
+}>, {
+    select: (value: any, item: MenuOption, exeEmit?: boolean) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    select: (value: any, item: MenuOption) => any;
+}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+});
+export declare const ReSubmenu: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< SubmenuProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< SubmenuProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< SubmenuProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        label?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    };
+});
+export declare const ReMenuItem: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< MenuOption> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< MenuOption> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< MenuOption> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        icon?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        'sub-icon'?: (props: {}) => any;
+    } & {
+        'item-submenu'?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        submenu?: (props: {}) => any;
+    };
+});
+export default ReMenu;

package/es/components/menu/index.mjs

@@ -0,0 +1,13 @@
+import { withInstall as e } from "../../utils/vue/index.mjs";
+import "../../utils/index.mjs";
+import t from "./src/menu-item.mjs";
+import n from "./src/submenu.mjs";
+import { useMenuEmits as r } from "./src/use-menu-emit.mjs";
+import i from "./src/menu.mjs";
+//#region packages/components/menu/index.ts
+var a = e(i, {
+	Submenu: n,
+	MenuItem: t
+}), o = e(n), s = e(t);
+//#endregion
+export { a as ReMenu, a as default, s as ReMenuItem, o as ReSubmenu, r as useMenuEmits };

package/es/components/menu/src/constants.d.ts

@@ -0,0 +1 @@
+export declare const _menuProvideKey: unique symbol;

package/es/components/menu/src/constants.mjs

@@ -0,0 +1,4 @@
+//#region packages/components/menu/src/constants.ts
+var e = Symbol("_menuProvideKey");
+//#endregion
+export { e as _menuProvideKey };

package/es/components/menu/src/loop.mjs

@@ -0,0 +1,5 @@
+import e from "./loop.vue_vue_type_script_setup_true_lang.mjs";
+//#region packages/components/menu/src/loop.vue
+var t = e;
+//#endregion
+export { t as default };

package/es/components/menu/src/loop.vue.d.ts

@@ -0,0 +1,18 @@
+import { MenuOption } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    options?: MenuOption[];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/menu/src/loop.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,22 @@
+import e from "./menu-item.mjs";
+import t from "./submenu.mjs";
+import { Fragment as n, createBlock as r, createElementBlock as i, defineComponent as a, mergeProps as o, openBlock as s, renderList as c, renderSlot as l } from "vue";
+//#region packages/components/menu/src/loop.vue?vue&type=script&setup=true&lang.ts
+var u = a({
+	__name: "loop",
+	props: { options: { default: () => void 0 } },
+	setup(a) {
+		return (u, d) => (s(), i("ul", null, [l(u.$slots, "default", {}, () => [(s(!0), i(n, null, c(a.options, (a) => {
+			var c;
+			return s(), i(n, { key: typeof a.value == "boolean" ? a.label : a.value }, [a != null && (c = a.children) != null && c.length ? (s(), r(t, {
+				key: 0,
+				item: a
+			}, null, 8, ["item"])) : (s(), r(e, o({
+				key: 1,
+				ref_for: !0
+			}, a), null, 16))], 64);
+		}), 128))])]));
+	}
+});
+//#endregion
+export { u as default };

package/es/components/menu/src/menu-item.mjs

@@ -0,0 +1,5 @@
+import e from "./menu-item.vue_vue_type_script_setup_true_lang.mjs";
+//#region packages/components/menu/src/menu-item.vue
+var t = e;
+//#endregion
+export { t as default };

package/es/components/menu/src/menu-item.vue.d.ts

@@ -0,0 +1,25 @@
+import { MenuOption } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare var __VLS_7: {}, __VLS_14: {}, __VLS_16: {}, __VLS_30: {}, __VLS_37: {}, __VLS_39: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_7) => any;
+} & {
+    default?: (props: typeof __VLS_14) => any;
+} & {
+    'sub-icon'?: (props: typeof __VLS_16) => any;
+} & {
+    'item-submenu'?: (props: typeof __VLS_30) => any;
+} & {
+    default?: (props: typeof __VLS_37) => any;
+} & {
+    submenu?: (props: typeof __VLS_39) => any;
+};
+declare const __VLS_base: DefineComponent<MenuOption, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<MenuOption> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/menu/src/menu-item.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,232 @@
+import { toPx as e } from "../../../utils/util.mjs";
+import "../../../utils/index.mjs";
+import { useNamespace as t } from "../../../composables/use-namespace/index.mjs";
+import { useTheme as n } from "../../../composables/use-theme/index.mjs";
+import "../../../composables/index.mjs";
+import { ReTooltip as ee } from "../../tooltip/index.mjs";
+import { _menuProvideKey as r } from "./constants.mjs";
+import i from "./loop.mjs";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, inject as te, normalizeClass as p, normalizeStyle as m, onMounted as h, openBlock as g, ref as _, renderSlot as v, resolveDynamicComponent as y, toDisplayString as b, unref as x, withCtx as S } from "vue";
+import { computedAsync as C } from "@vueuse/core";
+import { ArrowDownward as w, getAsyncIcon as T } from "@rappel-ui/svg-icons";
+//#region packages/components/menu/src/menu-item.vue?vue&type=script&setup=true&lang.ts
+var E = ["depth"], D = f({
+	name: "ReMenuItem",
+	__name: "menu-item",
+	props: {
+		value: { default: () => void 0 },
+		label: { default: () => void 0 },
+		disabled: {
+			type: Boolean,
+			default: () => void 0
+		},
+		children: { default: () => [] },
+		hasChildren: {
+			type: Boolean,
+			default: () => void 0
+		},
+		icon: { default: "" },
+		subIcon: { default: () => w },
+		depth: { default: () => void 0 }
+	},
+	setup(f) {
+		let { n: w, nm: D, ns: O, is: k, has: ne } = t("menu"), A = a(() => {
+			var e, t;
+			return (e = f.hasChildren) == null ? ((t = f.children) == null ? void 0 : t.length) > 0 : e;
+		}), j = a(() => !(A.value && !f.disabled)), M = _(!1), N = te(r), P = (e) => {
+			e !== f.value || A.value || f.disabled || N == null || N.select(f.value, {
+				label: f.label,
+				disabled: f.disabled,
+				value: f.value,
+				children: f.children,
+				hasChildren: f.hasChildren,
+				icon: f.icon,
+				subIcon: f.subIcon,
+				depth: Z.value
+			}, !1);
+		}, re = (e) => {
+			if (e.stopPropagation(), !(A.value || f.disabled) && (N == null || N.select(f.value, {
+				label: f.label,
+				disabled: f.disabled,
+				value: f.value,
+				children: f.children,
+				hasChildren: f.hasChildren,
+				icon: f.icon,
+				subIcon: f.subIcon,
+				depth: Z.value
+			}), U.value)) {
+				var t;
+				N == null || (t = N.submenuClosers) == null || t.forEach((e) => {
+					var t;
+					return e == null || (t = e.close) == null ? void 0 : t.call(e);
+				});
+			}
+		}, F = C(async () => await T(f.icon)), I = C(async () => await T(f.subIcon)), L = a(() => {
+			var e;
+			return (N == null || (e = N.currentItem.value) == null ? void 0 : e.value) === f.value;
+		}), R = a(() => {
+			var e;
+			return N == null || (e = N.collapse) == null ? void 0 : e.value;
+		}), z = a(() => {
+			var e;
+			return N == null || (e = N.cssDuration) == null ? void 0 : e.value;
+		}), B = a(() => {
+			var e;
+			return N == null || (e = N.depth) == null ? void 0 : e.value;
+		}), V = a(() => {
+			var e;
+			return N == null || (e = N.offset) == null ? void 0 : e.value;
+		}), H = a(() => {
+			var e;
+			return N == null || (e = N.submenuOffset) == null ? void 0 : e.value;
+		}), U = a(() => {
+			var e;
+			return N == null || (e = N.closeOnSelect) == null ? void 0 : e.value;
+		}), W = a(() => {
+			var e;
+			return N == null || (e = N.direction) == null ? void 0 : e.value;
+		}), G = a(() => {
+			var e;
+			return N == null || (e = N.selectedKey) == null ? void 0 : e.value;
+		}), K = a(() => {
+			var e;
+			return N == null || (e = N.labelPadding) == null ? void 0 : e.value;
+		}), q = a(() => {
+			var e;
+			return N == null || (e = N.trigger) == null ? void 0 : e.value;
+		}), J = a(() => N.theme.value), { currentTheme: Y } = n(J.value, j.value), X = a(() => ({ "--menu-transition-duration": `${z.value}ms` })), ie = a(() => [{ padding: `0 ${e(K.value)}` }]), ae = a(() => [
+			O("item"),
+			k("disabled", f.disabled),
+			ne("children", A.value),
+			k("selected", L.value)
+		]), Z = a(() => {
+			var e;
+			return (e = f.depth) == null ? B.value : e;
+		}), oe = a(typeof (N == null ? void 0 : N.placement) == "function" ? () => {
+			var e;
+			return N == null || (e = N.placement) == null ? void 0 : e.call(N, W.value, Z.value, A.value);
+		} : () => W.value === "vertical" ? Z.value === 0 ? "right" : "right-start" : Z.value === 0 ? "bottom" : "right-start"), se = a(() => W.value === "vertical" ? !R.value || !A.value && Z.value !== 0 || A.value && Z.value !== 0 && f.disabled : f.disabled || !A.value), ce = a(typeof (N == null ? void 0 : N.showArrow) == "function" ? () => {
+			var e;
+			return N == null || (e = N.showArrow) == null ? void 0 : e.call(N, Z.value);
+		} : () => Z.value === 0);
+		if (U.value && !f.disabled) {
+			var Q;
+			let e = {
+				value: f.value,
+				close: () => {
+					M.value = !1;
+				}
+			};
+			if (!(N != null && (Q = N.submenuClosers) != null && Q.some((e) => e.value === f.value))) {
+				var $;
+				N == null || ($ = N.submenuClosers) == null || $.push(e);
+			}
+		}
+		let le = () => {
+			if (Z.value === 0 && A.value) {
+				var e;
+				N == null || (e = N.topSubMenusKeys) == null || (e = e.value) == null || e.push(f.value);
+			}
+		};
+		return h(() => {
+			var e;
+			N == null || (e = N.registerDescendant) == null || e.call(N, f.value), le(), P(G.value);
+		}), (e, t) => {
+			var n;
+			return g(), c("li", {
+				class: p(ae.value),
+				depth: Z.value,
+				onClick: re
+			}, [d(x(ee), {
+				visible: M.value,
+				"onUpdate:visible": t[0] || (t[0] = (e) => M.value = e),
+				"floating-class": [A.value && !f.disabled ? x(D)("tooltip") : x(D)("cover"), x(k)("disabled", f.disabled)],
+				disabled: se.value,
+				teleported: Z.value === 0,
+				placement: oe.value,
+				"show-arrow": ce.value,
+				theme: J.value,
+				"reverse-theme": j.value,
+				"css-duration": z.value,
+				transform: !1,
+				offset: Z.value === 0 ? V.value : H.value,
+				transition: "menu",
+				trigger: !((n = e.$slots) != null && n["item-submenu"]) && !A.value ? "hover" : q.value
+			}, {
+				content: S(() => {
+					var t;
+					return [(t = e.$slots) != null && t["item-submenu"] && !f.disabled ? (g(), o(i, {
+						key: 0,
+						class: p([
+							x(w)(),
+							x(D)("tooltip"),
+							x(k)(x(Y), !!x(Y))
+						]),
+						style: m(X.value)
+					}, {
+						default: S(() => [v(e.$slots, "item-submenu")]),
+						_: 3
+					}, 8, ["class", "style"])) : A.value && !f.disabled ? (g(), o(i, {
+						key: 1,
+						class: p([
+							x(w)(),
+							x(D)("tooltip"),
+							x(k)(x(Y), !!x(Y))
+						]),
+						style: m(X.value),
+						options: f.children
+					}, null, 8, [
+						"class",
+						"style",
+						"options"
+					])) : v(e.$slots, "default", {}, () => [u(b(f.label), 1)], void 0, 2)];
+				}),
+				default: S(() => [l("div", {
+					class: p([x(O)("label-wrap")]),
+					style: m(ie.value),
+					tabindex: "0"
+				}, [
+					f.icon ? (g(), c("div", {
+						key: 0,
+						class: p([x(O)("icon")])
+					}, [v(e.$slots, "icon", {}, () => [typeof x(F) == "string" ? (g(), c("i", {
+						key: 0,
+						class: p([x(F)]),
+						"aria-hidden": "true"
+					}, null, 2)) : (g(), o(y(x(F)), {
+						key: 1,
+						"aria-hidden": "true"
+					}))])], 2)) : s("", !0),
+					l("div", { class: p([x(O)("label")]) }, [v(e.$slots, "default", {}, () => [u(b(f.label), 1)])], 2),
+					f.subIcon && A.value ? (g(), c("div", {
+						key: 1,
+						class: p([x(O)("subicon")])
+					}, [v(e.$slots, "sub-icon", {}, () => [typeof x(I) == "string" ? (g(), c("i", {
+						key: 0,
+						class: p([x(I), x(w)("svg-icon")]),
+						"aria-hidden": "true"
+					}, null, 2)) : (g(), o(y(x(I)), {
+						key: 1,
+						class: p([x(w)("svg-icon")]),
+						"aria-hidden": "true"
+					}, null, 8, ["class"]))])], 2)) : s("", !0)
+				], 6)]),
+				_: 3
+			}, 8, [
+				"visible",
+				"floating-class",
+				"disabled",
+				"teleported",
+				"placement",
+				"show-arrow",
+				"theme",
+				"reverse-theme",
+				"css-duration",
+				"offset",
+				"trigger"
+			]), v(e.$slots, "submenu")], 10, E);
+		};
+	}
+});
+//#endregion
+export { D as default };

package/es/components/menu/src/menu.mjs

@@ -0,0 +1,5 @@
+import e from "./menu.vue_vue_type_script_setup_true_lang.mjs";
+//#region packages/components/menu/src/menu.vue
+var t = e;
+//#endregion
+export { t as default };

package/es/components/menu/src/menu.vue.d.ts

@@ -0,0 +1,21 @@
+import { MenuProps, MenuOption } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: DefineComponent<MenuProps, {
+    select: (value: any, item: MenuOption, exeEmit?: boolean) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    select: (value: any, item: MenuOption) => any;
+}, string, PublicProps, Readonly<MenuProps> & Readonly<{
+    onSelect?: ((value: any, item: MenuOption) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};