@v-c/menu 0.0.4 → 0.0.6

package/dist/Icon.cjs

@@ -24,9 +24,9 @@ var Icon = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
 			String,
 			Number,
 			null,
+			Boolean,
 			Array,
-			Function,
-			Boolean
+			Function
 		],
 		required: false,
 		skipCheck: true,

package/dist/Icon.js

@@ -22,9 +22,9 @@ var Icon_default = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			String,
 			Number,
 			null,
+			Boolean,
 			Array,
-			Function,
-			Boolean
+			Function
 		],
 		required: false,
 		skipCheck: true,

package/dist/Menu.cjs

@@ -140,11 +140,11 @@ var Menu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, expose, att
 		}
 		if (!props.multiple && mergedOpenKeys.value.length && internalMode.value !== "inline") triggerOpenKeys(EMPTY_LIST);
 	};
-	const onInternalClick = require_useMemoCallback.default((info) => {
+	const onInternalClick = (info) => {
 		props.onClick?.(require_warnUtil.warnItemProp(info));
 		triggerSelection(info);
-	});
-	const onInternalOpenChange = require_useMemoCallback.default((key, open) => {
+	};
+	const onInternalOpenChange = (key, open) => {
 		let newOpenKeys = mergedOpenKeys.value.filter((k) => k !== key);
 		if (open) newOpenKeys.push(key);
 		else if (internalMode.value !== "inline") {
@@ -152,7 +152,7 @@ var Menu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, expose, att
 			newOpenKeys = newOpenKeys.filter((k) => !subPathKeys.has(k));
 		}
 		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));
 	};
@@ -423,9 +423,9 @@ var Menu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, expose, att
 				String,
 				Number,
 				null,
+				Boolean,
 				Array,
-				Function,
-				Boolean
+				Function
 			],
 			required: false,
 			skipCheck: true,
@@ -436,17 +436,24 @@ var Menu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, expose, att
 				String,
 				Number,
 				null,
+				Boolean,
 				Array,
-				Function,
-				Boolean
+				Function
 			],
 			required: false,
 			skipCheck: true,
 			default: void 0
 		},
 		overflowedIndicator: {
-			type: null,
+			type: [
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
 			required: false,
+			skipCheck: true,
 			default: void 0
 		},
 		overflowedIndicatorPopupClassName: {

package/dist/Menu.js

@@ -135,11 +135,11 @@ var Menu_default = /* @__PURE__ */ defineComponent((props, { slots, expose, attr
 		}
 		if (!props.multiple && mergedOpenKeys.value.length && internalMode.value !== "inline") triggerOpenKeys(EMPTY_LIST);
 	};
-	const onInternalClick = useMemoCallback((info) => {
+	const onInternalClick = (info) => {
 		props.onClick?.(warnItemProp(info));
 		triggerSelection(info);
-	});
-	const onInternalOpenChange = useMemoCallback((key, open) => {
+	};
+	const onInternalOpenChange = (key, open) => {
 		let newOpenKeys = mergedOpenKeys.value.filter((k) => k !== key);
 		if (open) newOpenKeys.push(key);
 		else if (internalMode.value !== "inline") {
@@ -147,7 +147,7 @@ var Menu_default = /* @__PURE__ */ defineComponent((props, { slots, expose, attr
 			newOpenKeys = newOpenKeys.filter((k) => !subPathKeys.has(k));
 		}
 		if (!isEqual(mergedOpenKeys.value, newOpenKeys, true)) triggerOpenKeys(newOpenKeys, true);
-	});
+	};
 	const triggerAccessibilityOpen = (key, open) => {
 		onInternalOpenChange(key, open ?? !mergedOpenKeys.value.includes(key));
 	};
@@ -418,9 +418,9 @@ var Menu_default = /* @__PURE__ */ defineComponent((props, { slots, expose, attr
 				String,
 				Number,
 				null,
+				Boolean,
 				Array,
-				Function,
-				Boolean
+				Function
 			],
 			required: false,
 			skipCheck: true,
@@ -431,17 +431,24 @@ var Menu_default = /* @__PURE__ */ defineComponent((props, { slots, expose, attr
 				String,
 				Number,
 				null,
+				Boolean,
 				Array,
-				Function,
-				Boolean
+				Function
 			],
 			required: false,
 			skipCheck: true,
 			default: void 0
 		},
 		overflowedIndicator: {
-			type: null,
+			type: [
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
 			required: false,
+			skipCheck: true,
 			default: void 0
 		},
 		overflowedIndicatorPopupClassName: {

package/dist/MenuItem.cjs

@@ -168,17 +168,24 @@ var InternalMenuItem = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots,
 				String,
 				Number,
 				null,
+				Boolean,
 				Array,
-				Function,
-				Boolean
+				Function
 			],
 			required: false,
 			skipCheck: true,
 			default: void 0
 		},
 		extra: {
-			type: null,
+			type: [
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
 			required: false,
+			skipCheck: true,
 			default: void 0
 		},
 		onMouseEnter: {
@@ -219,7 +226,7 @@ var MenuItem = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, attrs }
 		onCleanup(() => {
 			measure?.unregisterPath(eventKey.value, connectedKeyPath.value);
 		});
-	});
+	}, { immediate: true });
 	return () => {
 		if (measure) return null;
 		return (0, vue.createVNode)(InternalMenuItem, {
@@ -274,17 +281,24 @@ var MenuItem = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, attrs }
 				String,
 				Number,
 				null,
+				Boolean,
 				Array,
-				Function,
-				Boolean
+				Function
 			],
 			required: false,
 			skipCheck: true,
 			default: void 0
 		},
 		extra: {
-			type: null,
+			type: [
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
 			required: false,
+			skipCheck: true,
 			default: void 0
 		},
 		onMouseEnter: {

package/dist/MenuItem.js

@@ -163,17 +163,24 @@ var InternalMenuItem = /* @__PURE__ */ defineComponent((props, { slots, attrs })
 				String,
 				Number,
 				null,
+				Boolean,
 				Array,
-				Function,
-				Boolean
+				Function
 			],
 			required: false,
 			skipCheck: true,
 			default: void 0
 		},
 		extra: {
-			type: null,
+			type: [
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
 			required: false,
+			skipCheck: true,
 			default: void 0
 		},
 		onMouseEnter: {
@@ -214,7 +221,7 @@ var MenuItem_default = /* @__PURE__ */ defineComponent((props, { slots, attrs })
 		onCleanup(() => {
 			measure?.unregisterPath(eventKey.value, connectedKeyPath.value);
 		});
-	});
+	}, { immediate: true });
 	return () => {
 		if (measure) return null;
 		return createVNode(InternalMenuItem, {
@@ -269,17 +276,24 @@ var MenuItem_default = /* @__PURE__ */ defineComponent((props, { slots, attrs })
 				String,
 				Number,
 				null,
+				Boolean,
 				Array,
-				Function,
-				Boolean
+				Function
 			],
 			required: false,
 			skipCheck: true,
 			default: void 0
 		},
 		extra: {
-			type: null,
+			type: [
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
 			required: false,
+			skipCheck: true,
 			default: void 0
 		},
 		onMouseEnter: {

package/dist/MenuItemGroup.cjs

@@ -34,8 +34,15 @@ var InternalMenuItemGroup = /* @__PURE__ */ (0, vue.defineComponent)((props, { s
 }, {
 	props: {
 		title: {
-			type: null,
+			type: [
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
 			required: false,
+			skipCheck: true,
 			default: void 0
 		},
 		eventKey: {
@@ -73,8 +80,15 @@ var MenuItemGroup = /* @__PURE__ */ (0, vue.defineComponent)((props, ctx) => {
 }, {
 	props: {
 		title: {
-			type: null,
+			type: [
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
 			required: false,
+			skipCheck: true,
 			default: void 0
 		},
 		eventKey: {

package/dist/MenuItemGroup.js

@@ -31,8 +31,15 @@ var InternalMenuItemGroup = /* @__PURE__ */ defineComponent((props, { slots }) =
 }, {
 	props: {
 		title: {
-			type: null,
+			type: [
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
 			required: false,
+			skipCheck: true,
 			default: void 0
 		},
 		eventKey: {
@@ -70,8 +77,15 @@ var MenuItemGroup_default = /* @__PURE__ */ defineComponent((props, ctx) => {
 }, {
 	props: {
 		title: {
-			type: null,
+			type: [
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
 			required: false,
+			skipCheck: true,
 			default: void 0
 		},
 		eventKey: {

package/dist/SubMenu/PopupTrigger.cjs

@@ -100,8 +100,15 @@ var PopupTrigger = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) =
 		default: void 0
 	},
 	popup: {
-		type: null,
+		type: [
+			String,
+			Number,
+			null,
+			Boolean,
+			Array
+		],
 		required: true,
+		skipCheck: true,
 		default: void 0
 	},
 	popupStyle: {

package/dist/SubMenu/PopupTrigger.js

@@ -96,8 +96,15 @@ var PopupTrigger_default = /* @__PURE__ */ defineComponent((props, { slots }) =>
 		default: void 0
 	},
 	popup: {
-		type: null,
+		type: [
+			String,
+			Number,
+			null,
+			Boolean,
+			Array
+		],
 		required: true,
+		skipCheck: true,
 		default: void 0
 	},
 	popupStyle: {

package/dist/SubMenu/index.cjs

@@ -205,8 +205,15 @@ var InternalSubMenu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots,
 			default: void 0
 		},
 		title: {
-			type: null,
+			type: [
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
 			required: false,
+			skipCheck: true,
 			default: void 0
 		},
 		internalPopupClose: {
@@ -249,9 +256,9 @@ var InternalSubMenu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots,
 				String,
 				Number,
 				null,
+				Boolean,
 				Array,
-				Function,
-				Boolean
+				Function
 			],
 			required: false,
 			skipCheck: true,
@@ -262,9 +269,9 @@ var InternalSubMenu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots,
 				String,
 				Number,
 				null,
+				Boolean,
 				Array,
-				Function,
-				Boolean
+				Function
 			],
 			required: false,
 			skipCheck: true,
@@ -330,19 +337,23 @@ var InternalSubMenu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots,
 	inheritAttrs: false
 });
 var SubMenu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
-	const connectedKeyPath = require_PathContext.useFullPath((0, vue.computed)(() => props?.eventKey));
+	const eventKey = (0, vue.computed)(() => props?.eventKey);
+	const connectedKeyPath = require_PathContext.useFullPath(eventKey);
 	const measure = require_PathContext.useMeasure();
 	const validKeyPath = (0, vue.computed)(() => connectedKeyPath.value.filter((k) => k !== void 0));
-	(0, vue.watch)([validKeyPath, () => props.eventKey], () => {
-		if (measure && props.eventKey) measure.registerPath(props.eventKey, validKeyPath.value);
-	});
+	(0, vue.watch)([connectedKeyPath], (_n, _o, onCleanup) => {
+		if (measure) measure.registerPath(eventKey.value, connectedKeyPath.value);
+		onCleanup(() => {
+			measure?.unregisterPath(eventKey.value, connectedKeyPath.value);
+		});
+	}, { immediate: true });
 	return () => {
 		const children = slots.default?.();
 		const childList = require_commonUtil.parseChildren(children, validKeyPath.value);
 		let renderNode;
 		if (measure) renderNode = childList;
 		else renderNode = (0, vue.createVNode)(InternalSubMenu, props, _isSlot(childList) ? childList : { default: () => [childList] });
-		return (0, vue.createVNode)(require_PathContext.PathTrackerContext.Provider, { "value": validKeyPath.value }, _isSlot(renderNode) ? renderNode : { default: () => [renderNode] });
+		return (0, vue.createVNode)(require_PathContext.PathTrackerContext.Provider, { "value": connectedKeyPath.value }, _isSlot(renderNode) ? renderNode : { default: () => [renderNode] });
 	};
 }, {
 	props: {
@@ -357,8 +368,15 @@ var SubMenu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
 			default: void 0
 		},
 		title: {
-			type: null,
+			type: [
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
 			required: false,
+			skipCheck: true,
 			default: void 0
 		},
 		internalPopupClose: {
@@ -401,9 +419,9 @@ var SubMenu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
 				String,
 				Number,
 				null,
+				Boolean,
 				Array,
-				Function,
-				Boolean
+				Function
 			],
 			required: false,
 			skipCheck: true,
@@ -414,9 +432,9 @@ var SubMenu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
 				String,
 				Number,
 				null,
+				Boolean,
 				Array,
-				Function,
-				Boolean
+				Function
 			],
 			required: false,
 			skipCheck: true,

package/dist/SubMenu/index.js

@@ -201,8 +201,15 @@ var InternalSubMenu = /* @__PURE__ */ defineComponent((props, { slots, attrs })
 			default: void 0
 		},
 		title: {
-			type: null,
+			type: [
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
 			required: false,
+			skipCheck: true,
 			default: void 0
 		},
 		internalPopupClose: {
@@ -245,9 +252,9 @@ var InternalSubMenu = /* @__PURE__ */ defineComponent((props, { slots, attrs })
 				String,
 				Number,
 				null,
+				Boolean,
 				Array,
-				Function,
-				Boolean
+				Function
 			],
 			required: false,
 			skipCheck: true,
@@ -258,9 +265,9 @@ var InternalSubMenu = /* @__PURE__ */ defineComponent((props, { slots, attrs })
 				String,
 				Number,
 				null,
+				Boolean,
 				Array,
-				Function,
-				Boolean
+				Function
 			],
 			required: false,
 			skipCheck: true,
@@ -326,19 +333,23 @@ var InternalSubMenu = /* @__PURE__ */ defineComponent((props, { slots, attrs })
 	inheritAttrs: false
 });
 var SubMenu_default = /* @__PURE__ */ defineComponent((props, { slots }) => {
-	const connectedKeyPath = useFullPath(computed(() => props?.eventKey));
+	const eventKey = computed(() => props?.eventKey);
+	const connectedKeyPath = useFullPath(eventKey);
 	const measure = useMeasure();
 	const validKeyPath = computed(() => connectedKeyPath.value.filter((k) => k !== void 0));
-	watch([validKeyPath, () => props.eventKey], () => {
-		if (measure && props.eventKey) measure.registerPath(props.eventKey, validKeyPath.value);
-	});
+	watch([connectedKeyPath], (_n, _o, onCleanup) => {
+		if (measure) measure.registerPath(eventKey.value, connectedKeyPath.value);
+		onCleanup(() => {
+			measure?.unregisterPath(eventKey.value, connectedKeyPath.value);
+		});
+	}, { immediate: true });
 	return () => {
 		const children = slots.default?.();
 		const childList = parseChildren(children, validKeyPath.value);
 		let renderNode;
 		if (measure) renderNode = childList;
 		else renderNode = createVNode(InternalSubMenu, props, _isSlot(childList) ? childList : { default: () => [childList] });
-		return createVNode(PathTrackerContext.Provider, { "value": validKeyPath.value }, _isSlot(renderNode) ? renderNode : { default: () => [renderNode] });
+		return createVNode(PathTrackerContext.Provider, { "value": connectedKeyPath.value }, _isSlot(renderNode) ? renderNode : { default: () => [renderNode] });
 	};
 }, {
 	props: {
@@ -353,8 +364,15 @@ var SubMenu_default = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			default: void 0
 		},
 		title: {
-			type: null,
+			type: [
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
 			required: false,
+			skipCheck: true,
 			default: void 0
 		},
 		internalPopupClose: {
@@ -397,9 +415,9 @@ var SubMenu_default = /* @__PURE__ */ defineComponent((props, { slots }) => {
 				String,
 				Number,
 				null,
+				Boolean,
 				Array,
-				Function,
-				Boolean
+				Function
 			],
 			required: false,
 			skipCheck: true,
@@ -410,9 +428,9 @@ var SubMenu_default = /* @__PURE__ */ defineComponent((props, { slots }) => {
 				String,
 				Number,
 				null,
+				Boolean,
 				Array,
-				Function,
-				Boolean
+				Function
 			],
 			required: false,
 			skipCheck: true,

package/dist/context/MenuContext.cjs

@@ -148,9 +148,9 @@ var InheritableContextProvider = /* @__PURE__ */ (0, vue.defineComponent)((props
 				String,
 				Number,
 				null,
+				Boolean,
 				Array,
-				Function,
-				Boolean
+				Function
 			],
 			required: false,
 			skipCheck: true,
@@ -161,9 +161,9 @@ var InheritableContextProvider = /* @__PURE__ */ (0, vue.defineComponent)((props
 				String,
 				Number,
 				null,
+				Boolean,
 				Array,
-				Function,
-				Boolean
+				Function
 			],
 			required: false,
 			skipCheck: true,

package/dist/context/MenuContext.js

@@ -145,9 +145,9 @@ var MenuContext_default = /* @__PURE__ */ defineComponent((props, { slots }) =>
 				String,
 				Number,
 				null,
+				Boolean,
 				Array,
-				Function,
-				Boolean
+				Function
 			],
 			required: false,
 			skipCheck: true,
@@ -158,9 +158,9 @@ var MenuContext_default = /* @__PURE__ */ defineComponent((props, { slots }) =>
 				String,
 				Number,
 				null,
+				Boolean,
 				Array,
-				Function,
-				Boolean
+				Function
 			],
 			required: false,
 			skipCheck: true,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/menu",
   "type": "module",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "menu ui component for vue",
   "exports": {
     ".": {
@@ -25,9 +25,9 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@v-c/overflow": "0.0.1",
-    "@v-c/trigger": "0.0.13",
-    "@v-c/util": "0.0.13"
+    "@v-c/overflow": "0.0.2",
+    "@v-c/trigger": "0.0.15",
+    "@v-c/util": "0.0.15"
   },
   "scripts": {
     "build": "vite build",