@v-c/menu 0.0.1 → 0.0.3

package/dist/MenuItem.cjs

@@ -1,350 +1,320 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const Overflow = require("@v-c/overflow");
-const util = require("@v-c/util");
-const KeyCode = require("@v-c/util/dist/KeyCode");
-const omit = require("@v-c/util/dist/omit");
-const propsUtil = require("@v-c/util/dist/props-util");
-const IdContext = require("./context/IdContext.cjs");
-const MenuContext = require("./context/MenuContext.cjs");
-const PathContext = require("./context/PathContext.cjs");
-const PrivateContext = require("./context/PrivateContext.cjs");
-const useActive = require("./hooks/useActive.cjs");
-const useDirectionStyle = require("./hooks/useDirectionStyle.cjs");
-const Icon = require("./Icon.cjs");
-const warnUtil = require("./utils/warnUtil.cjs");
-const LegacyMenuItem = /* @__PURE__ */ vue.defineComponent((props, {
-  slots,
-  attrs
-}) => {
-  return () => {
-    const {
-      title,
-      attribute,
-      ...restProps
-    } = attrs;
-    const {
-      elementRef
-    } = props;
-    const passedProps = omit(restProps, ["eventKey", "popupClassName", "popupOffset", "onTitleClick"]);
-    util.warning(!attribute, "`attribute` of Menu.Item is deprecated. Please pass attribute directly.");
-    return vue.createVNode(Overflow.Item, vue.mergeProps(attribute, {
-      "title": typeof title === "string" ? title : void 0
-    }, passedProps, {
-      "ref": elementRef
-    }), {
-      default: () => [slots?.default?.()]
-    });
-  };
+Object.defineProperty(exports, "__esModule", { value: true });
+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: {
-      type: null,
-      required: false,
-      default: void 0
-    }
-  },
-  name: "LegacyMenuItem",
-  inheritAttrs: false
+	props: { elementRef: {
+		type: null,
+		required: false,
+		default: void 0
+	} },
+	name: "LegacyMenuItem",
+	inheritAttrs: false
 });
-const InternalMenuItem = /* @__PURE__ */ vue.defineComponent((props, {
-  slots,
-  attrs
-}) => {
-  const {
-    eventKey
-  } = propsUtil.toPropsRefs(props, "eventKey");
-  const domDataId = IdContext.useMenuId(eventKey);
-  const menuContext = MenuContext.useMenuContext();
-  const privateContext = PrivateContext.usePrivateContext();
-  const legacyMenuItemRef = vue.shallowRef();
-  const elementRef = vue.shallowRef();
-  const mergedDisabled = vue.computed(() => props.disabled ?? menuContext?.value?.disabled);
-  const connectedKeys = PathContext.useFullPath(eventKey);
-  if (process.env.NODE_ENV !== "production" && props.warnKey) {
-    util.warning(false, "MenuItem should not leave undefined `key`.");
-  }
-  const getEventInfo = (e) => {
-    return {
-      key: eventKey.value,
-      // Note: For legacy code is reversed which not like other antd component
-      keyPath: [...connectedKeys.value].reverse(),
-      item: legacyMenuItemRef.value,
-      domEvent: e
-    };
-  };
-  const ret = useActive.default(eventKey, mergedDisabled, props?.onMouseEnter, props?.onMouseLeave);
-  const active = ret.active;
-  const selected = vue.computed(() => !!menuContext?.value?.selectedKeys?.includes?.(eventKey.value));
-  const directionStyle = useDirectionStyle.default(vue.computed(() => connectedKeys.value.length));
-  const onInternalClick = (e) => {
-    if (mergedDisabled.value) {
-      return;
-    }
-    const info = getEventInfo(e);
-    props?.onClick?.(warnUtil.warnItemProp(info));
-    menuContext?.value?.onItemClick?.(info);
-  };
-  const onInternalKeyDown = (e) => {
-    props?.onKeyDown?.(e);
-    if (e.which === KeyCode.ENTER) {
-      const info = getEventInfo(e);
-      props?.onClick?.(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 = vue.createVNode(LegacyMenuItem, 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
-    }, omit({
-      ...restProps,
-      ...attrs
-    }, ["extra"]), activeProps, optionRoleProps, {
-      "component": "li",
-      "aria-disabled": disabled,
-      "style": [directionStyle.value, props?.style],
-      "className": 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?.(), vue.createVNode(Icon.default, {
-        "props": {
-          ...props,
-          isSelected: selected.value
-        },
-        "icon": mergedItemIcon
-      }, null)]
-    });
-    if (privateContext._internalRenderMenuItem) {
-      renderNode = privateContext._internalRenderMenuItem(renderNode, props, {
-        selected: selected.value
-      });
-    }
-    return renderNode;
-  };
+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: [String, Number, null, Array, Function, Boolean],
-      required: false,
-      skipCheck: true,
-      default: void 0
-    },
-    extra: {
-      type: null,
-      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: null,
-      required: false,
-      default: void 0
-    },
-    class: {
-      type: String,
-      required: false,
-      default: void 0
-    }
-  },
-  name: "InternalMenuItem",
-  inheritAttrs: false
+	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: [
+				String,
+				Number,
+				null,
+				Array,
+				Function,
+				Boolean
+			],
+			required: false,
+			skipCheck: true,
+			default: void 0
+		},
+		extra: {
+			type: null,
+			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: null,
+			required: false,
+			default: void 0
+		},
+		class: {
+			type: String,
+			required: false,
+			default: void 0
+		}
+	},
+	name: "InternalMenuItem",
+	inheritAttrs: false
 });
-const MenuItem = /* @__PURE__ */ vue.defineComponent((props, {
-  slots,
-  attrs
-}) => {
-  const {
-    eventKey
-  } = propsUtil.toPropsRefs(props, "eventKey");
-  const measure = PathContext.useMeasure();
-  const connectedKeyPath = PathContext.useFullPath(eventKey);
-  vue.watch([connectedKeyPath], (_n, _o, onCleanup) => {
-    if (measure) {
-      measure.registerPath(eventKey.value, connectedKeyPath.value);
-    }
-    onCleanup(() => {
-      measure?.unregisterPath(eventKey.value, connectedKeyPath.value);
-    });
-  });
-  return () => {
-    if (measure) {
-      return null;
-    }
-    return vue.createVNode(InternalMenuItem, {
-      ...attrs,
-      ...props
-    }, slots);
-  };
+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);
+		});
+	});
+	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: [String, Number, null, Array, Function, Boolean],
-      required: false,
-      skipCheck: true,
-      default: void 0
-    },
-    extra: {
-      type: null,
-      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: null,
-      required: false,
-      default: void 0
-    },
-    class: {
-      type: String,
-      required: false,
-      default: void 0
-    }
-  },
-  name: "MenuItem",
-  inheritAttrs: false
+	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: [
+				String,
+				Number,
+				null,
+				Array,
+				Function,
+				Boolean
+			],
+			required: false,
+			skipCheck: true,
+			default: void 0
+		},
+		extra: {
+			type: null,
+			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: null,
+			required: false,
+			default: void 0
+		},
+		class: {
+			type: String,
+			required: false,
+			default: void 0
+		}
+	},
+	name: "MenuItem",
+	inheritAttrs: false
 });
-exports.default = MenuItem;
+var MenuItem_default = MenuItem;
+exports.default = MenuItem_default;