@v-c/menu 0.0.4 → 0.0.5

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));
 	};

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));
 	};

package/dist/MenuItem.cjs

@@ -219,7 +219,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, {

package/dist/MenuItem.js

@@ -214,7 +214,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, {

package/dist/SubMenu/index.cjs

@@ -330,19 +330,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: {

package/dist/SubMenu/index.js

@@ -326,19 +326,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: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/menu",
   "type": "module",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "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/util": "0.0.13",
+    "@v-c/overflow": "0.0.1"
   },
   "scripts": {
     "build": "vite build",