@v-c/menu 1.0.1 → 1.0.4

package/dist/Divider.cjs

@@ -1,9 +1,12 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
 const require_MenuContext = require("./context/MenuContext.cjs");
 const require_PathContext = require("./context/PathContext.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
+let _v_c_util = require("@v-c/util");
 var Divider = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
 	const menuContext = require_MenuContext.useMenuContext();
 	const measure = require_PathContext.useMeasure();
@@ -12,7 +15,7 @@ var Divider = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
 		if (measure) return null;
 		return (0, vue.createVNode)("li", {
 			"role": "separator",
-			"class": (0, __v_c_util.clsx)(`${prefixCls}-item-divider`, props.class),
+			"class": (0, _v_c_util.clsx)(`${prefixCls}-item-divider`, props.class),
 			"style": props.style
 		}, null);
 	};

package/dist/Icon.cjs

@@ -1,7 +1,10 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
-let __v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
+let _v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
 var Icon = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
 	return () => {
 		const { icon, props: iconProps } = props;
@@ -14,7 +17,7 @@ var Icon = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
 				iconNode = null;
 				return children;
 			}
-			iconNode = (0, __v_c_util_dist_props_util.filterEmpty)(childIcons ? Array.isArray(childIcons) ? childIcons : [childIcons] : []);
+			iconNode = (0, _v_c_util_dist_props_util.filterEmpty)(childIcons ? Array.isArray(childIcons) ? childIcons : [childIcons] : []);
 		} else if (typeof icon !== "boolean") iconNode = icon;
 		return iconNode || children || null;
 	};

package/dist/Menu.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
 const require_MenuContext = require("./context/MenuContext.cjs");
 const require_PathContext = require("./context/PathContext.cjs");
@@ -12,14 +15,14 @@ const require_MenuItem = require("./MenuItem.cjs");
 const require_index = require("./SubMenu/index.cjs");
 const require_nodeUtil = require("./utils/nodeUtil.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
-let __v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
-let __v_c_overflow = require("@v-c/overflow");
-__v_c_overflow = require_rolldown_runtime.__toESM(__v_c_overflow);
-let __v_c_util_dist_hooks_useId = require("@v-c/util/dist/hooks/useId");
-__v_c_util_dist_hooks_useId = require_rolldown_runtime.__toESM(__v_c_util_dist_hooks_useId);
-let __v_c_util_dist_isEqual = require("@v-c/util/dist/isEqual");
-__v_c_util_dist_isEqual = require_rolldown_runtime.__toESM(__v_c_util_dist_isEqual);
+let _v_c_util = require("@v-c/util");
+let _v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
+let _v_c_overflow = require("@v-c/overflow");
+_v_c_overflow = require_rolldown_runtime.__toESM(_v_c_overflow);
+let _v_c_util_dist_hooks_useId = require("@v-c/util/dist/hooks/useId");
+_v_c_util_dist_hooks_useId = require_rolldown_runtime.__toESM(_v_c_util_dist_hooks_useId);
+let _v_c_util_dist_isEqual = require("@v-c/util/dist/isEqual");
+_v_c_util_dist_isEqual = require_rolldown_runtime.__toESM(_v_c_util_dist_isEqual);
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
 }
@@ -37,7 +40,7 @@ var defaults = {
 };
 var Menu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, expose, attrs: _attrs }) => {
 	const containerRef = (0, vue.shallowRef)();
-	const uuid = (0, __v_c_util_dist_hooks_useId.default)(props?.id ? `rc-menu-uuid-${props.id}` : "rc-menu-uuid");
+	const uuid = (0, _v_c_util_dist_hooks_useId.default)(props?.id ? `vc-menu-uuid-${props.id}` : "vc-menu-uuid");
 	const isRtl = (0, vue.computed)(() => props?.direction === "rtl");
 	const childList = (0, vue.shallowRef)([]);
 	const mergedOverflowIndicator = (0, vue.computed)(() => props.overflowedIndicator ?? defaults.overflowedIndicator);
@@ -151,7 +154,7 @@ var Menu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, expose, att
 			const subPathKeys = getSubPathKeys(key);
 			newOpenKeys = newOpenKeys.filter((k) => !subPathKeys.has(k));
 		}
-		if (!(0, __v_c_util_dist_isEqual.default)(mergedOpenKeys.value, newOpenKeys, true)) triggerOpenKeys(newOpenKeys, true);
+		if (!(0, _v_c_util_dist_isEqual.default)(mergedOpenKeys.value, newOpenKeys, true)) triggerOpenKeys(newOpenKeys, true);
 	};
 	const triggerAccessibilityOpen = (key, open) => {
 		onInternalOpenChange(key, open ?? !mergedOpenKeys.value.includes(key));
@@ -226,12 +229,11 @@ var Menu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, expose, att
 		}
 	});
 	return () => {
-		const children = (0, __v_c_util_dist_props_util.filterEmpty)(slots.default?.());
-		const parsedChildList = require_nodeUtil.parseItems(children, props?.items, EMPTY_LIST, props?._internalComponents || {}, props?.prefixCls || defaults.prefixCls, {
+		const children = (0, _v_c_util_dist_props_util.filterEmpty)(slots.default?.());
+		childList.value = require_nodeUtil.parseItems(children, props?.items, EMPTY_LIST, props?._internalComponents || {}, props?.prefixCls || defaults.prefixCls, {
 			labelRender: props?.labelRender,
 			extraRender: props?.extraRender
 		});
-		if (childList.value.length !== parsedChildList.length || !(0, __v_c_util_dist_isEqual.default)(childList.value.map((n) => n?.key), parsedChildList.map((n) => n?.key))) childList.value = parsedChildList;
 		const measureChildList = require_nodeUtil.parseItems(children, props?.items, EMPTY_LIST, {}, props?.prefixCls || defaults.prefixCls);
 		const wrappedChildList = internalMode.value !== "horizontal" || props?.disabledOverflow ? childList.value : childList.value.map((child, index) => (0, vue.createVNode)(require_MenuContext.default, {
 			"key": child.key,
@@ -239,12 +241,12 @@ var Menu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, expose, att
 			"classes": props.classes,
 			"styles": props.styles
 		}, _isSlot(child) ? child : { default: () => [child] }));
-		const container = (0, vue.createVNode)(__v_c_overflow.default, (0, vue.mergeProps)({
+		const container = (0, vue.createVNode)(_v_c_overflow.default, (0, vue.mergeProps)({
 			"ref": containerRef,
 			"prefixCls": `${props.prefixCls || defaults.prefixCls}-overflow`,
 			"component": "ul",
 			"itemComponent": require_MenuItem.default,
-			"class": (0, __v_c_util.classNames)(props.prefixCls || defaults.prefixCls, `${props.prefixCls || defaults.prefixCls}-root`, `${props.prefixCls || defaults.prefixCls}-${internalMode.value}`, _attrs.class || "", {
+			"class": (0, _v_c_util.classNames)(props.prefixCls || defaults.prefixCls, `${props.prefixCls || defaults.prefixCls}-root`, `${props.prefixCls || defaults.prefixCls}-${internalMode.value}`, _attrs.class || "", {
 				[`${props.prefixCls || defaults.prefixCls}-inline-collapsed`]: internalInlineCollapsed.value,
 				[`${props.prefixCls || defaults.prefixCls}-rtl`]: isRtl.value
 			}, props.rootClass),
@@ -264,7 +266,7 @@ var Menu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, expose, att
 					"popupClassName": props.overflowedIndicatorPopupClassName
 				}, _isSlot(originOmitItems) ? originOmitItems : { default: () => [originOmitItems] });
 			},
-			"maxCount": internalMode.value !== "horizontal" || props?.disabledOverflow ? __v_c_overflow.default.INVALIDATE : __v_c_overflow.default.RESPONSIVE,
+			"maxCount": internalMode.value !== "horizontal" || props?.disabledOverflow ? _v_c_overflow.default.INVALIDATE : _v_c_overflow.default.RESPONSIVE,
 			"ssr": "full",
 			"data-menu-list": true,
 			"onVisibleChange": (newLastIndex) => {

package/dist/Menu.js

@@ -32,7 +32,7 @@ var defaults = {
 };
 var Menu_default = /* @__PURE__ */ defineComponent((props, { slots, expose, attrs: _attrs }) => {
 	const containerRef = shallowRef();
-	const uuid = useId(props?.id ? `rc-menu-uuid-${props.id}` : "rc-menu-uuid");
+	const uuid = useId(props?.id ? `vc-menu-uuid-${props.id}` : "vc-menu-uuid");
 	const isRtl = computed(() => props?.direction === "rtl");
 	const childList = shallowRef([]);
 	const mergedOverflowIndicator = computed(() => props.overflowedIndicator ?? defaults.overflowedIndicator);
@@ -222,11 +222,10 @@ var Menu_default = /* @__PURE__ */ defineComponent((props, { slots, expose, attr
 	});
 	return () => {
 		const children = filterEmpty(slots.default?.());
-		const parsedChildList = parseItems(children, props?.items, EMPTY_LIST, props?._internalComponents || {}, props?.prefixCls || defaults.prefixCls, {
+		childList.value = parseItems(children, props?.items, EMPTY_LIST, props?._internalComponents || {}, props?.prefixCls || defaults.prefixCls, {
 			labelRender: props?.labelRender,
 			extraRender: props?.extraRender
 		});
-		if (childList.value.length !== parsedChildList.length || !isEqual(childList.value.map((n) => n?.key), parsedChildList.map((n) => n?.key))) childList.value = parsedChildList;
 		const measureChildList = parseItems(children, props?.items, EMPTY_LIST, {}, props?.prefixCls || defaults.prefixCls);
 		const wrappedChildList = internalMode.value !== "horizontal" || props?.disabledOverflow ? childList.value : childList.value.map((child, index) => createVNode(MenuContext_default, {
 			"key": child.key,

package/dist/MenuItem.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
 const require_MenuContext = require("./context/MenuContext.cjs");
 const require_PathContext = require("./context/PathContext.cjs");
@@ -9,26 +12,26 @@ const require_useActive = require("./hooks/useActive.cjs");
 const require_useDirectionStyle = require("./hooks/useDirectionStyle.cjs");
 const require_warnUtil = require("./utils/warnUtil.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
-let __v_c_util_dist_omit = require("@v-c/util/dist/omit");
-__v_c_util_dist_omit = require_rolldown_runtime.__toESM(__v_c_util_dist_omit);
-let __v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
-let __v_c_overflow = require("@v-c/overflow");
-__v_c_overflow = require_rolldown_runtime.__toESM(__v_c_overflow);
-let __v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
-__v_c_util_dist_KeyCode = require_rolldown_runtime.__toESM(__v_c_util_dist_KeyCode);
+let _v_c_util = require("@v-c/util");
+let _v_c_util_dist_omit = require("@v-c/util/dist/omit");
+_v_c_util_dist_omit = require_rolldown_runtime.__toESM(_v_c_util_dist_omit);
+let _v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
+let _v_c_overflow = require("@v-c/overflow");
+_v_c_overflow = require_rolldown_runtime.__toESM(_v_c_overflow);
+let _v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
+_v_c_util_dist_KeyCode = require_rolldown_runtime.__toESM(_v_c_util_dist_KeyCode);
 var LegacyMenuItem = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, attrs }) => {
 	return () => {
-		const { title, attribute,...restProps } = attrs;
+		const { title, attribute, ...restProps } = attrs;
 		const { elementRef } = props;
-		const passedProps = (0, __v_c_util_dist_omit.default)(restProps, [
+		const passedProps = (0, _v_c_util_dist_omit.default)(restProps, [
 			"eventKey",
 			"popupClassName",
 			"popupOffset",
 			"onTitleClick"
 		]);
-		(0, __v_c_util.warning)(!attribute, "`attribute` of Menu.Item is deprecated. Please pass attribute directly.");
-		return (0, vue.createVNode)(__v_c_overflow.default.Item, (0, vue.mergeProps)(attribute, { "title": typeof title === "string" ? title : void 0 }, passedProps, { "ref": elementRef }), { default: () => [slots?.default?.()] });
+		(0, _v_c_util.warning)(!attribute, "`attribute` of Menu.Item is deprecated. Please pass attribute directly.");
+		return (0, vue.createVNode)(_v_c_overflow.default.Item, (0, vue.mergeProps)(attribute, { "title": typeof title === "string" ? title : void 0 }, passedProps, { "ref": elementRef }), { default: () => [slots?.default?.()] });
 	};
 }, {
 	props: { elementRef: {
@@ -39,7 +42,7 @@ var LegacyMenuItem = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, a
 	inheritAttrs: false
 });
 var InternalMenuItem = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, attrs }) => {
-	const { eventKey } = (0, __v_c_util_dist_props_util.toPropsRefs)(props, "eventKey");
+	const { eventKey } = (0, _v_c_util_dist_props_util.toPropsRefs)(props, "eventKey");
 	const domDataId = require_IdContext.useMenuId(eventKey);
 	const menuContext = require_MenuContext.useMenuContext();
 	const privateContext = require_PrivateContext.usePrivateContext();
@@ -47,7 +50,7 @@ var InternalMenuItem = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots,
 	const elementRef = (0, vue.shallowRef)();
 	const mergedDisabled = (0, vue.computed)(() => props.disabled ?? menuContext?.value?.disabled);
 	const connectedKeys = require_PathContext.useFullPath(eventKey);
-	if (process.env.NODE_ENV !== "production" && props.warnKey) (0, __v_c_util.warning)(false, "MenuItem should not leave undefined `key`.");
+	if (process.env.NODE_ENV !== "production" && props.warnKey) (0, _v_c_util.warning)(false, "MenuItem should not leave undefined `key`.");
 	const getEventInfo = (e) => {
 		return {
 			key: eventKey.value,
@@ -68,7 +71,7 @@ var InternalMenuItem = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots,
 	};
 	const onInternalKeyDown = (e) => {
 		props?.onKeyDown?.(e);
-		if (e.which === __v_c_util_dist_KeyCode.default.ENTER) {
+		if (e.which === _v_c_util_dist_KeyCode.default.ENTER) {
 			const info = getEventInfo(e);
 			props?.onClick?.(require_warnUtil.warnItemProp(info));
 			menuContext?.value?.onItemClick?.(info);
@@ -79,7 +82,7 @@ var InternalMenuItem = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots,
 		props?.onFocus?.(e);
 	};
 	return () => {
-		const { role, disabled, itemIcon,...restProps } = props;
+		const { role, disabled, itemIcon, ...restProps } = props;
 		const optionRoleProps = {};
 		if (role === "option") optionRoleProps["aria-selected"] = selected.value;
 		const { prefixCls, overflowDisabled, itemIcon: contextItemIcon } = menuContext?.value ?? {};
@@ -95,14 +98,14 @@ var InternalMenuItem = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots,
 			"role": role === null ? "none" : role || "menuitem",
 			"tabIndex": disabled ? null : -1,
 			"data-menu-id": overflowDisabled && domDataId.value ? null : domDataId.value
-		}, (0, __v_c_util_dist_omit.default)({
+		}, (0, _v_c_util_dist_omit.default)({
 			...restProps,
 			...attrs
 		}, ["extra"]), activeProps, optionRoleProps, {
 			"component": "li",
 			"aria-disabled": disabled,
 			"style": [directionStyle.value, props?.style],
-			"className": (0, __v_c_util.clsx)(itemCls, {
+			"className": (0, _v_c_util.clsx)(itemCls, {
 				[`${itemCls}-active`]: active.value,
 				[`${itemCls}-selected`]: selected.value,
 				[`${itemCls}-disabled`]: mergedDisabled.value
@@ -218,7 +221,7 @@ var InternalMenuItem = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots,
 	inheritAttrs: false
 });
 var MenuItem = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, attrs }) => {
-	const { eventKey } = (0, __v_c_util_dist_props_util.toPropsRefs)(props, "eventKey");
+	const { eventKey } = (0, _v_c_util_dist_props_util.toPropsRefs)(props, "eventKey");
 	const measure = require_PathContext.useMeasure();
 	const connectedKeyPath = require_PathContext.useFullPath(eventKey);
 	(0, vue.watch)([connectedKeyPath], (_n, _o, onCleanup) => {

package/dist/MenuItem.js

@@ -14,7 +14,7 @@ import Overflow from "@v-c/overflow";
 import KeyCode from "@v-c/util/dist/KeyCode";
 var LegacyMenuItem = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 	return () => {
-		const { title, attribute,...restProps } = attrs;
+		const { title, attribute, ...restProps } = attrs;
 		const { elementRef } = props;
 		const passedProps = omit(restProps, [
 			"eventKey",
@@ -74,7 +74,7 @@ var InternalMenuItem = /* @__PURE__ */ defineComponent((props, { slots, attrs })
 		props?.onFocus?.(e);
 	};
 	return () => {
-		const { role, disabled, itemIcon,...restProps } = props;
+		const { role, disabled, itemIcon, ...restProps } = props;
 		const optionRoleProps = {};
 		if (role === "option") optionRoleProps["aria-selected"] = selected.value;
 		const { prefixCls, overflowDisabled, itemIcon: contextItemIcon } = menuContext?.value ?? {};

package/dist/MenuItemGroup.cjs

@@ -1,33 +1,36 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
 const require_MenuContext = require("./context/MenuContext.cjs");
 const require_PathContext = require("./context/PathContext.cjs");
 const require_commonUtil = require("./utils/commonUtil.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
-let __v_c_util_dist_omit = require("@v-c/util/dist/omit");
-__v_c_util_dist_omit = require_rolldown_runtime.__toESM(__v_c_util_dist_omit);
-let __v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
+let _v_c_util = require("@v-c/util");
+let _v_c_util_dist_omit = require("@v-c/util/dist/omit");
+_v_c_util_dist_omit = require_rolldown_runtime.__toESM(_v_c_util_dist_omit);
+let _v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
 }
 var InternalMenuItemGroup = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
 	const context = require_MenuContext.useMenuContext();
 	return () => {
-		const { class: className, title, eventKey,...restProps } = props;
+		const { class: className, title, eventKey, ...restProps } = props;
 		const { prefixCls, classes: menuClassNames, styles } = context?.value ?? {};
 		const groupPrefixCls = `${prefixCls}-item-group`;
 		return (0, vue.createVNode)("li", (0, vue.mergeProps)({ "role": "presentation" }, restProps, {
 			"onClick": (e) => e.stopPropagation(),
-			"class": (0, __v_c_util.clsx)(groupPrefixCls, className)
+			"class": (0, _v_c_util.clsx)(groupPrefixCls, className)
 		}), [(0, vue.createVNode)("div", {
 			"role": "presentation",
-			"class": (0, __v_c_util.clsx)(`${groupPrefixCls}-title`, menuClassNames?.listTitle),
+			"class": (0, _v_c_util.clsx)(`${groupPrefixCls}-title`, menuClassNames?.listTitle),
 			"style": styles?.listTitle,
 			"title": typeof title === "string" ? title : void 0
 		}, [title]), (0, vue.createVNode)("ul", {
 			"role": "group",
-			"class": (0, __v_c_util.clsx)(`${groupPrefixCls}-list`, menuClassNames?.list),
+			"class": (0, _v_c_util.clsx)(`${groupPrefixCls}-list`, menuClassNames?.list),
 			"style": styles?.list
 		}, [slots?.default ? slots.default() : null])]);
 	};
@@ -74,9 +77,9 @@ var MenuItemGroup = /* @__PURE__ */ (0, vue.defineComponent)((props, ctx) => {
 	const measure = require_PathContext.useMeasure();
 	return () => {
 		const slots = ctx.slots;
-		const childList = require_commonUtil.parseChildren((0, __v_c_util_dist_props_util.filterEmpty)(slots.default ? slots.default() : []), connectedKeyPath.value);
+		const childList = require_commonUtil.parseChildren((0, _v_c_util_dist_props_util.filterEmpty)(slots.default ? slots.default() : []), connectedKeyPath.value);
 		if (measure) return childList;
-		return (0, vue.createVNode)(InternalMenuItemGroup, (0, __v_c_util_dist_omit.default)(props, ["warnKey"]), _isSlot(childList) ? childList : { default: () => [childList] });
+		return (0, vue.createVNode)(InternalMenuItemGroup, (0, _v_c_util_dist_omit.default)(props, ["warnKey"]), _isSlot(childList) ? childList : { default: () => [childList] });
 	};
 }, {
 	props: {

package/dist/MenuItemGroup.js

@@ -11,7 +11,7 @@ function _isSlot(s) {
 var InternalMenuItemGroup = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	const context = useMenuContext();
 	return () => {
-		const { class: className, title, eventKey,...restProps } = props;
+		const { class: className, title, eventKey, ...restProps } = props;
 		const { prefixCls, classes: menuClassNames, styles } = context?.value ?? {};
 		const groupPrefixCls = `${prefixCls}-item-group`;
 		return createVNode("li", mergeProps({ "role": "presentation" }, restProps, {

package/dist/SubMenu/InlineSubMenuList.cjs

@@ -1,10 +1,13 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_MenuContext = require("../context/MenuContext.cjs");
 const require_motionUtil = require("../utils/motionUtil.cjs");
 const require_SubMenuList = require("./SubMenuList.cjs");
 let vue = require("vue");
-let __v_c_util_dist_utils_transition = require("@v-c/util/dist/utils/transition");
+let _v_c_util_dist_utils_transition = require("@v-c/util/dist/utils/transition");
 var InlineSubMenuList = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
 	const fixedMode = "inline";
 	const menuContext = require_MenuContext.useMenuContext();
@@ -33,7 +36,7 @@ var InlineSubMenuList = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots
 		return (0, vue.createVNode)(require_MenuContext.default, {
 			"mode": fixedMode,
 			"locked": !sameModeRef.value
-		}, { default: () => [(0, vue.createVNode)(vue.Transition, (0, __v_c_util_dist_utils_transition.getTransitionProps)(mergedMotion.value?.name, mergedMotion.value), { default: () => [mergedOpen.value && (0, vue.createVNode)(require_SubMenuList.default, { "id": props.id }, { default: () => [slots?.default?.()] })] })] });
+		}, { default: () => [(0, vue.createVNode)(vue.Transition, (0, _v_c_util_dist_utils_transition.getTransitionProps)(mergedMotion.value?.name, mergedMotion.value), { default: () => [mergedOpen.value && (0, vue.createVNode)(require_SubMenuList.default, { "id": props.id }, { default: () => [slots?.default?.()] })] })] });
 	};
 }, {
 	props: {

package/dist/SubMenu/PopupTrigger.cjs

@@ -1,14 +1,17 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_MenuContext = require("../context/MenuContext.cjs");
 const require_motionUtil = require("../utils/motionUtil.cjs");
 const require_placements = require("../placements.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
-let __v_c_trigger = require("@v-c/trigger");
-__v_c_trigger = require_rolldown_runtime.__toESM(__v_c_trigger);
-let __v_c_util_dist_raf = require("@v-c/util/dist/raf");
-__v_c_util_dist_raf = require_rolldown_runtime.__toESM(__v_c_util_dist_raf);
+let _v_c_util = require("@v-c/util");
+let _v_c_trigger = require("@v-c/trigger");
+_v_c_trigger = require_rolldown_runtime.__toESM(_v_c_trigger);
+let _v_c_util_dist_raf = require("@v-c/util/dist/raf");
+_v_c_util_dist_raf = require_rolldown_runtime.__toESM(_v_c_util_dist_raf);
 var popupPlacementMap = {
 	"horizontal": "bottomLeft",
 	"vertical": "rightTop",
@@ -53,19 +56,19 @@ var PopupTrigger = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) =
 	});
 	const visibleRef = (0, vue.shallowRef)();
 	(0, vue.watch)(() => props.visible, (visible, _, onCleanup) => {
-		visibleRef.value = (0, __v_c_util_dist_raf.default)(() => {
+		visibleRef.value = (0, _v_c_util_dist_raf.default)(() => {
 			innerVisible.value = visible;
 		});
 		onCleanup(() => {
-			if (visibleRef.value !== void 0) __v_c_util_dist_raf.default.cancel(visibleRef.value);
+			if (visibleRef.value !== void 0) _v_c_util_dist_raf.default.cancel(visibleRef.value);
 		});
 	});
 	return () => {
 		const { popupClassName, popup, popupStyle, popupOffset, disabled, onVisibleChange, prefixCls } = props;
 		const { rtl, rootClass, mode, getPopupContainer, triggerSubMenuAction, subMenuCloseDelay, subMenuOpenDelay, forceSubMenuRender } = menuContext?.value ?? {};
-		return (0, vue.createVNode)(__v_c_trigger.default, {
+		return (0, vue.createVNode)(_v_c_trigger.default, {
 			"prefixCls": prefixCls,
-			"popupClassName": (0, __v_c_util.clsx)(`${prefixCls}-popup`, { [`${prefixCls}-rtl`]: rtl }, popupClassName, rootClass),
+			"popupClassName": (0, _v_c_util.clsx)(`${prefixCls}-popup`, { [`${prefixCls}-rtl`]: rtl }, popupClassName, rootClass),
 			"stretch": mode === "horizontal" ? "minWidth" : void 0,
 			"getPopupContainer": getPopupContainer,
 			"builtinPlacements": placement.value,

package/dist/SubMenu/SubMenuList.cjs

@@ -1,14 +1,17 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_MenuContext = require("../context/MenuContext.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
+let _v_c_util = require("@v-c/util");
 var InternalSubMenuList = /* @__PURE__ */ (0, vue.defineComponent)((_, { attrs, slots }) => {
 	const menuContext = require_MenuContext.useMenuContext();
 	return () => {
 		const { prefixCls, mode, rtl } = menuContext?.value ?? {};
 		return (0, vue.createVNode)("ul", (0, vue.mergeProps)({
-			"class": (0, __v_c_util.clsx)(prefixCls, !!rtl && `${prefixCls}-rtl`, `${prefixCls}-sub`, `${prefixCls}-${mode === "inline" ? "inline" : "vertical"}`),
+			"class": (0, _v_c_util.clsx)(prefixCls, !!rtl && `${prefixCls}-rtl`, `${prefixCls}-sub`, `${prefixCls}-${mode === "inline" ? "inline" : "vertical"}`),
 			"role": "menu"
 		}, attrs, { "data-menu-list": true }), [slots?.default?.()]);
 	};

package/dist/SubMenu/index.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_MenuContext = require("../context/MenuContext.cjs");
 const require_PathContext = require("../context/PathContext.cjs");
@@ -12,11 +15,11 @@ const require_SubMenuList = require("./SubMenuList.cjs");
 const require_InlineSubMenuList = require("./InlineSubMenuList.cjs");
 const require_PopupTrigger = require("./PopupTrigger.cjs");
 let vue = require("vue");
-let __v_c_util = require("@v-c/util");
-let __v_c_overflow = require("@v-c/overflow");
-__v_c_overflow = require_rolldown_runtime.__toESM(__v_c_overflow);
-let __v_c_util_dist_warning = require("@v-c/util/dist/warning");
-__v_c_util_dist_warning = require_rolldown_runtime.__toESM(__v_c_util_dist_warning);
+let _v_c_util = require("@v-c/util");
+let _v_c_overflow = require("@v-c/overflow");
+_v_c_overflow = require_rolldown_runtime.__toESM(_v_c_overflow);
+let _v_c_util_dist_warning = require("@v-c/util/dist/warning");
+_v_c_util_dist_warning = require_rolldown_runtime.__toESM(_v_c_util_dist_warning);
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
 }
@@ -44,7 +47,7 @@ var InternalSubMenu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots,
 	};
 	const subMenuPrefixCls = (0, vue.computed)(() => `${prefixCls.value}-submenu`);
 	const mergedDisabled = (0, vue.computed)(() => !!(contextDisabled.value || props?.disabled));
-	if (process.env.NODE_ENV !== "production" && props?.warnKey) (0, __v_c_util_dist_warning.default)(false, "SubMenu should not leave undefined `key`.");
+	if (process.env.NODE_ENV !== "production" && props?.warnKey) (0, _v_c_util_dist_warning.default)(false, "SubMenu should not leave undefined `key`.");
 	const mergedExpandIcon = (0, vue.computed)(() => props?.expandIcon ?? contextExpandIcon.value);
 	const originOpen = (0, vue.computed)(() => {
 		const key = props?.eventKey;
@@ -55,7 +58,7 @@ var InternalSubMenu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots,
 		const key = props?.eventKey;
 		return key ? pathUserContext.isSubPathKey(selectedKeys.value, key) : false;
 	});
-	const { active,...activeProps } = require_useActive.default((0, vue.computed)(() => props?.eventKey || ""), mergedDisabled, (e) => props?.onTitleMouseEnter?.(e), (e) => props?.onTitleMouseLeave?.(e));
+	const { active, ...activeProps } = require_useActive.default((0, vue.computed)(() => props?.eventKey || ""), mergedDisabled, (e) => props?.onTitleMouseEnter?.(e), (e) => props?.onTitleMouseLeave?.(e));
 	const childrenActive = (0, vue.ref)(false);
 	const triggerChildrenActive = (newActive) => {
 		if (!mergedDisabled.value) childrenActive.value = newActive;
@@ -107,7 +110,7 @@ var InternalSubMenu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots,
 		else triggerModeRef.value = mode.value;
 	}, { immediate: true });
 	return () => {
-		const { style, title, class: className, popupClassName, popupOffset, popupStyle, classes, styles,...restProps } = props;
+		const { style, title, class: className, popupClassName, popupOffset, popupStyle, classes, styles, ...restProps } = props;
 		const children = slots.default?.();
 		const popupId = domDataId.value && `${domDataId.value}-popup`;
 		const expandIconProps = {
@@ -168,10 +171,10 @@ var InternalSubMenu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots,
 				"onVisibleChange": onPopupVisibleChange
 			}, _isSlot(titleNode) ? titleNode : { default: () => [_titleNode] });
 		}
-		let listNode = (0, vue.createVNode)(__v_c_overflow.default.Item, (0, vue.mergeProps)({ "role": "none" }, attrs, restProps, {
+		let listNode = (0, vue.createVNode)(_v_c_overflow.default.Item, (0, vue.mergeProps)({ "role": "none" }, attrs, restProps, {
 			"component": "li",
 			"style": style,
-			"class": (0, __v_c_util.classNames)(subMenuPrefixCls.value, `${subMenuPrefixCls.value}-${mode.value}`, className, {
+			"class": (0, _v_c_util.classNames)(subMenuPrefixCls.value, `${subMenuPrefixCls.value}-${mode.value}`, className, {
 				[`${subMenuPrefixCls.value}-open`]: open.value,
 				[`${subMenuPrefixCls.value}-active`]: mergedActive.value,
 				[`${subMenuPrefixCls.value}-selected`]: childrenSelected.value,

package/dist/SubMenu/index.js

@@ -51,7 +51,7 @@ var InternalSubMenu = /* @__PURE__ */ defineComponent((props, { slots, attrs })
 		const key = props?.eventKey;
 		return key ? pathUserContext.isSubPathKey(selectedKeys.value, key) : false;
 	});
-	const { active,...activeProps } = useActive(computed(() => props?.eventKey || ""), mergedDisabled, (e) => props?.onTitleMouseEnter?.(e), (e) => props?.onTitleMouseLeave?.(e));
+	const { active, ...activeProps } = useActive(computed(() => props?.eventKey || ""), mergedDisabled, (e) => props?.onTitleMouseEnter?.(e), (e) => props?.onTitleMouseLeave?.(e));
 	const childrenActive = ref(false);
 	const triggerChildrenActive = (newActive) => {
 		if (!mergedDisabled.value) childrenActive.value = newActive;
@@ -103,7 +103,7 @@ var InternalSubMenu = /* @__PURE__ */ defineComponent((props, { slots, attrs })
 		else triggerModeRef.value = mode.value;
 	}, { immediate: true });
 	return () => {
-		const { style, title, class: className, popupClassName, popupOffset, popupStyle, classes, styles,...restProps } = props;
+		const { style, title, class: className, popupClassName, popupOffset, popupStyle, classes, styles, ...restProps } = props;
 		const children = slots.default?.();
 		const popupId = domDataId.value && `${domDataId.value}-popup`;
 		const expandIconProps = {

package/dist/context/IdContext.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 var IdContextKey = Symbol("IdContext");

package/dist/context/MenuContext.cjs

@@ -1,8 +1,11 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
-let __v_c_util_dist_omit = require("@v-c/util/dist/omit");
-__v_c_util_dist_omit = require_rolldown_runtime.__toESM(__v_c_util_dist_omit);
+let _v_c_util_dist_omit = require("@v-c/util/dist/omit");
+_v_c_util_dist_omit = require_rolldown_runtime.__toESM(_v_c_util_dist_omit);
 var MenuContextKey = Symbol("MenuContextKey");
 function mergeProps(origin, target) {
 	const clone = { ...origin };
@@ -21,7 +24,7 @@ function useMenuContextProvider(context) {
 var InheritableContextProvider = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
 	const context = useMenuContext();
 	useMenuContextProvider((0, vue.computed)(() => {
-		return mergeProps(context?.value ?? {}, (0, __v_c_util_dist_omit.default)(props, ["locked"]));
+		return mergeProps(context?.value ?? {}, (0, _v_c_util_dist_omit.default)(props, ["locked"]));
 	}));
 	return () => {
 		return slots?.default?.();

package/dist/context/PathContext.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 var EmptyList = [];

package/dist/context/PrivateContext.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 var PrivateContextKey = Symbol("PrivateContext");

package/dist/hooks/useAccessibility.cjs

@@ -1,10 +1,13 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_IdContext = require("../context/IdContext.cjs");
 let vue = require("vue");
-let __v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
-__v_c_util_dist_KeyCode = require_rolldown_runtime.__toESM(__v_c_util_dist_KeyCode);
-var { LEFT, RIGHT, UP, DOWN, ENTER, ESC, HOME, END } = __v_c_util_dist_KeyCode.default;
+let _v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
+_v_c_util_dist_KeyCode = require_rolldown_runtime.__toESM(_v_c_util_dist_KeyCode);
+var { LEFT, RIGHT, UP, DOWN, ENTER, ESC, HOME, END } = _v_c_util_dist_KeyCode.default;
 var ArrowKeys = [
 	UP,
 	DOWN,

package/dist/hooks/useActive.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_MenuContext = require("../context/MenuContext.cjs");
 let vue = require("vue");

package/dist/hooks/useDirectionStyle.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_MenuContext = require("../context/MenuContext.cjs");
 let vue = require("vue");

package/dist/hooks/useKeyRecords.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_timeUtil = require("../utils/timeUtil.cjs");
 let vue = require("vue");

package/dist/hooks/useMemoCallback.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
 function useMemoCallback(callback) {

package/dist/index.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 const require_PathContext = require("./context/PathContext.cjs");
 const require_Divider = require("./Divider.cjs");
 const require_MenuItem = require("./MenuItem.cjs");

package/dist/interface.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });

package/dist/placements.cjs

@@ -1,4 +1,7 @@
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 var autoAdjustOverflow = {
 	adjustX: 1,
 	adjustY: 1

package/dist/utils/commonUtil.cjs

@@ -1,8 +1,9 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 let vue = require("vue");
-let __v_c_util_dist_Children_toArray = require("@v-c/util/dist/Children/toArray");
+let _v_c_util_dist_Children_toArray = require("@v-c/util/dist/Children/toArray");
 function parseChildren(children, keyPath) {
-	return (0, __v_c_util_dist_Children_toArray.toArray)(children).map((child, index) => {
+	return (0, _v_c_util_dist_Children_toArray.toArray)(children).map((child, index) => {
 		if ((0, vue.isVNode)(child)) {
 			const key = child.key;
 			let eventKey = child.props?.eventKey ?? key;

package/dist/utils/motionUtil.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function getMotion(mode, motion, defaultMotions) {
 	if (motion) return motion;
 	if (defaultMotions) return defaultMotions?.[mode] || defaultMotions?.other;

package/dist/utils/nodeUtil.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
 const require_Divider = require("../Divider.cjs");
 const require_MenuItem = require("../MenuItem.cjs");
@@ -5,7 +6,7 @@ const require_commonUtil = require("./commonUtil.cjs");
 const require_index = require("../SubMenu/index.cjs");
 const require_MenuItemGroup = require("../MenuItemGroup.cjs");
 let vue = require("vue");
-let __v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
+let _v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
 }
@@ -13,14 +14,14 @@ function convertItemsToNodes(list, components, prefixCls, slots) {
 	const { item: MergedMenuItem, group: MergedMenuItemGroup, submenu: MergedSubMenu, divider: MergedDivider } = components;
 	return (list || []).map((opt, index) => {
 		if (opt && typeof opt === "object") {
-			const { children, key, type,...restProps } = opt;
+			const { children, key, type, ...restProps } = opt;
 			const mergedKey = key ?? `tmp-${index}`;
 			let label;
 			let extra;
 			const _labelRender = slots?.labelRender ? slots.labelRender(opt) : null;
 			const _extraRender = slots?.extraRender ? slots.extraRender(opt) : null;
-			const labelArr = (0, __v_c_util_dist_props_util.filterEmpty)(Array.isArray(_labelRender) ? _labelRender : [_labelRender]);
-			const extraArr = (0, __v_c_util_dist_props_util.filterEmpty)(Array.isArray(_extraRender) ? _extraRender : [_extraRender]);
+			const labelArr = (0, _v_c_util_dist_props_util.filterEmpty)(Array.isArray(_labelRender) ? _labelRender : [_labelRender]);
+			const extraArr = (0, _v_c_util_dist_props_util.filterEmpty)(Array.isArray(_extraRender) ? _extraRender : [_extraRender]);
 			if (labelArr.length) label = labelArr?.[0];
 			if (extraArr.length) extra = extraArr?.[0];
 			if (!label) label = opt.label;
@@ -29,9 +30,9 @@ function convertItemsToNodes(list, components, prefixCls, slots) {
 				let _slot2;
 				if (type === "group") {
 					let _slot;
-					return (0, vue.createVNode)(MergedMenuItemGroup, (0, vue.mergeProps)({ "key": mergedKey }, restProps, { "title": label }), _isSlot(_slot = convertItemsToNodes(children, components, prefixCls)) ? _slot : { default: () => [_slot] });
+					return (0, vue.createVNode)(MergedMenuItemGroup, (0, vue.mergeProps)({ "key": mergedKey }, restProps, { "title": label }), _isSlot(_slot = convertItemsToNodes(children, components, prefixCls, slots)) ? _slot : { default: () => [_slot] });
 				}
-				return (0, vue.createVNode)(MergedSubMenu, (0, vue.mergeProps)({ "key": mergedKey }, restProps, { "title": label }), _isSlot(_slot2 = convertItemsToNodes(children, components, prefixCls)) ? _slot2 : { default: () => [_slot2] });
+				return (0, vue.createVNode)(MergedSubMenu, (0, vue.mergeProps)({ "key": mergedKey }, restProps, { "title": label }), _isSlot(_slot2 = convertItemsToNodes(children, components, prefixCls, slots)) ? _slot2 : { default: () => [_slot2] });
 			}
 			if (type === "divider") return (0, vue.createVNode)(MergedDivider, (0, vue.mergeProps)({ "key": mergedKey }, restProps), null);
 			return (0, vue.createVNode)(MergedMenuItem, (0, vue.mergeProps)({ "key": mergedKey }, restProps, { "extra": extra }), { default: () => [label, (!!extra || extra === 0) && (0, vue.createVNode)("span", { "class": `${prefixCls}-item-extra` }, [extra])] });

package/dist/utils/nodeUtil.js

@@ -12,7 +12,7 @@ function convertItemsToNodes(list, components, prefixCls, slots) {
 	const { item: MergedMenuItem, group: MergedMenuItemGroup, submenu: MergedSubMenu, divider: MergedDivider } = components;
 	return (list || []).map((opt, index) => {
 		if (opt && typeof opt === "object") {
-			const { children, key, type,...restProps } = opt;
+			const { children, key, type, ...restProps } = opt;
 			const mergedKey = key ?? `tmp-${index}`;
 			let label;
 			let extra;
@@ -28,9 +28,9 @@ function convertItemsToNodes(list, components, prefixCls, slots) {
 				let _slot2;
 				if (type === "group") {
 					let _slot;
-					return createVNode(MergedMenuItemGroup, mergeProps({ "key": mergedKey }, restProps, { "title": label }), _isSlot(_slot = convertItemsToNodes(children, components, prefixCls)) ? _slot : { default: () => [_slot] });
+					return createVNode(MergedMenuItemGroup, mergeProps({ "key": mergedKey }, restProps, { "title": label }), _isSlot(_slot = convertItemsToNodes(children, components, prefixCls, slots)) ? _slot : { default: () => [_slot] });
 				}
-				return createVNode(MergedSubMenu, mergeProps({ "key": mergedKey }, restProps, { "title": label }), _isSlot(_slot2 = convertItemsToNodes(children, components, prefixCls)) ? _slot2 : { default: () => [_slot2] });
+				return createVNode(MergedSubMenu, mergeProps({ "key": mergedKey }, restProps, { "title": label }), _isSlot(_slot2 = convertItemsToNodes(children, components, prefixCls, slots)) ? _slot2 : { default: () => [_slot2] });
 			}
 			if (type === "divider") return createVNode(MergedDivider, mergeProps({ "key": mergedKey }, restProps), null);
 			return createVNode(MergedMenuItem, mergeProps({ "key": mergedKey }, restProps, { "extra": extra }), { default: () => [label, (!!extra || extra === 0) && createVNode("span", { "class": `${prefixCls}-item-extra` }, [extra])] });

package/dist/utils/timeUtil.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function nextSlice(callback) {
 	/* istanbul ignore next */
 	Promise.resolve().then(callback);

package/dist/utils/warnUtil.cjs

@@ -1,8 +1,9 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-let __v_c_util = require("@v-c/util");
-function warnItemProp({ item,...restInfo }) {
+let _v_c_util = require("@v-c/util");
+function warnItemProp({ item, ...restInfo }) {
 	Object.defineProperty(restInfo, "item", { get: () => {
-		(0, __v_c_util.warning)(false, "`info.item` is deprecated since we will move to function component that not provides React Node instance in future.");
+		(0, _v_c_util.warning)(false, "`info.item` is deprecated since we will move to function component that not provides React Node instance in future.");
 		return item;
 	} });
 	return restInfo;

package/dist/utils/warnUtil.js

@@ -1,5 +1,5 @@
 import { warning } from "@v-c/util";
-function warnItemProp({ item,...restInfo }) {
+function warnItemProp({ item, ...restInfo }) {
 	Object.defineProperty(restInfo, "item", { get: () => {
 		warning(false, "`info.item` is deprecated since we will move to function component that not provides React Node instance in future.");
 		return item;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/menu",
   "type": "module",
-  "version": "1.0.1",
+  "version": "1.0.4",
   "description": "menu ui component for vue",
   "exports": {
     ".": {
@@ -26,8 +26,8 @@
   },
   "dependencies": {
     "@v-c/overflow": "^1.0.1",
-    "@v-c/util": "^1.0.3",
-    "@v-c/trigger": "^1.0.2"
+    "@v-c/trigger": "^1.0.2",
+    "@v-c/util": "^1.0.6"
   },
   "scripts": {
     "build": "vite build",