@v-c/menu 1.0.6 → 1.0.8

package/dist/context/MenuContext.cjs

@@ -1,196 +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_omit = require("@v-c/util/dist/omit");
-_v_c_util_dist_omit = require_rolldown_runtime.__toESM(_v_c_util_dist_omit);
-var MenuContextKey = Symbol("MenuContextKey");
-function mergeProps(origin, target) {
-	const clone = { ...origin };
-	Object.keys(target).forEach((key) => {
-		const value = target[key];
-		if (value !== void 0) target[key] = value;
-	});
-	return clone;
-}
-function useMenuContext() {
-	return (0, vue.inject)(MenuContextKey, null);
-}
-function useMenuContextProvider(context) {
-	(0, vue.provide)(MenuContextKey, context);
-}
-var InheritableContextProvider = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
-	const context = useMenuContext();
-	useMenuContextProvider((0, vue.computed)(() => {
-		return mergeProps(context?.value ?? {}, (0, _v_c_util_dist_omit.default)(props, ["locked"]));
-	}));
-	return () => {
-		return slots?.default?.();
-	};
-}, {
-	props: {
-		locked: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		prefixCls: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		classes: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		styles: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		rootClass: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		openKeys: {
-			type: Array,
-			required: false,
-			default: void 0
-		},
-		rtl: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		mode: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		overflowDisabled: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		activeKey: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		onActive: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onInactive: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		selectedKeys: {
-			type: Array,
-			required: false,
-			default: void 0
-		},
-		inlineIndent: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		motion: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		defaultMotions: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		subMenuOpenDelay: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		subMenuCloseDelay: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		forceSubMenuRender: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		builtinPlacements: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		triggerSubMenuAction: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		popupRender: {
-			type: Function,
-			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
-		},
-		onItemClick: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onOpenChange: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		getPopupContainer: {
-			type: Function,
-			required: false,
-			default: void 0
-		}
-	},
-	inheritAttrs: false
-});
-var MenuContext_default = InheritableContextProvider;
-exports.default = MenuContext_default;
-exports.useMenuContext = useMenuContext;
-exports.useMenuContextProvider = useMenuContextProvider;

package/dist/context/PathContext.cjs

@@ -1,76 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-let vue = require("vue");
-var EmptyList = [];
-var PathRegisterContextKey = Symbol("PathRegisterContext");
-function useMeasure() {
-	return (0, vue.inject)(PathRegisterContextKey, null);
-}
-function useMeasureProvider(context) {
-	(0, vue.provide)(PathRegisterContextKey, context);
-}
-const MeasureProvider = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
-	useMeasureProvider(props);
-	return () => {
-		return slots?.default?.();
-	};
-}, { props: {
-	registerPath: {
-		type: Function,
-		required: true,
-		default: void 0
-	},
-	unregisterPath: {
-		type: Function,
-		required: true,
-		default: void 0
-	}
-} });
-var PathTrackerContextKey = Symbol("PathTrackerContext");
-function useFullPath(eventKey) {
-	const parentKeyPath = (0, vue.inject)(PathTrackerContextKey, (0, vue.ref)(EmptyList));
-	return (0, vue.computed)(() => {
-		return eventKey !== void 0 ? [...parentKeyPath.value, eventKey.value] : parentKeyPath.value;
-	});
-}
-const PathTrackerProvider = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
-	(0, vue.provide)(PathTrackerContextKey, (0, vue.computed)(() => props.value));
-	return () => {
-		return slots?.default?.();
-	};
-}, { props: { value: {
-	type: Array,
-	required: true,
-	default: void 0
-} } });
-var PathUserContextKey = Symbol("PathUserContext");
-function usePathUserContextProvider(context) {
-	(0, vue.provide)(PathUserContextKey, context);
-}
-function usePathUserContext() {
-	return (0, vue.inject)(PathUserContextKey, { isSubPathKey: () => false });
-}
-const PathUserProvider = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
-	usePathUserContextProvider(props);
-	return () => {
-		return slots?.default?.();
-	};
-}, { props: { isSubPathKey: {
-	type: Function,
-	required: true,
-	default: void 0
-} } });
-const PathTrackerContext = { Provider: PathTrackerProvider };
-const PathRegisterContext = { Provider: MeasureProvider };
-const PathUserContext = { Provider: PathUserProvider };
-exports.MeasureProvider = MeasureProvider;
-exports.PathRegisterContext = PathRegisterContext;
-exports.PathTrackerContext = PathTrackerContext;
-exports.PathTrackerProvider = PathTrackerProvider;
-exports.PathUserContext = PathUserContext;
-exports.PathUserProvider = PathUserProvider;
-exports.useFullPath = useFullPath;
-exports.useMeasure = useMeasure;
-exports.useMeasureProvider = useMeasureProvider;
-exports.usePathUserContext = usePathUserContext;
-exports.usePathUserContextProvider = usePathUserContextProvider;

package/dist/context/PrivateContext.cjs

@@ -1,19 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-let vue = require("vue");
-var PrivateContextKey = Symbol("PrivateContext");
-function usePrivateProvider(context) {
-	(0, vue.provide)(PrivateContextKey, context);
-}
-function usePrivateContext() {
-	return (0, vue.inject)(PrivateContextKey, {});
-}
-const PrivateContextProvider = (0, vue.defineComponent)((props, { slots }) => {
-	usePrivateProvider(props);
-	return () => {
-		return slots?.default?.();
-	};
-}, { props: ["_internalRenderMenuItem", "_internalRenderSubMenuItem"] });
-exports.PrivateContextProvider = PrivateContextProvider;
-exports.usePrivateContext = usePrivateContext;
-exports.usePrivateProvider = usePrivateProvider;

package/dist/hooks/useAccessibility.cjs

@@ -1,193 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-const require_IdContext = require("../context/IdContext.cjs");
-let vue = require("vue");
-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 { LEFT, RIGHT, UP, DOWN, ENTER, ESC, HOME, END } = _v_c_util_dist_KeyCode.default;
-var ArrowKeys = [
-	UP,
-	DOWN,
-	LEFT,
-	RIGHT
-];
-function getOffset(mode, isRootLevel, isRtl, which) {
-	const prev = "prev";
-	const next = "next";
-	const children = "children";
-	const parent = "parent";
-	if (mode === "inline" && which === ENTER) return { inlineTrigger: true };
-	const inline = {
-		[UP]: prev,
-		[DOWN]: next
-	};
-	const horizontal = {
-		[LEFT]: isRtl ? next : prev,
-		[RIGHT]: isRtl ? prev : next,
-		[DOWN]: children,
-		[ENTER]: children
-	};
-	const vertical = {
-		[UP]: prev,
-		[DOWN]: next,
-		[ENTER]: children,
-		[ESC]: parent,
-		[LEFT]: isRtl ? children : parent,
-		[RIGHT]: isRtl ? parent : children
-	};
-	switch ({
-		inline,
-		horizontal,
-		vertical,
-		inlineSub: inline,
-		horizontalSub: vertical,
-		verticalSub: vertical
-	}[`${mode}${isRootLevel ? "" : "Sub"}`]?.[which]) {
-		case prev: return {
-			offset: -1,
-			sibling: true
-		};
-		case next: return {
-			offset: 1,
-			sibling: true
-		};
-		case parent: return {
-			offset: -1,
-			sibling: false
-		};
-		case children: return {
-			offset: 1,
-			sibling: false
-		};
-		default: return null;
-	}
-}
-function findContainerUL(element) {
-	let current = element;
-	while (current) {
-		if (current.getAttribute("data-menu-list")) return current;
-		current = current.parentElement;
-	}
-	return null;
-}
-function getFocusNodeList(container, includeDisabled) {
-	const selector = includeDisabled ? "[tabindex]" : "[tabindex]:not([tabindex=\"-1\"]):not([disabled]):not([aria-disabled=\"true\"])";
-	return Array.from(container.querySelectorAll(selector));
-}
-function getFocusElement(activeElement, elements) {
-	let current = activeElement || document.activeElement;
-	while (current) {
-		if (elements.has(current)) return current;
-		current = current.parentElement;
-	}
-	return null;
-}
-function getFocusableElements(container, elements) {
-	if (!container) return [];
-	return getFocusNodeList(container, true).filter((ele) => elements.has(ele));
-}
-function getNextFocusElement(parentQueryContainer, elements, focusMenuElement, offset = 1) {
-	if (!parentQueryContainer) return null;
-	const sameLevelFocusableMenuElementList = getFocusableElements(parentQueryContainer, elements);
-	const count = sameLevelFocusableMenuElementList.length;
-	let focusIndex = sameLevelFocusableMenuElementList.findIndex((ele) => focusMenuElement === ele);
-	if (offset < 0) if (focusIndex === -1) focusIndex = count - 1;
-	else focusIndex -= 1;
-	else if (offset > 0) focusIndex += 1;
-	focusIndex = (focusIndex + count) % count;
-	return sameLevelFocusableMenuElementList[focusIndex];
-}
-function refreshElements(keys, id) {
-	const elements = /* @__PURE__ */ new Set();
-	const key2element = /* @__PURE__ */ new Map();
-	const element2key = /* @__PURE__ */ new Map();
-	keys.forEach((key) => {
-		const element = document.querySelector(`[data-menu-id='${require_IdContext.getMenuId(id, key)}']`);
-		if (element) {
-			elements.add(element);
-			element2key.set(element, key);
-			key2element.set(key, element);
-		}
-	});
-	return {
-		elements,
-		key2element,
-		element2key
-	};
-}
-function useAccessibility(mode, activeKey, isRtl, id, containerRef, getKeys, getKeyPath, triggerActiveKey, triggerAccessibilityOpen, originOnKeyDown) {
-	const rafRef = (0, vue.shallowRef)();
-	const activeRef = (0, vue.shallowRef)();
-	const cleanRaf = () => {
-		if (rafRef.value !== void 0) cancelAnimationFrame(rafRef.value);
-	};
-	(0, vue.onBeforeUnmount)(() => {
-		cleanRaf();
-	});
-	return (e) => {
-		activeRef.value = activeKey.value;
-		const { which } = e;
-		if ([
-			...ArrowKeys,
-			ENTER,
-			ESC,
-			HOME,
-			END
-		].includes(which)) {
-			const keys = getKeys();
-			let refreshedElements = refreshElements(keys, id);
-			const { elements, key2element, element2key } = refreshedElements;
-			const focusMenuElement = getFocusElement(key2element.get(activeKey.value) || null, elements);
-			const focusMenuKey = element2key.get(focusMenuElement);
-			const offsetObj = getOffset(mode.value, getKeyPath(focusMenuKey, true).length === 1, isRtl.value, which);
-			if (!offsetObj && which !== HOME && which !== END) return;
-			if (ArrowKeys.includes(which) || [HOME, END].includes(which)) e.preventDefault();
-			const tryFocus = (menuElement) => {
-				if (menuElement) {
-					let focusTargetElement = menuElement;
-					const link = menuElement.querySelector("a");
-					if (link?.getAttribute("href")) focusTargetElement = link;
-					const targetKey = element2key.get(menuElement);
-					if (targetKey) triggerActiveKey(targetKey);
-					cleanRaf();
-					rafRef.value = requestAnimationFrame(() => {
-						if (activeRef.value === targetKey) focusTargetElement.focus();
-					});
-				}
-			};
-			if ([HOME, END].includes(which) || offsetObj?.sibling || !focusMenuElement) {
-				let parentQueryContainer;
-				if (!focusMenuElement || mode.value === "inline") parentQueryContainer = containerRef.value;
-				else parentQueryContainer = findContainerUL(focusMenuElement);
-				let targetElement;
-				const focusableElements = getFocusableElements(parentQueryContainer, elements);
-				if (which === HOME) targetElement = focusableElements[0];
-				else if (which === END) targetElement = focusableElements[focusableElements.length - 1];
-				else targetElement = getNextFocusElement(parentQueryContainer, elements, focusMenuElement, offsetObj?.offset);
-				tryFocus(targetElement);
-			} else if (offsetObj.inlineTrigger) triggerAccessibilityOpen(focusMenuKey);
-			else if (offsetObj.offset > 0) {
-				triggerAccessibilityOpen(focusMenuKey, true);
-				cleanRaf();
-				rafRef.value = requestAnimationFrame(() => {
-					refreshedElements = refreshElements(keys, id);
-					const controlId = focusMenuElement.getAttribute("aria-controls");
-					tryFocus(getNextFocusElement(controlId ? document.getElementById(controlId) : null, refreshedElements.elements));
-				});
-			} else if (offsetObj.offset < 0) {
-				const keyPath = getKeyPath(focusMenuKey, true);
-				const parentKey = keyPath[keyPath.length - 2];
-				const parentMenuElement = key2element.get(parentKey);
-				triggerAccessibilityOpen(parentKey, false);
-				tryFocus(parentMenuElement);
-			}
-		}
-		originOnKeyDown?.(e);
-	};
-}
-exports.default = useAccessibility;
-exports.getFocusableElements = getFocusableElements;
-exports.refreshElements = refreshElements;

package/dist/hooks/useActive.cjs

@@ -1,31 +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");
-function useActive(eventKey, disabled, onMouseEnter, onMouseLeave) {
-	const menuContext = require_MenuContext.useMenuContext();
-	const ret = { active: (0, vue.computed)(() => menuContext?.value?.activeKey === eventKey.value) };
-	(0, vue.watchEffect)(() => {
-		if (!disabled.value) {
-			ret.onMouseEnter = (domEvent) => {
-				onMouseEnter?.({
-					key: eventKey.value,
-					domEvent
-				});
-				menuContext?.value?.onActive?.(eventKey.value);
-			};
-			ret.onMouseLeave = (domEvent) => {
-				onMouseLeave?.({
-					key: eventKey.value,
-					domEvent
-				});
-				menuContext?.value?.onInactive?.(eventKey.value);
-			};
-		}
-	});
-	return ret;
-}
-exports.default = useActive;

package/dist/hooks/useDirectionStyle.cjs

@@ -1,17 +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");
-function useDirectionStyle(level) {
-	const menuContext = require_MenuContext.useMenuContext();
-	return (0, vue.computed)(() => {
-		const { mode, rtl, inlineIndent } = menuContext?.value ?? {};
-		if (mode !== "inline") return null;
-		const len = level.value;
-		return rtl ? { paddingRight: `${len * inlineIndent}px` } : { paddingLeft: `${len * inlineIndent}px` };
-	});
-}
-exports.default = useDirectionStyle;

package/dist/hooks/useKeyRecords.cjs

@@ -1,78 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-const require_timeUtil = require("../utils/timeUtil.cjs");
-let vue = require("vue");
-var PATH_SPLIT = "__VC_UTIL_PATH_SPLIT__";
-var getPathStr = (keyPath) => keyPath.join(PATH_SPLIT);
-var getPathKeys = (keyPathStr) => keyPathStr.split(PATH_SPLIT);
-const OVERFLOW_KEY = "vc-menu-more";
-function useKeyRecords() {
-	const forceUpdateCount = (0, vue.ref)(0);
-	const key2pathRef = (0, vue.shallowRef)(/* @__PURE__ */ new Map());
-	const path2keyRef = (0, vue.shallowRef)(/* @__PURE__ */ new Map());
-	const overflowKeys = (0, vue.ref)([]);
-	const updateRef = (0, vue.ref)(0);
-	const destroyRef = (0, vue.ref)(false);
-	const forceUpdate = () => {
-		if (!destroyRef.value) forceUpdateCount.value += 1;
-	};
-	const registerPath = (key, keyPath) => {
-		if (process.env.NODE_ENV !== "production") {
-			if (key2pathRef.value.has(key)) console.warn(`Duplicated key '${key}' used in Menu by path [${keyPath.join(" > ")}]`);
-		}
-		const connectedPath = getPathStr(keyPath);
-		path2keyRef.value.set(connectedPath, key);
-		key2pathRef.value.set(key, connectedPath);
-		updateRef.value += 1;
-		const id = updateRef.value;
-		require_timeUtil.nextSlice(() => {
-			if (id === updateRef.value) forceUpdate();
-		});
-	};
-	const unregisterPath = (key, keyPath) => {
-		const connectedPath = getPathStr(keyPath);
-		path2keyRef.value.delete(connectedPath);
-		key2pathRef.value.delete(key);
-	};
-	const refreshOverflowKeys = (keys) => {
-		overflowKeys.value = keys;
-	};
-	const getKeyPath = (eventKey, includeOverflow) => {
-		const keys = getPathKeys(key2pathRef.value.get(eventKey) || "");
-		if (includeOverflow && overflowKeys.value.includes(keys[0])) keys.unshift(OVERFLOW_KEY);
-		return keys;
-	};
-	const isSubPathKey = (pathKeys, eventKey) => pathKeys.filter((item) => item !== void 0).some((pathKey) => {
-		return getKeyPath(pathKey, true).includes(eventKey);
-	});
-	const getKeys = () => {
-		const keys = [...key2pathRef.value.keys()];
-		if (overflowKeys.value.length) keys.push(OVERFLOW_KEY);
-		return keys;
-	};
-	const getSubPathKeys = (key) => {
-		const connectedPath = `${key2pathRef.value.get(key)}${PATH_SPLIT}`;
-		const pathKeys = /* @__PURE__ */ new Set();
-		[...path2keyRef.value.keys()].forEach((pathKey) => {
-			if (pathKey.startsWith(connectedPath)) pathKeys.add(path2keyRef.value.get(pathKey));
-		});
-		return pathKeys;
-	};
-	(0, vue.onBeforeUnmount)(() => {
-		destroyRef.value = true;
-	});
-	return {
-		registerPath,
-		unregisterPath,
-		refreshOverflowKeys,
-		isSubPathKey,
-		getKeyPath,
-		getKeys,
-		getSubPathKeys
-	};
-}
-exports.OVERFLOW_KEY = OVERFLOW_KEY;
-exports.default = useKeyRecords;

package/dist/hooks/useMemoCallback.cjs

@@ -1,15 +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");
-function useMemoCallback(callback) {
-	const fnRef = (0, vue.ref)(callback);
-	fnRef.value = callback;
-	const memoFn = ((...args) => {
-		return fnRef.value(...args);
-	});
-	return memoFn;
-}
-exports.default = useMemoCallback;

package/dist/index.cjs

@@ -1,24 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_PathContext = require("./context/PathContext.cjs");
-const require_Divider = require("./Divider.cjs");
-const require_MenuItem = require("./MenuItem.cjs");
-const require_index = require("./SubMenu/index.cjs");
-const require_MenuItemGroup = require("./MenuItemGroup.cjs");
-const require_Menu = require("./Menu.cjs");
-var ExportMenu = require_Menu.default;
-ExportMenu.Item = require_MenuItem.default;
-ExportMenu.SubMenu = require_index.default;
-ExportMenu.ItemGroup = require_MenuItemGroup.default;
-ExportMenu.Divider = require_Divider.default;
-var src_default = ExportMenu;
-exports.Divider = require_Divider.default;
-exports.Item = require_MenuItem.default;
-exports.MenuItem = require_MenuItem.default;
-exports.ItemGroup = require_MenuItemGroup.default;
-exports.MenuItemGroup = require_MenuItemGroup.default;
-exports.SubMenu = require_index.default;
-exports.default = src_default;
-exports.useFullPath = require_PathContext.useFullPath;

package/dist/interface.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });