rappel-ui 1.0.39 → 1.0.41

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

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

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

@@ -1,8 +1,10 @@
 import { MenuProps, MenuOption } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_8: {};
+declare var __VLS_8: {}, __VLS_11: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
+} & {
+    'ellipsis-icon'?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: DefineComponent<MenuProps, {
     select: (value: any, item: MenuOption, exeEmit?: boolean) => void;

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

@@ -1,14 +1,15 @@
-import { normalizeOptions as e } from "../../../utils/util.mjs";
+import { normalizeOptions as e, toPx as t } 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 { useNamespace as n } from "../../../composables/use-namespace/index.mjs";
+import { useTheme as r } from "../../../composables/use-theme/index.mjs";
 import "../../../composables/index.mjs";
-import { _menuProvideKey as r } from "./constants.mjs";
-import i from "./loop.mjs";
-import { useMenuEmits as a } from "./use-menu-emit.mjs";
-import { computed as o, createBlock as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, provide as f, ref as p, renderSlot as m, withCtx as h } from "vue";
+import { _menuProvideKey as i } from "./constants.mjs";
+import a from "./loop.mjs";
+import { useMenuEmits as o } from "./use-menu-emit.mjs";
+import { computed as s, createBlock as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, openBlock as f, provide as p, ref as m, renderSlot as h, withCtx as g } from "vue";
+import { MoreDotCircleHorizontal as _ } from "@rappel-ui/svg-icons";
 //#region packages/components/menu/src/menu.vue?vue&type=script&setup=true&lang.ts
-var g = c({
+var v = l({
 	name: "ReMenu",
 	__name: "menu",
 	props: {
@@ -22,6 +23,10 @@ var g = c({
 			type: Boolean,
 			default: !1
 		},
+		ellipsis: {
+			type: Boolean,
+			default: !0
+		},
 		offset: { default: 10 },
 		submenuOffset: { default: () => ({
 			mainAxis: 0,
@@ -40,6 +45,7 @@ var g = c({
 			default: !1
 		},
 		trigger: { default: "hover" },
+		ellipsisIcon: { default: () => _ },
 		placement: {
 			type: Function,
 			default: void 0
@@ -50,63 +56,69 @@ var g = c({
 		}
 	},
 	emits: ["select"],
-	setup(c, { expose: g, emit: _ }) {
-		let { select: v } = a(_), { n: y, nm: b, is: x } = t("menu"), { currentTheme: S } = n(c.theme, !1), C = o(() => [
-			y(),
-			x(S.value, !!S.value),
-			x("collapse", c.collapse),
-			b(c.direction)
-		]), w = o(() => ({ "--menu-transition-duration": `${c.cssDuration}ms` })), T = p(null), E = (e, t, n = !0) => {
-			t.disabled || (T.value = t, n && (v(e, t), L.value = void 0), j(e));
-		}, D = Object.assign({}, {
+	setup(l, { expose: _, emit: v }) {
+		let { select: y } = o(v), { n: b, nm: x, is: S } = n("menu"), { currentTheme: C } = r(l.theme, !1), w = s(() => [
+			b(),
+			S(C.value, !!C.value),
+			S("collapse", l.collapse),
+			x(l.direction)
+		]), T = s(() => ({
+			"--menu-transition-duration": `${l.cssDuration}ms`,
+			[`--${b("menu-label-padding")}`]: l.direction === "vertical" && l.collapse ? t(l.labelPadding) : void 0
+		})), E = m(null), D = (e, t, n = !0) => {
+			t.disabled || (E.value = t, n && (y(e, t), R.value = void 0), M(e));
+		}, O = Object.assign({}, {
 			label: "label",
 			value: "value",
 			disabled: "disabled",
 			children: "children"
-		}, c.mapper || {}), O = (e) => ({
+		}, l.mapper || {}), k = (e) => ({
 			...e,
-			label: e[D.label],
-			value: e[D.value],
-			disabled: e[D.disabled],
-			children: e[D.children]
-		}), k = o(() => e(c.options, O)), A = [], j = (e) => {
-			A.forEach((t) => t.onSelectChange(e));
-		}, M = (e) => {
-			let t = A.indexOf(e);
-			t > -1 && A.splice(t, 1);
-		}, N = p(0), P = p(c.openedKeys), F = p([]), I = [], L = p(c.selectedKey);
-		return f(r, {
-			select: E,
-			currentItem: T,
-			cssDuration: o(() => c.cssDuration),
-			transition: o(() => c.transition),
-			collapse: o(() => c.collapse),
-			submenuSubscribers: A,
-			broadcastSelect: j,
-			unsubscribeSubmenu: M,
-			depth: N,
-			hasOptions: o(() => !!c.options),
-			openedKeys: P,
-			offset: o(() => c.offset),
-			submenuOffset: o(() => c.submenuOffset),
-			closeOnSelect: o(() => c.closeOnSelect),
-			submenuClosers: I,
-			direction: o(() => c.direction),
-			selectedKey: L,
-			indent: o(() => c.indent),
-			labelPadding: o(() => c.labelPadding),
-			accordion: o(() => c.accordion),
-			topSubMenusKeys: F,
-			trigger: o(() => c.trigger),
-			placement: c.placement,
-			showArrow: c.showArrow,
-			theme: o(() => c.theme)
-		}), g({ select: E }), (e, t) => (d(), s(i, {
-			class: l(C.value),
-			style: u(w.value),
-			options: c.options ? k.value : void 0
+			label: e[O.label],
+			value: e[O.value],
+			disabled: e[O.disabled],
+			children: e[O.children]
+		}), A = s(() => e(l.options, k)), j = [], M = (e) => {
+			j.forEach((t) => t.onSelectChange(e));
+		}, N = (e) => {
+			let t = j.indexOf(e);
+			t > -1 && j.splice(t, 1);
+		}, P = m(0), F = m(l.openedKeys), I = m([]), L = [], R = m(l.selectedKey);
+		return p(i, {
+			select: D,
+			currentItem: E,
+			cssDuration: s(() => l.cssDuration),
+			transition: s(() => l.transition),
+			collapse: s(() => l.collapse),
+			submenuSubscribers: j,
+			broadcastSelect: M,
+			unsubscribeSubmenu: N,
+			depth: P,
+			hasOptions: s(() => !!l.options),
+			openedKeys: F,
+			offset: s(() => l.offset),
+			submenuOffset: s(() => l.submenuOffset),
+			closeOnSelect: s(() => l.closeOnSelect),
+			submenuClosers: L,
+			direction: s(() => l.direction),
+			selectedKey: R,
+			indent: s(() => l.indent),
+			labelPadding: s(() => l.labelPadding),
+			accordion: s(() => l.accordion),
+			topSubMenusKeys: I,
+			trigger: s(() => l.trigger),
+			placement: l.placement,
+			showArrow: l.showArrow,
+			theme: s(() => l.theme),
+			ellipsis: s(() => l.ellipsis),
+			ellipsisIcon: s(() => l.ellipsisIcon)
+		}), _({ select: D }), (e, t) => (f(), c(a, {
+			class: u(w.value),
+			style: d(T.value),
+			options: l.options ? A.value : void 0
 		}, {
-			default: h(() => [m(e.$slots, "default")]),
+			"ellipsis-icon": g(() => [h(e.$slots, "ellipsis-icon")]),
+			default: g(() => [h(e.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"class",
@@ -116,4 +128,4 @@ var g = c({
 	}
 });
 //#endregion
-export { g as default };
+export { v as default };