@v-c/menu 1.0.7 → 1.0.9

package/dist/SubMenu/index.cjs

@@ -1,522 +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_useMemoCallback = require("../hooks/useMemoCallback.cjs");
-const require_useActive = require("../hooks/useActive.cjs");
-const require_useDirectionStyle = require("../hooks/useDirectionStyle.cjs");
-const require_warnUtil = require("../utils/warnUtil.cjs");
-const require_commonUtil = require("../utils/commonUtil.cjs");
-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);
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
-}
-var InternalSubMenu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, attrs }) => {
-	const domDataId = require_IdContext.useMenuId((0, vue.computed)(() => props?.eventKey || ""));
-	const menuContext = require_MenuContext.useMenuContext();
-	const { _internalRenderSubMenuItem } = require_PrivateContext.usePrivateContext();
-	const pathUserContext = require_PathContext.usePathUserContext();
-	const connectedPath = require_PathContext.useFullPath();
-	const validConnectedPath = (0, vue.computed)(() => connectedPath.value.filter((k) => k !== void 0));
-	const prefixCls = (0, vue.computed)(() => menuContext?.value?.prefixCls || "vc-menu");
-	const mode = (0, vue.computed)(() => menuContext?.value?.mode || "vertical");
-	const openKeys = (0, vue.computed)(() => menuContext?.value?.openKeys || []);
-	const contextDisabled = (0, vue.computed)(() => menuContext?.value?.disabled);
-	const overflowDisabled = (0, vue.computed)(() => menuContext?.value?.overflowDisabled);
-	const activeKey = (0, vue.computed)(() => menuContext?.value?.activeKey);
-	const selectedKeys = (0, vue.computed)(() => menuContext?.value?.selectedKeys || []);
-	const contextExpandIcon = (0, vue.computed)(() => menuContext?.value?.expandIcon);
-	const contextPopupRender = (0, vue.computed)(() => menuContext?.value?.popupRender);
-	const onOpenChange = (key, open$1) => {
-		menuContext?.value?.onOpenChange?.(key, open$1);
-	};
-	const onActive = (key) => {
-		menuContext?.value?.onActive?.(key);
-	};
-	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`.");
-	const mergedItemIcon = (0, vue.computed)(() => props?.itemIcon ?? menuContext?.value?.itemIcon);
-	const mergedExpandIcon = (0, vue.computed)(() => props?.expandIcon ?? contextExpandIcon.value);
-	const originOpen = (0, vue.computed)(() => {
-		const key = props?.eventKey;
-		return key ? openKeys.value.includes(key) : false;
-	});
-	const open = (0, vue.computed)(() => !overflowDisabled.value && originOpen.value);
-	const childrenSelected = (0, vue.computed)(() => {
-		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 childrenActive = (0, vue.ref)(false);
-	const triggerChildrenActive = (newActive) => {
-		if (!mergedDisabled.value) childrenActive.value = newActive;
-	};
-	const onInternalMouseEnter = (domEvent) => {
-		triggerChildrenActive(true);
-		props?.onMouseEnter?.({
-			key: props.eventKey,
-			domEvent
-		});
-	};
-	const onInternalMouseLeave = (domEvent) => {
-		triggerChildrenActive(false);
-		props?.onMouseLeave?.({
-			key: props.eventKey,
-			domEvent
-		});
-	};
-	const mergedActive = (0, vue.computed)(() => {
-		if (active.value) return active.value;
-		if (mode.value !== "inline") {
-			const key = props?.eventKey;
-			const currentActiveKey = activeKey.value;
-			return childrenActive.value || (key && currentActiveKey ? pathUserContext.isSubPathKey([currentActiveKey], key) : false);
-		}
-		return false;
-	});
-	const directionStyle = require_useDirectionStyle.default((0, vue.computed)(() => connectedPath.value.length));
-	const onInternalTitleClick = (e) => {
-		if (mergedDisabled.value) return;
-		const key = props?.eventKey;
-		props?.onTitleClick?.({
-			key,
-			domEvent: e
-		});
-		if (mode.value === "inline" && key) onOpenChange(key, !originOpen.value);
-	};
-	const onMergedItemClick = require_useMemoCallback.default((info) => {
-		props?.onClick?.(require_warnUtil.warnItemProp(info));
-		menuContext?.value?.onItemClick?.(info);
-	});
-	const onPopupVisibleChange = (newVisible) => {
-		const key = props?.eventKey;
-		if (mode.value !== "inline" && key) onOpenChange(key, newVisible);
-	};
-	const onInternalFocus = () => {
-		const key = props?.eventKey;
-		if (key) onActive(key);
-	};
-	const triggerModeRef = (0, vue.ref)(mode.value);
-	(0, vue.watch)(mode, () => {
-		if (mode.value !== "inline" && validConnectedPath.value.length > 1) triggerModeRef.value = "vertical";
-		else triggerModeRef.value = mode.value;
-	}, { immediate: true });
-	return () => {
-		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 = {
-			isOpen: open.value,
-			isSelected: childrenSelected.value,
-			isSubMenu: true,
-			disabled: mergedDisabled.value
-		};
-		const expandIconNode = (0, vue.createVNode)(require_Icon.default, {
-			"icon": mode.value !== "horizontal" ? mergedExpandIcon.value : void 0,
-			"props": {
-				...props,
-				...expandIconProps
-			}
-		}, { default: () => [(0, vue.createVNode)("i", { "class": `${subMenuPrefixCls.value}-arrow` }, null)] });
-		let titleNode = (0, vue.createVNode)("div", (0, vue.mergeProps)({
-			"role": "menuitem",
-			"style": directionStyle.value,
-			"class": `${subMenuPrefixCls.value}-title`,
-			"tabindex": mergedDisabled.value ? void 0 : -1,
-			"title": typeof title === "string" ? title : void 0,
-			"data-menu-id": overflowDisabled.value && domDataId.value ? void 0 : domDataId.value,
-			"aria-expanded": open.value,
-			"aria-haspopup": true,
-			"aria-controls": popupId,
-			"aria-disabled": mergedDisabled.value,
-			"onClick": onInternalTitleClick,
-			"onFocus": onInternalFocus
-		}, activeProps), [title, expandIconNode]);
-		const popupContentTriggerMode = triggerModeRef.value;
-		const renderPopupContent = () => {
-			const originNode = (0, vue.createVNode)(require_MenuContext.default, {
-				"classes": classes,
-				"styles": styles,
-				"mode": popupContentTriggerMode === "horizontal" ? "vertical" : popupContentTriggerMode
-			}, { default: () => [(0, vue.createVNode)(require_SubMenuList.default, { "id": popupId }, _isSlot(children) ? children : { default: () => [children] })] });
-			const mergedPopupRender = props?.popupRender || contextPopupRender.value;
-			if (mergedPopupRender) return mergedPopupRender(originNode, {
-				item: props,
-				keys: validConnectedPath.value
-			});
-			return originNode;
-		};
-		if (!overflowDisabled.value) {
-			const triggerMode = triggerModeRef.value;
-			const _titleNode = function() {
-				return titleNode;
-			}();
-			titleNode = (0, vue.createVNode)(require_PopupTrigger.default, {
-				"mode": triggerMode,
-				"prefixCls": subMenuPrefixCls.value,
-				"visible": !props?.internalPopupClose && open.value && mode.value !== "inline",
-				"popupClassName": popupClassName,
-				"popupOffset": popupOffset,
-				"popupStyle": popupStyle,
-				"popup": renderPopupContent(),
-				"disabled": mergedDisabled.value,
-				"onVisibleChange": onPopupVisibleChange
-			}, _isSlot(titleNode) ? titleNode : { default: () => [_titleNode] });
-		}
-		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, {
-				[`${subMenuPrefixCls.value}-open`]: open.value,
-				[`${subMenuPrefixCls.value}-active`]: mergedActive.value,
-				[`${subMenuPrefixCls.value}-selected`]: childrenSelected.value,
-				[`${subMenuPrefixCls.value}-disabled`]: mergedDisabled.value
-			}),
-			"onMouseenter": onInternalMouseEnter,
-			"onMouseleave": onInternalMouseLeave
-		}), { default: () => [titleNode, !overflowDisabled.value && (0, vue.createVNode)(require_InlineSubMenuList.default, {
-			"id": popupId,
-			"open": open.value,
-			"keyPath": validConnectedPath.value
-		}, _isSlot(children) ? children : { default: () => [children] })] });
-		if (_internalRenderSubMenuItem) listNode = _internalRenderSubMenuItem(listNode, props, {
-			selected: childrenSelected.value,
-			active: mergedActive.value,
-			open: open.value,
-			disabled: mergedDisabled.value
-		});
-		return (0, vue.createVNode)(require_MenuContext.default, {
-			"classes": classes,
-			"styles": styles,
-			"onItemClick": onMergedItemClick,
-			"mode": mode.value === "horizontal" ? "vertical" : mode.value,
-			"itemIcon": mergedItemIcon.value,
-			"expandIcon": mergedExpandIcon.value
-		}, _isSlot(listNode) ? listNode : { default: () => [listNode] });
-	};
-}, {
-	props: {
-		classes: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		styles: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		title: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		internalPopupClose: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		eventKey: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		warnKey: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		type: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		rootClass: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		itemIcon: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		expandIcon: {
-			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
-		},
-		popupClassName: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		popupOffset: {
-			type: Array,
-			required: false,
-			default: void 0
-		},
-		popupStyle: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		popupRender: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onClick: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onTitleClick: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onTitleMouseEnter: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onTitleMouseLeave: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		style: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		class: {
-			type: String,
-			required: false,
-			default: void 0
-		}
-	},
-	name: "InternalSubMenu",
-	inheritAttrs: false
-});
-var SubMenu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
-	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)([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": connectedKeyPath.value }, _isSlot(renderNode) ? renderNode : { default: () => [renderNode] });
-	};
-}, {
-	props: {
-		classes: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		styles: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		title: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		internalPopupClose: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		eventKey: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		warnKey: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		type: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		rootClass: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		itemIcon: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		expandIcon: {
-			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
-		},
-		popupClassName: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		popupOffset: {
-			type: Array,
-			required: false,
-			default: void 0
-		},
-		popupStyle: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		popupRender: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onClick: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onTitleClick: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onTitleMouseEnter: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onTitleMouseLeave: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		style: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		class: {
-			type: String,
-			required: false,
-			default: void 0
-		}
-	},
-	name: "SubMenu",
-	inheritAttrs: false
-});
-var SubMenu_default = SubMenu;
-exports.default = SubMenu_default;

package/dist/_virtual/rolldown_runtime.cjs

@@ -1,21 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-exports.__toESM = __toESM;

package/dist/context/IdContext.cjs

@@ -1,26 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-let vue = require("vue");
-var IdContextKey = Symbol("IdContext");
-function useIdContextProvide(id) {
-	(0, vue.provide)(IdContextKey, id);
-}
-const IdContextProvider = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
-	useIdContextProvide((0, vue.computed)(() => props.id));
-	return () => slots?.default?.();
-}, { props: { id: {
-	type: String,
-	required: true,
-	default: void 0
-} } });
-function getMenuId(uuid, eventKey) {
-	return `${uuid}-${eventKey}`;
-}
-function useMenuId(eventKey) {
-	const id = (0, vue.inject)(IdContextKey, (0, vue.ref)(""));
-	return (0, vue.computed)(() => getMenuId(id.value, eventKey.value));
-}
-exports.IdContextProvider = IdContextProvider;
-exports.getMenuId = getMenuId;
-exports.useIdContextProvide = useIdContextProvide;
-exports.useMenuId = useMenuId;