@v-c/menu 1.0.7 → 1.0.8

package/dist/Menu.cjs

@@ -1,531 +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_IdContext = require("./context/IdContext.cjs");
-const require_PrivateContext = require("./context/PrivateContext.cjs");
-const require_useAccessibility = require("./hooks/useAccessibility.cjs");
-const require_useKeyRecords = require("./hooks/useKeyRecords.cjs");
-const require_useMemoCallback = require("./hooks/useMemoCallback.cjs");
-const require_warnUtil = require("./utils/warnUtil.cjs");
-const require_MenuItem = require("./MenuItem.cjs");
-const require_index = require("./SubMenu/index.cjs");
-const require_nodeUtil = require("./utils/nodeUtil.cjs");
-let vue = require("vue");
-let _v_c_util = require("@v-c/util");
-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_hooks_useId = require("@v-c/util/dist/hooks/useId");
-_v_c_util_dist_hooks_useId = require_rolldown_runtime.__toESM(_v_c_util_dist_hooks_useId);
-let _v_c_util_dist_isEqual = require("@v-c/util/dist/isEqual");
-_v_c_util_dist_isEqual = require_rolldown_runtime.__toESM(_v_c_util_dist_isEqual);
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
-}
-var EMPTY_LIST = [];
-var defaults = {
-	prefixCls: "vc-menu",
-	mode: "vertical",
-	subMenuOpenDelay: .1,
-	subMenuCloseDelay: .1,
-	selectable: true,
-	multiple: false,
-	inlineIndent: 24,
-	triggerSubMenuAction: "hover",
-	overflowedIndicator: "..."
-};
-var Menu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, expose, attrs: _attrs }) => {
-	const containerRef = (0, vue.shallowRef)();
-	const uuid = (0, _v_c_util_dist_hooks_useId.default)(props?.id ? `vc-menu-uuid-${props.id}` : "vc-menu-uuid");
-	const isRtl = (0, vue.computed)(() => props?.direction === "rtl");
-	const childList = (0, vue.shallowRef)([]);
-	const mergedOverflowIndicator = (0, vue.computed)(() => props.overflowedIndicator ?? defaults.overflowedIndicator);
-	const overflowIndicatorVersion = (0, vue.ref)(0);
-	(0, vue.watch)(mergedOverflowIndicator, () => {
-		overflowIndicatorVersion.value += 1;
-	}, { immediate: true });
-	require_IdContext.useIdContextProvide((0, vue.computed)(() => uuid));
-	const innerOpenKeys = (0, vue.ref)(props?.openKeys ?? props?.defaultOpenKeys);
-	(0, vue.watch)(() => props.openKeys, () => {
-		innerOpenKeys.value = props?.openKeys;
-	});
-	const mergedOpenKeys = (0, vue.computed)({
-		get() {
-			if (props.openKeys) return props.openKeys;
-			return innerOpenKeys.value ?? EMPTY_LIST;
-		},
-		set(value) {
-			innerOpenKeys.value = value;
-		}
-	});
-	const triggerOpenKeys = (keys, forceFlush = false) => {
-		function doUpdate() {
-			mergedOpenKeys.value = keys;
-			props?.onOpenChange?.(keys);
-		}
-		if (forceFlush) (0, vue.nextTick)(doUpdate);
-		else doUpdate();
-	};
-	const inlineCacheOpenKeys = (0, vue.shallowRef)(mergedOpenKeys.value);
-	const mountRef = (0, vue.shallowRef)(false);
-	const modeMerged = (0, vue.computed)(() => {
-		const { mode, inlineCollapsed } = props;
-		if ((mode === "inline" || mode === "vertical") && inlineCollapsed) return ["vertical", inlineCollapsed];
-		return [mode, false];
-	});
-	const mergedMode = (0, vue.computed)(() => modeMerged.value[0]);
-	const mergedInlineCollapsed = (0, vue.computed)(() => modeMerged.value[1]);
-	const isInlineMode = (0, vue.computed)(() => mergedMode.value === "inline");
-	const internalMode = (0, vue.shallowRef)(mergedMode.value);
-	const internalInlineCollapsed = (0, vue.shallowRef)(mergedInlineCollapsed.value);
-	(0, vue.watch)([mergedMode, mergedInlineCollapsed], () => {
-		internalMode.value = mergedMode.value;
-		internalInlineCollapsed.value = mergedInlineCollapsed.value;
-		if (!mountRef.value) return;
-		if (isInlineMode.value) mergedOpenKeys.value = inlineCacheOpenKeys.value;
-		else triggerOpenKeys(EMPTY_LIST);
-	});
-	const lastVisibleIndex = (0, vue.shallowRef)(0);
-	(0, vue.watch)(mergedOpenKeys, () => {
-		if (isInlineMode.value) inlineCacheOpenKeys.value = mergedOpenKeys.value;
-	});
-	(0, vue.onMounted)(() => {
-		mountRef.value = true;
-	});
-	(0, vue.onUnmounted)(() => {
-		mountRef.value = false;
-	});
-	const { registerPath, unregisterPath, refreshOverflowKeys, isSubPathKey, getKeyPath, getKeys, getSubPathKeys } = require_useKeyRecords.default();
-	const registerPathContext = (0, vue.computed)(() => ({
-		registerPath,
-		unregisterPath
-	}));
-	const pathUserContext = (0, vue.computed)(() => ({ isSubPathKey }));
-	const mergedActiveKey = (0, vue.shallowRef)(props?.activeKey);
-	(0, vue.watch)(() => props.activeKey, () => {
-		mergedActiveKey.value = props?.activeKey;
-	});
-	const onActive = require_useMemoCallback.default((key) => {
-		mergedActiveKey.value = key;
-	});
-	const onInactive = require_useMemoCallback.default(() => {
-		mergedActiveKey.value = void 0;
-	});
-	const innerSelectKeys = (0, vue.ref)(props?.selectedKeys ?? props?.defaultSelectedKeys ?? EMPTY_LIST);
-	(0, vue.watch)(() => props.selectedKeys, () => {
-		innerSelectKeys.value = props.selectedKeys ?? EMPTY_LIST;
-	});
-	const mergedSelectKeys = (0, vue.computed)(() => {
-		const keys = innerSelectKeys.value;
-		if (Array.isArray(keys)) return keys;
-		if (keys === null || keys === void 0) return EMPTY_LIST;
-		return [keys];
-	});
-	const triggerSelection = (info) => {
-		if (props.selectable) {
-			const { key: targetKey } = info;
-			const exist = mergedSelectKeys.value.includes(targetKey);
-			let newSelectKeys;
-			if (props.multiple) if (exist) newSelectKeys = mergedSelectKeys.value.filter((key) => key !== targetKey);
-			else newSelectKeys = [...mergedSelectKeys.value, targetKey];
-			else newSelectKeys = [targetKey];
-			if (props.selectedKeys === void 0) innerSelectKeys.value = newSelectKeys;
-			const selectInfo = {
-				...info,
-				selectedKeys: newSelectKeys
-			};
-			if (exist) props.onDeselect?.(selectInfo);
-			else props.onSelect?.(selectInfo);
-		}
-		if (!props.multiple && mergedOpenKeys.value.length && internalMode.value !== "inline") triggerOpenKeys(EMPTY_LIST);
-	};
-	const onInternalClick = (info) => {
-		props.onClick?.(require_warnUtil.warnItemProp(info));
-		triggerSelection(info);
-	};
-	const onInternalOpenChange = (key, open) => {
-		let newOpenKeys = mergedOpenKeys.value.filter((k) => k !== key);
-		if (open) newOpenKeys.push(key);
-		else if (internalMode.value !== "inline") {
-			const subPathKeys = getSubPathKeys(key);
-			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));
-	};
-	const setMergedActiveKey = (key) => {
-		mergedActiveKey.value = key;
-	};
-	const onInternalKeyDown = require_useAccessibility.default(internalMode, mergedActiveKey, isRtl, uuid, containerRef, getKeys, getKeyPath, setMergedActiveKey, triggerAccessibilityOpen, (...args) => {
-		_attrs?.onKeydown?.(...args);
-	});
-	(0, vue.watch)(() => [
-		props.activeKey,
-		() => props.defaultActiveFirst,
-		childList.value
-	], () => {
-		if (props.activeKey !== void 0) mergedActiveKey.value = props.activeKey;
-		else if (props.defaultActiveFirst && childList.value[0]) mergedActiveKey.value = childList.value[0]?.key;
-	}, { immediate: true });
-	const allVisible = (0, vue.computed)(() => lastVisibleIndex.value >= childList.value.length - 1 || internalMode.value !== "horizontal" || props?.disabledOverflow);
-	(0, vue.watch)([
-		lastVisibleIndex,
-		allVisible,
-		childList
-	], () => {
-		refreshOverflowKeys(allVisible.value ? EMPTY_LIST : childList.value.slice(lastVisibleIndex.value + 1).map((child) => child.key));
-	}, { immediate: true });
-	const privateContext = (0, vue.computed)(() => ({
-		_internalRenderMenuItem: props._internalRenderMenuItem,
-		_internalRenderSubMenuItem: props._internalRenderSubMenuItem
-	}));
-	require_MenuContext.useMenuContextProvider((0, vue.computed)(() => {
-		return {
-			prefixCls: props.prefixCls || defaults.prefixCls,
-			rootClass: props.rootClass,
-			classes: props.classes,
-			styles: props.styles,
-			mode: internalMode.value,
-			openKeys: mergedOpenKeys.value,
-			rtl: isRtl.value,
-			disabled: props.disabled,
-			motion: props.motion,
-			defaultMotions: props.defaultMotions,
-			activeKey: mergedActiveKey.value,
-			onActive,
-			onInactive,
-			selectedKeys: mergedSelectKeys.value,
-			inlineIndent: props.inlineIndent || defaults.inlineIndent,
-			subMenuOpenDelay: props.subMenuOpenDelay || defaults.subMenuOpenDelay,
-			subMenuCloseDelay: props.subMenuCloseDelay || defaults.subMenuCloseDelay,
-			forceSubMenuRender: props.forceSubMenuRender,
-			builtinPlacements: props.builtinPlacements,
-			triggerSubMenuAction: props.triggerSubMenuAction || defaults.triggerSubMenuAction,
-			getPopupContainer: props.getPopupContainer,
-			itemIcon: props.itemIcon,
-			expandIcon: props.expandIcon,
-			onItemClick: onInternalClick,
-			onOpenChange: onInternalOpenChange,
-			popupRender: props.popupRender
-		};
-	}));
-	expose({
-		list: containerRef,
-		focus: (options) => {
-			const keys = getKeys();
-			const { elements, key2element, element2key } = require_useAccessibility.refreshElements(keys, uuid);
-			const focusableElements = require_useAccessibility.getFocusableElements(containerRef.value, elements);
-			let shouldFocusKey;
-			if (mergedActiveKey.value && keys.includes(mergedActiveKey.value)) shouldFocusKey = mergedActiveKey.value;
-			else shouldFocusKey = focusableElements[0] ? element2key.get(focusableElements[0]) : childList.value.find((node) => !node.props.disabled)?.key;
-			const elementToFocus = key2element.get(shouldFocusKey);
-			if (shouldFocusKey && elementToFocus) elementToFocus?.focus?.(options);
-		},
-		findItem: ({ key: itemKey }) => {
-			const { key2element } = require_useAccessibility.refreshElements(getKeys(), uuid);
-			return key2element.get(itemKey) || null;
-		}
-	});
-	return () => {
-		const children = (0, _v_c_util_dist_props_util.filterEmpty)(slots.default?.());
-		childList.value = require_nodeUtil.parseItems(children, props?.items, EMPTY_LIST, props?._internalComponents || {}, props?.prefixCls || defaults.prefixCls, {
-			labelRender: props?.labelRender,
-			extraRender: props?.extraRender
-		});
-		const measureChildList = require_nodeUtil.parseItems(children, props?.items, EMPTY_LIST, {}, props?.prefixCls || defaults.prefixCls);
-		const wrappedChildList = internalMode.value !== "horizontal" || props?.disabledOverflow ? childList.value : childList.value.map((child, index) => (0, vue.createVNode)(require_MenuContext.default, {
-			"key": child.key,
-			"overflowDisabled": index > lastVisibleIndex.value,
-			"classes": props.classes,
-			"styles": props.styles
-		}, _isSlot(child) ? child : { default: () => [child] }));
-		const container = (0, vue.createVNode)(_v_c_overflow.default, (0, vue.mergeProps)({
-			"ref": containerRef,
-			"prefixCls": `${props.prefixCls || defaults.prefixCls}-overflow`,
-			"component": "ul",
-			"itemComponent": require_MenuItem.default,
-			"class": (0, _v_c_util.classNames)(props.prefixCls || defaults.prefixCls, `${props.prefixCls || defaults.prefixCls}-root`, `${props.prefixCls || defaults.prefixCls}-${internalMode.value}`, _attrs.class || "", {
-				[`${props.prefixCls || defaults.prefixCls}-inline-collapsed`]: internalInlineCollapsed.value,
-				[`${props.prefixCls || defaults.prefixCls}-rtl`]: isRtl.value
-			}, props.rootClass),
-			"style": _attrs.style,
-			"data": wrappedChildList
-		}, {
-			dir: props.direction,
-			role: "menu",
-			tabindex: _attrs.tabindex ?? 0
-		}, {
-			"renderRawItem": (node) => {
-				return node;
-			},
-			"renderRawRest": (omitItems) => {
-				const len = omitItems.length;
-				const originOmitItems = len ? childList.value.slice(-len) : null;
-				return (0, vue.createVNode)(require_index.default, {
-					"eventKey": require_useKeyRecords.OVERFLOW_KEY,
-					"title": mergedOverflowIndicator.value,
-					"disabled": allVisible.value,
-					"internalPopupClose": len === 0,
-					"popupClassName": props.overflowedIndicatorPopupClassName
-				}, _isSlot(originOmitItems) ? originOmitItems : { default: () => [originOmitItems] });
-			},
-			"maxCount": internalMode.value !== "horizontal" || props?.disabledOverflow ? _v_c_overflow.default.INVALIDATE : _v_c_overflow.default.RESPONSIVE,
-			"ssr": "full",
-			"data-menu-list": true,
-			"onVisibleChange": (newLastIndex) => {
-				lastVisibleIndex.value = newLastIndex;
-			}
-		}, { onKeydown: onInternalKeyDown }), null);
-		return (0, vue.createVNode)(require_PrivateContext.PrivateContextProvider, privateContext.value, { default: () => [(0, vue.createVNode)(require_PathContext.PathUserProvider, pathUserContext.value, _isSlot(container) ? container : { default: () => [container] }), (0, vue.createVNode)("div", {
-			"style": { display: "none" },
-			"aria-hidden": true
-		}, [(0, vue.createVNode)(require_PathContext.MeasureProvider, registerPathContext.value, _isSlot(measureChildList) ? measureChildList : { default: () => [measureChildList] })])] });
-	};
-}, {
-	props: /* @__PURE__ */ (0, vue.mergeDefaults)({
-		prefixCls: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		rootClass: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		classes: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		styles: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		items: {
-			type: Array,
-			required: false,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		disabledOverflow: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		direction: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		mode: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		inlineCollapsed: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		defaultOpenKeys: {
-			type: Array,
-			required: false,
-			default: void 0
-		},
-		openKeys: {
-			type: Array,
-			required: false,
-			default: void 0
-		},
-		activeKey: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		defaultActiveFirst: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		selectable: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		multiple: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		defaultSelectedKeys: {
-			type: Array,
-			required: false,
-			default: void 0
-		},
-		selectedKeys: {
-			type: Array,
-			required: false,
-			default: void 0
-		},
-		onSelect: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onDeselect: {
-			type: Function,
-			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
-		},
-		triggerSubMenuAction: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		builtinPlacements: {
-			type: Object,
-			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
-		},
-		overflowedIndicator: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		overflowedIndicatorPopupClassName: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		getPopupContainer: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onClick: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onOpenChange: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		_internalRenderMenuItem: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		_internalRenderSubMenuItem: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		_internalComponents: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		popupRender: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		id: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		labelRender: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		extraRender: {
-			type: Function,
-			required: false,
-			default: void 0
-		}
-	}, defaults),
-	name: "VcMenu",
-	inheritAttrs: false
-});
-var Menu_default = Menu;
-exports.default = Menu_default;