@v-c/menu 1.0.6 → 1.0.8

package/dist/MenuItem.cjs

@@ -1,338 +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");
-const require_Icon = require("./Icon.cjs");
-const require_IdContext = require("./context/IdContext.cjs");
-const require_PrivateContext = require("./context/PrivateContext.cjs");
-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);
-var LegacyMenuItem = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, attrs }) => {
-	return () => {
-		const { title, attribute, ...restProps } = attrs;
-		const { elementRef } = props;
-		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?.()] });
-	};
-}, {
-	props: { elementRef: {
-		required: false,
-		default: void 0
-	} },
-	name: "LegacyMenuItem",
-	inheritAttrs: false
-});
-var InternalMenuItem = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, attrs }) => {
-	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();
-	const legacyMenuItemRef = (0, vue.shallowRef)();
-	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`.");
-	const getEventInfo = (e) => {
-		return {
-			key: eventKey.value,
-			keyPath: [...connectedKeys.value].reverse(),
-			item: legacyMenuItemRef.value,
-			domEvent: e
-		};
-	};
-	const ret = require_useActive.default(eventKey, mergedDisabled, props?.onMouseEnter, props?.onMouseLeave);
-	const active = ret.active;
-	const selected = (0, vue.computed)(() => !!menuContext?.value?.selectedKeys?.includes?.(eventKey.value));
-	const directionStyle = require_useDirectionStyle.default((0, vue.computed)(() => connectedKeys.value.length));
-	const onInternalClick = (e) => {
-		if (mergedDisabled.value) return;
-		const info = getEventInfo(e);
-		props?.onClick?.(require_warnUtil.warnItemProp(info));
-		menuContext?.value?.onItemClick?.(info);
-	};
-	const onInternalKeyDown = (e) => {
-		props?.onKeyDown?.(e);
-		if (e.which === _v_c_util_dist_KeyCode.default.ENTER) {
-			const info = getEventInfo(e);
-			props?.onClick?.(require_warnUtil.warnItemProp(info));
-			menuContext?.value?.onItemClick?.(info);
-		}
-	};
-	const onInternalFocus = (e) => {
-		menuContext?.value?.onActive?.(eventKey.value);
-		props?.onFocus?.(e);
-	};
-	return () => {
-		const { role, disabled, itemIcon, ...restProps } = props;
-		const optionRoleProps = {};
-		if (role === "option") optionRoleProps["aria-selected"] = selected.value;
-		const { prefixCls, overflowDisabled, itemIcon: contextItemIcon } = menuContext?.value ?? {};
-		const mergedItemIcon = itemIcon || contextItemIcon;
-		const itemCls = `${prefixCls}-item`;
-		const activeProps = {
-			onMouseenter: ret.onMouseEnter,
-			onMouseleave: ret.onMouseLeave
-		};
-		let renderNode = (0, vue.createVNode)(LegacyMenuItem, (0, vue.mergeProps)({
-			"ref": legacyMenuItemRef,
-			"elementRef": elementRef,
-			"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)({
-			...restProps,
-			...attrs
-		}, ["extra"]), activeProps, optionRoleProps, {
-			"component": "li",
-			"aria-disabled": disabled,
-			"style": [directionStyle.value, props?.style],
-			"className": (0, _v_c_util.clsx)(itemCls, {
-				[`${itemCls}-active`]: active.value,
-				[`${itemCls}-selected`]: selected.value,
-				[`${itemCls}-disabled`]: mergedDisabled.value
-			}, props.class),
-			"onClick": onInternalClick,
-			"onKeydown": onInternalKeyDown,
-			"onFocus": onInternalFocus
-		}), { default: () => [slots?.default?.(), (0, vue.createVNode)(require_Icon.default, {
-			"props": {
-				...props,
-				isSelected: selected.value
-			},
-			"icon": mergedItemIcon
-		}, null)] });
-		if (privateContext._internalRenderMenuItem) renderNode = privateContext._internalRenderMenuItem(renderNode, props, { selected: selected.value });
-		return renderNode;
-	};
-}, {
-	props: {
-		eventKey: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		warnKey: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		attribute: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		onKeyDown: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onFocus: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		role: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		type: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		itemIcon: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		extra: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		onMouseEnter: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onMouseLeave: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onClick: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		style: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		class: {
-			type: String,
-			required: false,
-			default: void 0
-		}
-	},
-	name: "InternalMenuItem",
-	inheritAttrs: false
-});
-var MenuItem = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, attrs }) => {
-	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) => {
-		if (measure) measure.registerPath(eventKey.value, connectedKeyPath.value);
-		onCleanup(() => {
-			measure?.unregisterPath(eventKey.value, connectedKeyPath.value);
-		});
-	}, { immediate: true });
-	return () => {
-		if (measure) return null;
-		return (0, vue.createVNode)(InternalMenuItem, {
-			...attrs,
-			...props
-		}, slots);
-	};
-}, {
-	props: {
-		eventKey: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		warnKey: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		attribute: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		onKeyDown: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onFocus: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		role: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		type: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		itemIcon: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		extra: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		onMouseEnter: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onMouseLeave: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onClick: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		style: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		class: {
-			type: String,
-			required: false,
-			default: void 0
-		}
-	},
-	name: "MenuItem",
-	inheritAttrs: false
-});
-var MenuItem_default = MenuItem;
-exports.default = MenuItem_default;

package/dist/MenuItemGroup.cjs

@@ -1,124 +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");
-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");
-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 { 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)
-		}), [(0, vue.createVNode)("div", {
-			"role": "presentation",
-			"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),
-			"style": styles?.list
-		}, [slots?.default ? slots.default() : null])]);
-	};
-}, {
-	props: {
-		title: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		eventKey: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		warnKey: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		style: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		class: {
-			type: String,
-			required: false,
-			default: void 0
-		}
-	},
-	name: "InternalMenuItemGroup"
-});
-var MenuItemGroup = /* @__PURE__ */ (0, vue.defineComponent)((props, ctx) => {
-	const connectedKeyPath = require_PathContext.useFullPath((0, vue.computed)(() => props.eventKey));
-	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);
-		if (measure) return childList;
-		return (0, vue.createVNode)(InternalMenuItemGroup, (0, _v_c_util_dist_omit.default)(props, ["warnKey"]), _isSlot(childList) ? childList : { default: () => [childList] });
-	};
-}, {
-	props: {
-		title: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		eventKey: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		warnKey: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		style: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		class: {
-			type: String,
-			required: false,
-			default: void 0
-		}
-	},
-	name: "MenuItemGroup",
-	inheritAttrs: false
-});
-var MenuItemGroup_default = MenuItemGroup;
-exports.default = MenuItemGroup_default;

package/dist/SubMenu/InlineSubMenuList.cjs

@@ -1,63 +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_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");
-var InlineSubMenuList = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
-	const fixedMode = "inline";
-	const menuContext = require_MenuContext.useMenuContext();
-	const sameModeRef = (0, vue.shallowRef)(false);
-	(0, vue.watchEffect)(() => {
-		sameModeRef.value = menuContext?.value?.mode === fixedMode;
-	});
-	const destroy = (0, vue.shallowRef)(!sameModeRef.value);
-	(0, vue.watch)(() => menuContext?.value?.mode, () => {
-		if (sameModeRef.value) destroy.value = false;
-	}, { immediate: true });
-	const mergedOpen = (0, vue.computed)(() => sameModeRef.value ? props?.open : false);
-	const mergedMotion = (0, vue.computed)(() => {
-		const { motion, defaultMotions } = menuContext?.value ?? {};
-		const motionData = { ...require_motionUtil.getMotion(fixedMode, motion, defaultMotions) };
-		if (props.keyPath && props.keyPath.length > 1) motionData.appear = false;
-		const _onAfterLeave = motionData.onAfterLeave;
-		motionData.onAfterLeave = (el) => {
-			if (!sameModeRef.value) destroy.value = true;
-			return _onAfterLeave?.(el);
-		};
-		return motionData;
-	});
-	return () => {
-		if (destroy.value) return null;
-		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?.()] })] })] });
-	};
-}, {
-	props: {
-		id: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		open: {
-			type: Boolean,
-			required: true,
-			default: void 0
-		},
-		keyPath: {
-			type: Array,
-			required: true,
-			default: void 0
-		}
-	},
-	name: "InlineSubMenuList",
-	inheritAttrs: false
-});
-var InlineSubMenuList_default = InlineSubMenuList;
-exports.default = InlineSubMenuList_default;

package/dist/SubMenu/PopupTrigger.cjs

@@ -1,145 +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_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);
-var popupPlacementMap = {
-	"horizontal": "bottomLeft",
-	"vertical": "rightTop",
-	"vertical-left": "rightTop",
-	"vertical-right": "leftTop"
-};
-var PopupTrigger = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
-	const menuContext = require_MenuContext.useMenuContext();
-	const innerVisible = (0, vue.shallowRef)(props.visible ?? false);
-	const placement = (0, vue.computed)(() => {
-		const rtl = menuContext?.value?.rtl;
-		const builtinPlacements = menuContext?.value?.builtinPlacements;
-		return rtl ? {
-			...require_placements.placementsRtl,
-			...builtinPlacements
-		} : {
-			...require_placements.default,
-			...builtinPlacements
-		};
-	});
-	const triggerMode = (0, vue.computed)(() => props.mode);
-	const popupPlacement = (0, vue.computed)(() => {
-		return popupPlacementMap[triggerMode.value];
-	});
-	const defaultMotions = (0, vue.computed)(() => menuContext?.value?.defaultMotions);
-	const motion = (0, vue.computed)(() => menuContext?.value?.motion);
-	const targetMotion = (0, vue.computed)(() => {
-		return { ...require_motionUtil.getMotion(triggerMode.value, motion.value, defaultMotions.value) };
-	});
-	const targetMotionRef = (0, vue.shallowRef)(targetMotion.value);
-	(0, vue.watch)(triggerMode, (mode) => {
-		if (mode !== "inline") targetMotionRef.value = targetMotion.value;
-	}, { immediate: true });
-	(0, vue.watch)([motion, defaultMotions], () => {
-		if (triggerMode.value !== "inline") targetMotionRef.value = targetMotion.value;
-	});
-	const mergedMotion = (0, vue.computed)(() => {
-		return {
-			...targetMotionRef.value,
-			appear: true
-		};
-	});
-	const visibleRef = (0, vue.shallowRef)();
-	(0, vue.watch)(() => props.visible, (visible, _, onCleanup) => {
-		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);
-		});
-	});
-	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, {
-			"prefixCls": prefixCls,
-			"popupClassName": (0, _v_c_util.clsx)(`${prefixCls}-popup`, { [`${prefixCls}-rtl`]: rtl }, popupClassName, rootClass),
-			"stretch": mode === "horizontal" ? "minWidth" : void 0,
-			"getPopupContainer": getPopupContainer,
-			"builtinPlacements": placement.value,
-			"popupPlacement": popupPlacement.value,
-			"popupVisible": innerVisible.value,
-			"popup": popup,
-			"popupStyle": popupStyle,
-			"popupAlign": popupOffset && { offset: popupOffset },
-			"action": disabled ? [] : [triggerSubMenuAction],
-			"mouseEnterDelay": subMenuOpenDelay,
-			"mouseLeaveDelay": subMenuCloseDelay,
-			"onOpenChange": onVisibleChange,
-			"forceRender": forceSubMenuRender,
-			"popupMotion": mergedMotion.value,
-			"fresh": true
-		}, { default: () => [slots?.default?.()] });
-	};
-}, { props: {
-	prefixCls: {
-		type: String,
-		required: true,
-		default: void 0
-	},
-	mode: {
-		type: String,
-		required: true,
-		default: void 0
-	},
-	visible: {
-		type: Boolean,
-		required: true,
-		default: void 0
-	},
-	popup: {
-		type: [
-			Object,
-			Function,
-			String,
-			Number,
-			null,
-			Boolean,
-			Array
-		],
-		required: true,
-		default: void 0
-	},
-	popupStyle: {
-		type: Object,
-		required: false,
-		default: void 0
-	},
-	popupClassName: {
-		type: String,
-		required: false,
-		default: void 0
-	},
-	popupOffset: {
-		type: Array,
-		required: false,
-		default: void 0
-	},
-	disabled: {
-		type: Boolean,
-		required: true,
-		default: void 0
-	},
-	onVisibleChange: {
-		type: Function,
-		required: true,
-		default: void 0
-	}
-} });
-var PopupTrigger_default = PopupTrigger;
-exports.default = PopupTrigger_default;

package/dist/SubMenu/SubMenuList.cjs

@@ -1,23 +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");
-let vue = require("vue");
-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"}`),
-			"role": "menu"
-		}, attrs, { "data-menu-list": true }), [slots?.default?.()]);
-	};
-}, {
-	name: "InlineSubMenuList",
-	inheritAttrs: false
-});
-var SubMenuList_default = InternalSubMenuList;
-exports.default = SubMenuList_default;