@v-c/menu 1.0.7 → 1.0.8

package/dist/Menu.d.ts

@@ -74,6 +74,7 @@ export interface MenuProps {
     id?: string;
     labelRender?: (item: ItemType) => any;
     extraRender?: (item: ItemType) => any;
+    iconRender?: (item: ItemType) => any;
 }
 declare const Menu: import('vue').DefineSetupFnComponent<MenuProps, {}, {}, MenuProps & {}, import('vue').PublicProps>;
 export default Menu;

package/dist/Menu.js

@@ -179,7 +179,7 @@ var Menu_default = /* @__PURE__ */ defineComponent((props, { slots, expose, attr
 	}));
 	useMenuContextProvider(computed(() => {
 		return {
-			prefixCls: props.prefixCls || defaults.prefixCls,
+			prefixCls: props.prefixCls,
 			rootClass: props.rootClass,
 			classes: props.classes,
 			styles: props.styles,
@@ -225,10 +225,12 @@ var Menu_default = /* @__PURE__ */ defineComponent((props, { slots, expose, attr
 		}
 	});
 	return () => {
+		const { prefixCls, rootClass } = props;
 		const children = filterEmpty(slots.default?.());
 		childList.value = parseItems(children, props?.items, EMPTY_LIST, props?._internalComponents || {}, props?.prefixCls || defaults.prefixCls, {
 			labelRender: props?.labelRender,
-			extraRender: props?.extraRender
+			extraRender: props?.extraRender,
+			iconRender: props?.iconRender
 		});
 		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, {
@@ -239,13 +241,13 @@ var Menu_default = /* @__PURE__ */ defineComponent((props, { slots, expose, attr
 		}, _isSlot(child) ? child : { default: () => [child] }));
 		const container = createVNode(Overflow, mergeProps({
 			"ref": containerRef,
-			"prefixCls": `${props.prefixCls || defaults.prefixCls}-overflow`,
+			"prefixCls": `${prefixCls}-overflow`,
 			"component": "ul",
 			"itemComponent": MenuItem_default,
-			"class": 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),
+			"class": classNames(prefixCls, `${prefixCls}-root`, `${prefixCls}-${internalMode.value}`, _attrs.class || "", {
+				[`${prefixCls}-inline-collapsed`]: internalInlineCollapsed.value,
+				[`${prefixCls}-rtl`]: isRtl.value
+			}, rootClass),
 			"style": _attrs.style,
 			"data": wrappedChildList
 		}, {
@@ -514,6 +516,11 @@ var Menu_default = /* @__PURE__ */ defineComponent((props, { slots, expose, attr
 			type: Function,
 			required: false,
 			default: void 0
+		},
+		iconRender: {
+			type: Function,
+			required: false,
+			default: void 0
 		}
 	}, defaults),
 	name: "VcMenu",

package/dist/interface.d.ts

@@ -89,7 +89,9 @@ export interface MenuRef {
 export type ComponentType = 'submenu' | 'item' | 'group' | 'divider';
 export type Components = Partial<Record<ComponentType, any>>;
 export type PopupRender = (node: any, info: {
-    item: SubMenuProps;
+    item: SubMenuProps & {
+        key?: any;
+    };
     keys: string[];
 }) => VueNode;
 export {};

package/dist/utils/commonUtil.js

@@ -1,4 +1,4 @@
-import { isVNode } from "vue";
+import { cloneVNode, isVNode } from "vue";
 import { toArray } from "@v-c/util/dist/Children/toArray";
 function parseChildren(children, keyPath) {
 	return toArray(children).map((child, index) => {
@@ -12,13 +12,7 @@ function parseChildren(children, keyPath) {
 				eventKey
 			};
 			if (process.env.NODE_ENV !== "production" && emptyKey) cloneProps.warnKey = true;
-			return {
-				...child,
-				props: {
-					...child.props,
-					...cloneProps
-				}
-			};
+			return cloneVNode(child, { ...cloneProps });
 		}
 		return child;
 	});

package/dist/utils/nodeUtil.d.ts

@@ -3,4 +3,5 @@ import { Components, ItemType } from '../interface';
 export declare function parseItems(children: VueNode | undefined, items: ItemType[] | undefined, keyPath: string[], components: Components, prefixCls?: string, slots?: {
     labelRender?: (item: ItemType) => any;
     extraRender?: (item: ItemType) => any;
+    iconRender?: (item: ItemType) => any;
 }): any[];

package/dist/utils/nodeUtil.js

@@ -18,8 +18,11 @@ function convertItemsToNodes(list, components, prefixCls, slots) {
 			let extra;
 			const _labelRender = slots?.labelRender ? slots.labelRender(opt) : null;
 			const _extraRender = slots?.extraRender ? slots.extraRender(opt) : null;
+			const _iconRender = slots?.iconRender ? slots.iconRender(opt) : null;
 			const labelArr = filterEmpty(Array.isArray(_labelRender) ? _labelRender : [_labelRender]);
 			const extraArr = filterEmpty(Array.isArray(_extraRender) ? _extraRender : [_extraRender]);
+			const iconArr = filterEmpty(Array.isArray(_iconRender) ? _iconRender : [_iconRender]);
+			if (iconArr.length) restProps.icon = iconArr?.[0];
 			if (labelArr.length) label = labelArr?.[0];
 			if (extraArr.length) extra = extraArr?.[0];
 			if (!label) label = opt.label;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@v-c/menu",
   "type": "module",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "menu ui component for vue",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "default": "./dist/index.js"
     },
     "./dist/*.js": "./dist/*.js",
     "./dist/*.d.ts": "./dist/*.d.ts",

package/dist/Divider.cjs

@@ -1,38 +0,0 @@
-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");
-var Divider = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
-	const menuContext = require_MenuContext.useMenuContext();
-	const measure = require_PathContext.useMeasure();
-	return () => {
-		const { prefixCls } = menuContext?.value ?? {};
-		if (measure) return null;
-		return (0, vue.createVNode)("li", {
-			"role": "separator",
-			"class": (0, _v_c_util.clsx)(`${prefixCls}-item-divider`, props.class),
-			"style": props.style
-		}, null);
-	};
-}, {
-	props: {
-		style: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		class: {
-			type: String,
-			required: false,
-			default: void 0
-		}
-	},
-	name: "Divider"
-});
-var Divider_default = Divider;
-exports.default = Divider_default;

package/dist/Icon.cjs

@@ -1,45 +0,0 @@
-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");
-var Icon = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
-	return () => {
-		const { icon, props: iconProps } = props;
-		const children = slots.default?.();
-		let iconNode;
-		if (icon === null || icon === false) return null;
-		if (typeof icon === "function") {
-			const childIcons = icon(iconProps);
-			if (!childIcons) {
-				iconNode = null;
-				return children;
-			}
-			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;
-	};
-}, { props: {
-	icon: {
-		type: [
-			Object,
-			Function,
-			String,
-			Number,
-			null,
-			Boolean,
-			Array
-		],
-		required: false,
-		default: void 0
-	},
-	props: {
-		type: Object,
-		required: false,
-		default: void 0
-	}
-} });
-var Icon_default = Icon;
-exports.default = Icon_default;