@aloudata/aloudata-design 3.1.7 → 3.2.0-beta.0

package/dist/MemberPicker/utils/getUsersWithUserId.js.map

@@ -1 +1 @@
-{"version":3,"file":"getUsersWithUserId.js","names":[],"sources":["../../../src/MemberPicker/utils/getUsersWithUserId.tsx"],"sourcesContent":["import { EUserType, IUserGroup } from '../../ConfigProvider/getUserList';\nimport { IUser } from '../interface';\n\nexport function isUser(value: any): value is IUser {\n  return (\n    value &&\n    typeof value === 'object' &&\n    value.type === EUserType.USER &&\n    (value.nickname || value.name)\n  );\n}\nexport function isUserGroup(value: any): value is IUserGroup {\n  return (\n    value &&\n    typeof value === 'object' &&\n    value.type === EUserType.USER_GROUP &&\n    value.name\n  );\n}\nfunction getUsersWithUserId(obj: any): IUser[] {\n  let users: IUser[] = [];\n\n  const findUsers = (value: any): void => {\n    if (Object.isFrozen(users)) return;\n    if (Array.isArray(value) && value.find(isUser)) {\n      users = value as IUser[];\n      Object.freeze(users);\n    } else if (typeof value === 'object') {\n      Object.values(value).forEach((item) => findUsers(item));\n    }\n  };\n\n  findUsers(obj);\n\n  return users;\n}\n\nexport default getUsersWithUserId;\n"],"mappings":";;AAGA,SAAgB,OAAO,OAA4B;AACjD,QACE,SACA,OAAO,UAAU,YACjB,MAAM,SAAS,UAAU,SACxB,MAAM,YAAY,MAAM;;AAG7B,SAAgB,YAAY,OAAiC;AAC3D,QACE,SACA,OAAO,UAAU,YACjB,MAAM,SAAS,UAAU,cACzB,MAAM"}
+{"version":3,"file":"getUsersWithUserId.js","names":["EUserType","IUserGroup","IUser","isUser","value","type","USER","nickname","name","isUserGroup","USER_GROUP","getUsersWithUserId","obj","users","findUsers","Object","isFrozen","Array","isArray","find","freeze","values","forEach","item"],"sources":["../../../src/MemberPicker/utils/getUsersWithUserId.tsx"],"sourcesContent":["import { EUserType, IUserGroup } from '../../ConfigProvider/getUserList';\nimport { IUser } from '../interface';\n\nexport function isUser(value: any): value is IUser {\n  return (\n    value &&\n    typeof value === 'object' &&\n    value.type === EUserType.USER &&\n    (value.nickname || value.name)\n  );\n}\nexport function isUserGroup(value: any): value is IUserGroup {\n  return (\n    value &&\n    typeof value === 'object' &&\n    value.type === EUserType.USER_GROUP &&\n    value.name\n  );\n}\nfunction getUsersWithUserId(obj: any): IUser[] {\n  let users: IUser[] = [];\n\n  const findUsers = (value: any): void => {\n    if (Object.isFrozen(users)) return;\n    if (Array.isArray(value) && value.find(isUser)) {\n      users = value as IUser[];\n      Object.freeze(users);\n    } else if (typeof value === 'object') {\n      Object.values(value).forEach((item) => findUsers(item));\n    }\n  };\n\n  findUsers(obj);\n\n  return users;\n}\n\nexport default getUsersWithUserId;\n"],"mappings":";;AAGA,SAAgBG,OAAOC,OAA4B;AACjD,QACEA,SACA,OAAOA,UAAU,YACjBA,MAAMC,SAASL,UAAUM,SACxBF,MAAMG,YAAYH,MAAMI;;AAG7B,SAAgBC,YAAYL,OAAiC;AAC3D,QACEA,SACA,OAAOA,UAAU,YACjBA,MAAMC,SAASL,UAAUU,cACzBN,MAAMI"}

package/dist/MemberPicker/utils/index.d.ts

@@ -1,5 +1,6 @@
-import { IUserGroup } from '../../ConfigProvider/getUserList';
-import { IUser } from '../interface';
+import { default as React } from 'react';
+import { IUserGroup } from '../../ConfigProvider/getUserList.js';
+import { IUser } from '../interface.js';
 export declare const getId: (user: IUser | IUserGroup) => string;
-export declare const getPhoto: (user: IUser | IUserGroup) => import("react/jsx-runtime").JSX.Element | null;
+export declare const getPhoto: (user: IUser | IUserGroup) => React.JSX.Element | null;
 export declare const getAccount: (user: IUser | IUserGroup) => string | undefined;

package/dist/MemberPicker/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/MemberPicker/utils/index.tsx"],"sourcesContent":["import React from 'react';\nimport { EUserType, IUserGroup } from '../../ConfigProvider/getUserList';\nimport { IUser } from '../interface';\n\nexport const getId = (user: IUser | IUserGroup) => {\n  if (user.type === EUserType.USER) return user.userId;\n  return user.groupId;\n};\n\nexport const getPhoto = (user: IUser | IUserGroup) => {\n  if (user.type === EUserType.USER)\n    return user.photo ? <img src={user.photo} /> : null;\n  return null;\n};\n\nexport const getAccount = (user: IUser | IUserGroup) => {\n  if (user.type === EUserType.USER) return user.account;\n  return '';\n};\n"],"mappings":";;;;AAIA,IAAa,SAAS,SAA6B;AACjD,KAAI,KAAK,SAAS,UAAU,KAAM,QAAO,KAAK;AAC9C,QAAO,KAAK;;AAGd,IAAa,YAAY,SAA6B;AACpD,KAAI,KAAK,SAAS,UAAU,KAC1B,QAAO,KAAK,QAAQ,oBAAC,OAAD,EAAK,KAAK,KAAK,OAAS,CAAA,GAAG;AACjD,QAAO;;AAGT,IAAa,cAAc,SAA6B;AACtD,KAAI,KAAK,SAAS,UAAU,KAAM,QAAO,KAAK;AAC9C,QAAO"}
+{"version":3,"file":"index.js","names":["React","EUserType","IUserGroup","IUser","getId","user","type","USER","userId","groupId","getPhoto","photo","getAccount","account"],"sources":["../../../src/MemberPicker/utils/index.tsx"],"sourcesContent":["import React from 'react';\nimport { EUserType, IUserGroup } from '../../ConfigProvider/getUserList';\nimport { IUser } from '../interface';\n\nexport const getId = (user: IUser | IUserGroup) => {\n  if (user.type === EUserType.USER) return user.userId;\n  return user.groupId;\n};\n\nexport const getPhoto = (user: IUser | IUserGroup) => {\n  if (user.type === EUserType.USER)\n    return user.photo ? <img src={user.photo} /> : null;\n  return null;\n};\n\nexport const getAccount = (user: IUser | IUserGroup) => {\n  if (user.type === EUserType.USER) return user.account;\n  return '';\n};\n"],"mappings":";;;;AAIA,IAAaI,SAASC,SAA6B;AACjD,KAAIA,KAAKC,SAASL,UAAUM,KAAM,QAAOF,KAAKG;AAC9C,QAAOH,KAAKI;;AAGd,IAAaC,YAAYL,SAA6B;AACpD,KAAIA,KAAKC,SAASL,UAAUM,KAC1B,QAAOF,KAAKM,QAAQ,oBAAC,OAAD,EAAK,KAAKN,KAAKM,OAAS,CAAA,GAAG;AACjD,QAAO;;AAGT,IAAaC,cAAcP,SAA6B;AACtD,KAAIA,KAAKC,SAASL,UAAUM,KAAM,QAAOF,KAAKQ;AAC9C,QAAO"}

package/dist/MemberPicker/utils.d.ts

@@ -1,2 +1 @@
 export * from './utils/index.js';
-export { default } from './utils/index.js';

package/dist/MemberPicker/utils.js

@@ -0,0 +1 @@
+export * from './utils/index.js';

package/dist/MemberPicker.js

@@ -0,0 +1,2 @@
+export * from './MemberPicker/index.js';
+export { default } from './MemberPicker/index.js';

package/dist/Menu/index.d.ts

@@ -18,7 +18,7 @@ export interface MenuProps {
     /** @internal Dropdown 已按实际裁剪区域计算根菜单高度，保留其限制。 */
     preserveRootHeight?: boolean;
 }
-export default function Menu(props: MenuProps): import("react/jsx-runtime").JSX.Element;
+export default function Menu(props: MenuProps): React.JSX.Element;
 export declare function isHeaderMenuItem(menuItem: MenuItemType): menuItem is MenuHeaderType;
 export declare function isDivideMenuItem(menuItem: MenuItemType): menuItem is MenuDividerType;
 export declare function isSubMenuItem(menuItem: MenuItemType): menuItem is SubMenuType;

package/dist/Menu/index.js

@@ -2,66 +2,106 @@ import { cn } from "../lib/utils.js";
 import Memo from "../Icon/components/CheckLightLine.js";
 import Memo$1 from "../Icon/components/ChevronRightLine.js";
 /* empty css     */
-import { useCallback, useMemo, useRef } from "react";
+import { c } from "react-compiler-runtime";
+import { useRef } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import _ from "lodash";
 import { ControlledMenu, MenuDivider, MenuHeader, MenuItem, SubMenu } from "@szhsin/react-menu";
 //#region src/Menu/index.tsx
 function Menu(props) {
-	const { className, items, onClick: onMenuClick, onBeforeLeafItemClick, selectedKeys, menuStyle, ariaLabel, initialFocus = "first", onRequestClose, rootClosing = false, externalOverflow, preserveRootHeight = false } = props;
-	const selectedKeySet = new Set(selectedKeys || []);
-	const typeaheadRef = useRef({
-		query: "",
-		timestamp: 0
-	});
-	const menuItemFocus = useMemo(() => ({ position: initialFocus }), [initialFocus]);
-	const onMenuKeyDown = useCallback((event) => {
-		if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey || event.key.length !== 1) return;
-		const now = Date.now();
-		const previous = typeaheadRef.current;
-		const query = `${now - previous.timestamp > 500 ? "" : previous.query}${event.key}`.toLocaleLowerCase();
-		typeaheadRef.current = {
-			query,
-			timestamp: now
+	const $ = c(54);
+	const { className, items, onClick: onMenuClick, onBeforeLeafItemClick, selectedKeys, menuStyle, ariaLabel, initialFocus: t0, onRequestClose, rootClosing: t1, externalOverflow, preserveRootHeight: t2 } = props;
+	const initialFocus = t0 === void 0 ? "first" : t0;
+	const rootClosing = t1 === void 0 ? false : t1;
+	const preserveRootHeight = t2 === void 0 ? false : t2;
+	let t3;
+	if ($[0] !== selectedKeys) {
+		t3 = selectedKeys || [];
+		$[0] = selectedKeys;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] !== t3) {
+		t4 = new Set(t3);
+		$[2] = t3;
+		$[3] = t4;
+	} else t4 = $[3];
+	const selectedKeySet = t4;
+	let t5;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = {
+			query: "",
+			timestamp: 0
 		};
-		const menuItems = Array.from(event.currentTarget.querySelectorAll("[role=\"menuitem\"]:not([aria-hidden=\"true\"]):not([aria-disabled=\"true\"])"));
-		const activeIndex = menuItems.indexOf(document.activeElement);
-		const match = [...menuItems.slice(activeIndex + 1), ...menuItems.slice(0, activeIndex + 1)].find((item) => {
-			return (item.getAttribute("aria-label") || item.textContent || "").trim().toLocaleLowerCase().startsWith(query);
+		$[4] = t5;
+	} else t5 = $[4];
+	const typeaheadRef = useRef(t5);
+	let t6;
+	if ($[5] !== initialFocus) {
+		t6 = { position: initialFocus };
+		$[5] = initialFocus;
+		$[6] = t6;
+	} else t6 = $[6];
+	const menuItemFocus = t6;
+	let t7;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = (event) => {
+			if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey || event.key.length !== 1) return;
+			const now = Date.now();
+			const previous = typeaheadRef.current;
+			const query = `${now - previous.timestamp > 500 ? "" : previous.query}${event.key}`.toLocaleLowerCase();
+			typeaheadRef.current = {
+				query,
+				timestamp: now
+			};
+			const menuItems = Array.from(event.currentTarget.querySelectorAll("[role=\"menuitem\"]:not([aria-hidden=\"true\"]):not([aria-disabled=\"true\"])"));
+			const activeIndex = menuItems.indexOf(document.activeElement);
+			const match = [...menuItems.slice(activeIndex + 1), ...menuItems.slice(0, activeIndex + 1)].find((item) => {
+				return (item.getAttribute("aria-label") || item.textContent || "").trim().toLocaleLowerCase().startsWith(query);
+			});
+			if (match) {
+				event.preventDefault();
+				match.focus();
+			}
+		};
+		$[7] = t7;
+	} else t7 = $[7];
+	const onMenuKeyDown = t7;
+	let t8;
+	if ($[8] !== selectedKeySet) {
+		t8 = (items_0) => items_0.some((item_0) => {
+			if (isSubMenuItem(item_0)) return selectedKeySet.has(item_0.key);
+			if (isHeaderMenuItem(item_0) || isDivideMenuItem(item_0)) return false;
+			return selectedKeySet.has(item_0.key);
 		});
-		if (match) {
-			event.preventDefault();
-			match.focus();
-		}
-	}, []);
-	const hasDirectSelectedItem = (items) => items.some((item) => {
-		if (isSubMenuItem(item)) return selectedKeySet.has(item.key);
-		if (isHeaderMenuItem(item) || isDivideMenuItem(item)) return false;
-		return selectedKeySet.has(item.key);
-	});
-	const getMenuItems = (items, parentPath = []) => {
-		const isSelectableGroup = hasDirectSelectedItem(items);
-		return items.map((item, index) => {
-			if (isDivideMenuItem(item)) return /* @__PURE__ */ jsx(MenuDivider, {}, `divider_${index}`);
-			if (isHeaderMenuItem(item)) return /* @__PURE__ */ jsx(MenuHeader, { children: item.label }, `header_${index}`);
-			const currPath = [...parentPath, item.key];
-			const titleStr = _.isString(item.label) ? item.label : "";
-			const isSelected = selectedKeys?.includes(item.key);
-			if (isSubMenuItem(item)) {
-				const isLeafSubMenu = isLeafMenu(item.children);
+		$[8] = selectedKeySet;
+		$[9] = t8;
+	} else t8 = $[9];
+	const hasDirectSelectedItem = t8;
+	const getMenuItems = (items_1, t9) => {
+		const parentPath = t9 === void 0 ? [] : t9;
+		const isSelectableGroup = hasDirectSelectedItem(items_1);
+		return items_1.map((item_1, index) => {
+			if (isDivideMenuItem(item_1)) return /* @__PURE__ */ jsx(MenuDivider, {}, `divider_${index}`);
+			if (isHeaderMenuItem(item_1)) return /* @__PURE__ */ jsx(MenuHeader, { children: item_1.label }, `header_${index}`);
+			const currPath = [...parentPath, item_1.key];
+			const titleStr = _.isString(item_1.label) ? item_1.label : "";
+			const isSelected = selectedKeys?.includes(item_1.key);
+			if (isSubMenuItem(item_1)) {
+				const isLeafSubMenu = isLeafMenu(item_1.children);
 				const subMenuOverflow = isLeafSubMenu || menuStyle?.maxHeight !== void 0 ? "auto" : void 0;
 				return /* @__PURE__ */ jsx(SubMenu, {
 					label: /* @__PURE__ */ jsxs("div", {
 						className: "ald-menu-item-label",
 						title: titleStr,
 						children: [
-							item.icon ? /* @__PURE__ */ jsx("div", {
+							item_1.icon ? /* @__PURE__ */ jsx("div", {
 								className: "ald-menu-item-label-icon",
-								children: item.icon
+								children: item_1.icon
 							}) : null,
 							/* @__PURE__ */ jsx("div", {
 								className: "ald-menu-item-label-text tw-text-typography-body-dense",
-								children: item.label
+								children: item_1.label
 							}),
 							/* @__PURE__ */ jsxs("div", {
 								className: "ald-menu-item-right",
@@ -69,8 +109,8 @@ function Menu(props) {
 							})
 						]
 					}),
-					disabled: item.disabled,
-					"aria-label": item.ariaLabel || titleStr || void 0,
+					disabled: item_1.disabled,
+					"aria-label": item_1.ariaLabel || titleStr || void 0,
 					itemProps: { className: isLeafSubMenu ? "ald-menu-submenu-leaf-trigger" : void 0 },
 					align: "start",
 					direction: "right",
@@ -78,39 +118,40 @@ function Menu(props) {
 					position: "anchor",
 					shift: 0,
 					menuStyle: { ...menuStyle },
-					menuClassName: cn("ald-menu-submenu-popup", isLeafSubMenu && "ald-menu-submenu-popup-leaf", !isLeafSubMenu && menuStyle?.maxHeight !== void 0 && "ald-menu-submenu-popup-scrollable", item.popupClassName, rootClosing && "ald-menu-submenu-popup-root-closing"),
+					menuClassName: cn("ald-menu-submenu-popup", isLeafSubMenu && "ald-menu-submenu-popup-leaf", !isLeafSubMenu && menuStyle?.maxHeight !== void 0 && "ald-menu-submenu-popup-scrollable", item_1.popupClassName, rootClosing && "ald-menu-submenu-popup-root-closing"),
 					overflow: subMenuOverflow,
-					children: getMenuItems(item.children, currPath)
-				}, item.key);
+					children: getMenuItems(item_1.children, currPath)
+				}, item_1.key);
 			}
 			return /* @__PURE__ */ jsx(MenuItem, {
-				className: cn(item.className, {
-					"ald-menu-item-danger": item.danger,
+				className: cn(item_1.className, {
+					"ald-menu-item-danger": item_1.danger,
 					"ald-menu-item-selected": isSelected
 				}),
-				disabled: item.disabled,
-				"aria-label": item.ariaLabel || titleStr || void 0,
-				onClick: ({ syntheticEvent }) => {
+				disabled: item_1.disabled,
+				"aria-label": item_1.ariaLabel || titleStr || void 0,
+				onClick: (t10) => {
+					const { syntheticEvent } = t10;
 					onBeforeLeafItemClick?.();
 					const menuInfo = {
-						key: item.key,
+						key: item_1.key,
 						keyPath: currPath,
 						domEvent: syntheticEvent
 					};
-					if (item.onClick) item.onClick(menuInfo);
+					if (item_1.onClick) item_1.onClick(menuInfo);
 					if (onMenuClick) onMenuClick(menuInfo);
 				},
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "ald-menu-item-label",
 					title: titleStr,
 					children: [
-						item.icon ? /* @__PURE__ */ jsx("div", {
+						item_1.icon ? /* @__PURE__ */ jsx("div", {
 							className: "ald-menu-item-label-icon",
-							children: item.icon
+							children: item_1.icon
 						}) : null,
 						/* @__PURE__ */ jsx("div", {
 							className: "ald-menu-item-label-text tw-text-typography-body-dense",
-							children: item.label
+							children: item_1.label
 						}),
 						isSelectableGroup ? /* @__PURE__ */ jsx("div", {
 							className: "ald-menu-item-right",
@@ -121,38 +162,146 @@ function Menu(props) {
 						}) : null
 					]
 				})
-			}, item.key);
+			}, item_1.key);
 		});
 	};
 	const ref = useRef(null);
-	const isLeafRootMenu = isLeafMenu(items);
-	const menuOverflow = isLeafRootMenu || menuStyle?.maxHeight !== void 0 ? "auto" : void 0;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
-		style: { display: "none" },
-		ref
-	}), /* @__PURE__ */ jsx(ControlledMenu, {
-		state: "open",
-		transition: {
-			open: true,
-			close: true
-		},
-		transitionTimeout: 200,
-		submenuOpenDelay: 0,
-		submenuCloseDelay: 0,
-		setDownOverflow: preserveRootHeight,
-		menuStyle: { ...menuStyle },
-		anchorRef: ref,
-		className: cn(className, "ald-menu", isLeafRootMenu && !externalOverflow && "ald-menu-leaf", !isLeafRootMenu && menuStyle?.maxHeight !== void 0 && !externalOverflow && "ald-menu-scrollable"),
-		position: externalOverflow ? "initial" : "auto",
-		"aria-label": ariaLabel,
-		captureFocus: true,
-		menuItemFocus,
-		onKeyDown: onMenuKeyDown,
-		onClose: ({ reason }) => onRequestClose?.(reason),
-		viewScroll: externalOverflow ? "initial" : "auto",
-		overflow: externalOverflow ? "visible" : menuOverflow,
-		children: getMenuItems(items || [])
-	})] });
+	let T0;
+	let menuOverflow;
+	let t11;
+	let t12;
+	let t13;
+	let t14;
+	let t15;
+	let t16;
+	let t17;
+	let t18;
+	let t19;
+	let t20;
+	if ($[10] !== className || $[11] !== externalOverflow || $[12] !== items || $[13] !== menuStyle || $[14] !== preserveRootHeight) {
+		const isLeafRootMenu = isLeafMenu(items);
+		menuOverflow = isLeafRootMenu || menuStyle?.maxHeight !== void 0 ? "auto" : void 0;
+		if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+			t20 = /* @__PURE__ */ jsx("div", {
+				style: { display: "none" },
+				ref
+			});
+			$[27] = t20;
+		} else t20 = $[27];
+		T0 = ControlledMenu;
+		t11 = "open";
+		if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+			t12 = {
+				open: true,
+				close: true
+			};
+			$[28] = t12;
+		} else t12 = $[28];
+		t13 = 200;
+		t14 = 0;
+		t15 = 0;
+		t16 = preserveRootHeight;
+		if ($[29] !== menuStyle) {
+			t17 = { ...menuStyle };
+			$[29] = menuStyle;
+			$[30] = t17;
+		} else t17 = $[30];
+		t18 = ref;
+		t19 = cn(className, "ald-menu", isLeafRootMenu && !externalOverflow && "ald-menu-leaf", !isLeafRootMenu && menuStyle?.maxHeight !== void 0 && !externalOverflow && "ald-menu-scrollable");
+		$[10] = className;
+		$[11] = externalOverflow;
+		$[12] = items;
+		$[13] = menuStyle;
+		$[14] = preserveRootHeight;
+		$[15] = T0;
+		$[16] = menuOverflow;
+		$[17] = t11;
+		$[18] = t12;
+		$[19] = t13;
+		$[20] = t14;
+		$[21] = t15;
+		$[22] = t16;
+		$[23] = t17;
+		$[24] = t18;
+		$[25] = t19;
+		$[26] = t20;
+	} else {
+		T0 = $[15];
+		menuOverflow = $[16];
+		t11 = $[17];
+		t12 = $[18];
+		t13 = $[19];
+		t14 = $[20];
+		t15 = $[21];
+		t16 = $[22];
+		t17 = $[23];
+		t18 = $[24];
+		t19 = $[25];
+		t20 = $[26];
+	}
+	const t21 = externalOverflow ? "initial" : "auto";
+	const t22 = true;
+	let t23;
+	if ($[31] !== onRequestClose) {
+		t23 = (t24) => {
+			const { reason } = t24;
+			return onRequestClose?.(reason);
+		};
+		$[31] = onRequestClose;
+		$[32] = t23;
+	} else t23 = $[32];
+	const t24 = externalOverflow ? "initial" : "auto";
+	const t25 = externalOverflow ? "visible" : menuOverflow;
+	const t26 = getMenuItems(items || []);
+	let t27;
+	if ($[33] !== T0 || $[34] !== ariaLabel || $[35] !== menuItemFocus || $[36] !== t11 || $[37] !== t12 || $[38] !== t13 || $[39] !== t14 || $[40] !== t15 || $[41] !== t16 || $[42] !== t17 || $[43] !== t18 || $[44] !== t19 || $[45] !== t21 || $[46] !== t23 || $[47] !== t24 || $[48] !== t25 || $[49] !== t26) {
+		t27 = /* @__PURE__ */ jsx(T0, {
+			state: t11,
+			transition: t12,
+			transitionTimeout: t13,
+			submenuOpenDelay: t14,
+			submenuCloseDelay: t15,
+			setDownOverflow: t16,
+			menuStyle: t17,
+			anchorRef: t18,
+			className: t19,
+			position: t21,
+			"aria-label": ariaLabel,
+			captureFocus: t22,
+			menuItemFocus,
+			onKeyDown: onMenuKeyDown,
+			onClose: t23,
+			viewScroll: t24,
+			overflow: t25,
+			children: t26
+		});
+		$[33] = T0;
+		$[34] = ariaLabel;
+		$[35] = menuItemFocus;
+		$[36] = t11;
+		$[37] = t12;
+		$[38] = t13;
+		$[39] = t14;
+		$[40] = t15;
+		$[41] = t16;
+		$[42] = t17;
+		$[43] = t18;
+		$[44] = t19;
+		$[45] = t21;
+		$[46] = t23;
+		$[47] = t24;
+		$[48] = t25;
+		$[49] = t26;
+		$[50] = t27;
+	} else t27 = $[50];
+	let t28;
+	if ($[51] !== t20 || $[52] !== t27) {
+		t28 = /* @__PURE__ */ jsxs(Fragment, { children: [t20, t27] });
+		$[51] = t20;
+		$[52] = t27;
+		$[53] = t28;
+	} else t28 = $[53];
+	return t28;
 }
 function isHeaderMenuItem(menuItem) {
 	return "type" in menuItem && menuItem.type === "header";

package/dist/Menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Menu/index.tsx"],"sourcesContent":["import {\n  ControlledMenu,\n  MenuDivider,\n  MenuHeader,\n  MenuItem,\n  SubMenu,\n} from '@szhsin/react-menu';\nimport { cn } from '../lib/utils';\nimport _ from 'lodash';\nimport React, { useCallback, useMemo, useRef } from 'react';\nimport { CheckLightLine, ChevronRightLine } from '../Icon';\nimport './menu.css';\n\nexport interface MenuProps {\n  onClick?: (info: MenuInfo) => void;\n  onBeforeLeafItemClick?: () => void;\n  className?: string;\n  items: MenuItemType[];\n  selectedKeys?: string[];\n  menuStyle?: React.CSSProperties;\n  /** Accessible name for the command menu when its context is not otherwise clear. */\n  ariaLabel?: string;\n  /** @internal Requested initial keyboard position when the popup opens. */\n  initialFocus?: 'first' | 'last';\n  /** @internal Requests that the owning popup close, including on Escape. */\n  onRequestClose?: (reason: 'click' | 'cancel' | 'blur' | 'scroll') => void;\n  rootClosing?: boolean;\n  /** @internal 由 Dropdown 注入，禁用内部定位/overflow 计算。不支持含 SubMenu 的菜单 */\n  externalOverflow?: boolean;\n  /** @internal Dropdown 已按实际裁剪区域计算根菜单高度，保留其限制。 */\n  preserveRootHeight?: boolean;\n}\n\nexport default function Menu(props: MenuProps) {\n  const {\n    className,\n    items,\n    onClick: onMenuClick,\n    onBeforeLeafItemClick,\n    selectedKeys,\n    menuStyle,\n    ariaLabel,\n    initialFocus = 'first',\n    onRequestClose,\n    rootClosing = false,\n    externalOverflow,\n    preserveRootHeight = false,\n  } = props;\n  const selectedKeySet = new Set(selectedKeys || []);\n  const typeaheadRef = useRef({ query: '', timestamp: 0 });\n  const menuItemFocus = useMemo(\n    () => ({ position: initialFocus }),\n    [initialFocus],\n  );\n  const onMenuKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLUListElement>) => {\n      if (\n        event.defaultPrevented ||\n        event.altKey ||\n        event.ctrlKey ||\n        event.metaKey ||\n        event.key.length !== 1\n      ) {\n        return;\n      }\n\n      const now = Date.now();\n      const previous = typeaheadRef.current;\n      const query = `${now - previous.timestamp > 500 ? '' : previous.query}${\n        event.key\n      }`.toLocaleLowerCase();\n      typeaheadRef.current = { query, timestamp: now };\n\n      const menuItems = Array.from(\n        event.currentTarget.querySelectorAll<HTMLElement>(\n          '[role=\"menuitem\"]:not([aria-hidden=\"true\"]):not([aria-disabled=\"true\"])',\n        ),\n      );\n      const activeIndex = menuItems.indexOf(\n        document.activeElement as HTMLElement,\n      );\n      const orderedItems = [\n        ...menuItems.slice(activeIndex + 1),\n        ...menuItems.slice(0, activeIndex + 1),\n      ];\n      const match = orderedItems.find((item) => {\n        const accessibleName =\n          item.getAttribute('aria-label') || item.textContent || '';\n        return accessibleName.trim().toLocaleLowerCase().startsWith(query);\n      });\n\n      if (match) {\n        event.preventDefault();\n        match.focus();\n      }\n    },\n    [],\n  );\n\n  const hasDirectSelectedItem = (items: MenuItemType[]): boolean =>\n    items.some((item) => {\n      if (isSubMenuItem(item)) {\n        return selectedKeySet.has(item.key);\n      }\n      if (isHeaderMenuItem(item) || isDivideMenuItem(item)) {\n        return false;\n      }\n      return selectedKeySet.has(item.key);\n    });\n\n  const getMenuItems = (items: MenuItemType[], parentPath: string[] = []) => {\n    const isSelectableGroup = hasDirectSelectedItem(items);\n\n    return items.map((item, index) => {\n      if (isDivideMenuItem(item)) {\n        return <MenuDivider key={`divider_${index}`} />;\n      }\n      if (isHeaderMenuItem(item)) {\n        return <MenuHeader key={`header_${index}`}>{item.label}</MenuHeader>;\n      }\n      const currPath = [...parentPath, item.key];\n      const titleStr = _.isString(item.label) ? item.label : '';\n      const isSelected = selectedKeys?.includes(item.key);\n\n      if (isSubMenuItem(item)) {\n        const isLeafSubMenu = isLeafMenu(item.children);\n        const subMenuOverflow =\n          isLeafSubMenu || menuStyle?.maxHeight !== undefined\n            ? 'auto'\n            : undefined;\n        const subMenuItemLabel = (\n          <div className=\"ald-menu-item-label\" title={titleStr}>\n            {item.icon ? (\n              <div className=\"ald-menu-item-label-icon\">{item.icon}</div>\n            ) : null}\n            <div className=\"ald-menu-item-label-text tw-text-typography-body-dense\">\n              {item.label}\n            </div>\n            <div className=\"ald-menu-item-right\">\n              {isSelectableGroup ? (\n                <div className=\"ald-menu-item-selection-slot\" />\n              ) : null}\n              <ChevronRightLine size={16} />\n            </div>\n          </div>\n        );\n\n        return (\n          <SubMenu\n            key={item.key}\n            label={subMenuItemLabel}\n            disabled={item.disabled}\n            aria-label={item.ariaLabel || titleStr || undefined}\n            itemProps={{\n              className: isLeafSubMenu\n                ? 'ald-menu-submenu-leaf-trigger'\n                : undefined,\n            }}\n            align=\"start\"\n            direction=\"right\"\n            gap={-8}\n            position=\"anchor\"\n            shift={0}\n            menuStyle={{\n              ...menuStyle,\n            }}\n            menuClassName={cn(\n              'ald-menu-submenu-popup',\n              isLeafSubMenu && 'ald-menu-submenu-popup-leaf',\n              !isLeafSubMenu &&\n                menuStyle?.maxHeight !== undefined &&\n                'ald-menu-submenu-popup-scrollable',\n              item.popupClassName,\n              rootClosing && 'ald-menu-submenu-popup-root-closing',\n            )}\n            overflow={subMenuOverflow}\n          >\n            {getMenuItems(item.children, currPath)}\n          </SubMenu>\n        );\n      }\n\n      return (\n        <MenuItem\n          key={item.key}\n          className={cn(item.className, {\n            'ald-menu-item-danger': item.danger,\n            'ald-menu-item-selected': isSelected,\n          })}\n          disabled={item.disabled}\n          aria-label={item.ariaLabel || titleStr || undefined}\n          onClick={({ syntheticEvent }) => {\n            onBeforeLeafItemClick?.();\n            const menuInfo = {\n              key: item.key,\n              keyPath: currPath,\n              domEvent: syntheticEvent,\n            };\n            if (item.onClick) {\n              item.onClick(menuInfo);\n            }\n            if (onMenuClick) {\n              onMenuClick(menuInfo);\n            }\n          }}\n        >\n          <div className=\"ald-menu-item-label\" title={titleStr}>\n            {item.icon ? (\n              <div className=\"ald-menu-item-label-icon\">{item.icon}</div>\n            ) : null}\n            <div className=\"ald-menu-item-label-text tw-text-typography-body-dense\">\n              {item.label}\n            </div>\n            {isSelectableGroup ? (\n              <div className=\"ald-menu-item-right\">\n                <div\n                  className={cn(\n                    'ald-menu-item-selection-slot',\n                    isSelected &&\n                      'ald-menu-item-selection-slot-selected ald-menu-item-selected-icon',\n                  )}\n                >\n                  {isSelected ? <CheckLightLine /> : null}\n                </div>\n              </div>\n            ) : null}\n          </div>\n        </MenuItem>\n      );\n    });\n  };\n\n  const ref = useRef(null);\n\n  const isLeafRootMenu = isLeafMenu(items);\n  const menuOverflow =\n    isLeafRootMenu || menuStyle?.maxHeight !== undefined ? 'auto' : undefined;\n\n  return (\n    <>\n      <div style={{ display: 'none' }} ref={ref} />\n      <ControlledMenu\n        state=\"open\"\n        transition={{ open: true, close: true }}\n        transitionTimeout={200}\n        submenuOpenDelay={0}\n        submenuCloseDelay={0}\n        // Root positioning is owned by the surrounding surface (see menu.css).\n        // Keep an explicit caller height: React-Menu otherwise replaces it with\n        // its viewport limit. Descendant SubMenus still calculate their own overflow.\n        setDownOverflow={preserveRootHeight}\n        menuStyle={{\n          ...menuStyle,\n        }}\n        anchorRef={ref}\n        className={cn(\n          className,\n          'ald-menu',\n          isLeafRootMenu && !externalOverflow && 'ald-menu-leaf',\n          !isLeafRootMenu &&\n            menuStyle?.maxHeight !== undefined &&\n            !externalOverflow &&\n            'ald-menu-scrollable',\n        )}\n        position={externalOverflow ? 'initial' : 'auto'}\n        aria-label={ariaLabel}\n        captureFocus\n        menuItemFocus={menuItemFocus}\n        onKeyDown={onMenuKeyDown}\n        onClose={({ reason }) => onRequestClose?.(reason)}\n        viewScroll={externalOverflow ? 'initial' : 'auto'}\n        overflow={externalOverflow ? 'visible' : menuOverflow}\n      >\n        {getMenuItems(items || [])}\n      </ControlledMenu>\n    </>\n  );\n}\n\nexport function isHeaderMenuItem(\n  menuItem: MenuItemType,\n): menuItem is MenuHeaderType {\n  return 'type' in menuItem && menuItem.type === 'header';\n}\n\nexport function isDivideMenuItem(\n  menuItem: MenuItemType,\n): menuItem is MenuDividerType {\n  return 'type' in menuItem && menuItem.type === 'divider';\n}\n\nexport function isSubMenuItem(menuItem: MenuItemType): menuItem is SubMenuType {\n  return 'children' in menuItem && !!menuItem.children;\n}\n\nexport function isLeafMenu(menuItems: MenuItemType[]) {\n  return !_.some(menuItems, (item) => isSubMenuItem(item));\n}\n\nexport type MenuItemType =\n  | ItemType\n  | MenuDividerType\n  | SubMenuType\n  | MenuHeaderType;\n\nexport interface ItemType {\n  key: string;\n  label: React.ReactNode;\n  icon?: React.ReactNode;\n  onClick?: (info: MenuInfo) => void;\n  danger?: boolean;\n  disabled?: boolean;\n  className?: string;\n  ariaLabel?: string;\n}\n\nexport interface MenuDividerType {\n  key?: string;\n  type: 'divider';\n}\n\nexport interface MenuHeaderType {\n  key?: string;\n  type: 'header';\n  label: string;\n}\n\nexport interface SubMenuType {\n  children: MenuItemType[];\n  key: string;\n  label: React.ReactNode;\n  icon?: React.ReactNode;\n  popupClassName?: string;\n  disabled?: boolean;\n  ariaLabel?: string;\n}\n\nexport interface MenuInfo {\n  key: string;\n  keyPath: string[];\n  domEvent: MouseEvent | KeyboardEvent;\n  // 阻止菜单关闭\n  keepOpen?: boolean;\n}\n"],"mappings":";;;;;;;;;AAiCA,SAAwB,KAAK,OAAkB;CAC7C,MAAM,EACJ,WACA,OACA,SAAS,aACT,uBACA,cACA,WACA,WACA,eAAe,SACf,gBACA,cAAc,OACd,kBACA,qBAAqB,UACnB;CACJ,MAAM,iBAAiB,IAAI,IAAI,gBAAgB,EAAE,CAAC;CAClD,MAAM,eAAe,OAAO;EAAE,OAAO;EAAI,WAAW;EAAG,CAAC;CACxD,MAAM,gBAAgB,eACb,EAAE,UAAU,cAAc,GACjC,CAAC,aAAa,CACf;CACD,MAAM,gBAAgB,aACnB,UAAiD;AAChD,MACE,MAAM,oBACN,MAAM,UACN,MAAM,WACN,MAAM,WACN,MAAM,IAAI,WAAW,EAErB;EAGF,MAAM,MAAM,KAAK,KAAK;EACtB,MAAM,WAAW,aAAa;EAC9B,MAAM,QAAQ,GAAG,MAAM,SAAS,YAAY,MAAM,KAAK,SAAS,QAC9D,MAAM,MACL,mBAAmB;AACtB,eAAa,UAAU;GAAE;GAAO,WAAW;GAAK;EAEhD,MAAM,YAAY,MAAM,KACtB,MAAM,cAAc,iBAClB,gFACD,CACF;EACD,MAAM,cAAc,UAAU,QAC5B,SAAS,cACV;EAKD,MAAM,QAJe,CACnB,GAAG,UAAU,MAAM,cAAc,EAAE,EACnC,GAAG,UAAU,MAAM,GAAG,cAAc,EAAE,CACvC,CAC0B,MAAM,SAAS;AAGxC,WADE,KAAK,aAAa,aAAa,IAAI,KAAK,eAAe,IACnC,MAAM,CAAC,mBAAmB,CAAC,WAAW,MAAM;IAClE;AAEF,MAAI,OAAO;AACT,SAAM,gBAAgB;AACtB,SAAM,OAAO;;IAGjB,EAAE,CACH;CAED,MAAM,yBAAyB,UAC7B,MAAM,MAAM,SAAS;AACnB,MAAI,cAAc,KAAK,CACrB,QAAO,eAAe,IAAI,KAAK,IAAI;AAErC,MAAI,iBAAiB,KAAK,IAAI,iBAAiB,KAAK,CAClD,QAAO;AAET,SAAO,eAAe,IAAI,KAAK,IAAI;GACnC;CAEJ,MAAM,gBAAgB,OAAuB,aAAuB,EAAE,KAAK;EACzE,MAAM,oBAAoB,sBAAsB,MAAM;AAEtD,SAAO,MAAM,KAAK,MAAM,UAAU;AAChC,OAAI,iBAAiB,KAAK,CACxB,QAAO,oBAAC,aAAD,EAAwC,EAAtB,WAAW,QAAW;AAEjD,OAAI,iBAAiB,KAAK,CACxB,QAAO,oBAAC,YAAD,EAAA,UAAqC,KAAK,OAAmB,EAA5C,UAAU,QAAkC;GAEtE,MAAM,WAAW,CAAC,GAAG,YAAY,KAAK,IAAI;GAC1C,MAAM,WAAW,EAAE,SAAS,KAAK,MAAM,GAAG,KAAK,QAAQ;GACvD,MAAM,aAAa,cAAc,SAAS,KAAK,IAAI;AAEnD,OAAI,cAAc,KAAK,EAAE;IACvB,MAAM,gBAAgB,WAAW,KAAK,SAAS;IAC/C,MAAM,kBACJ,iBAAiB,WAAW,cAAc,SACtC,SACA;AAkBN,WACE,oBAAC,SAAD;KAEE,OAnBF,qBAAC,OAAD;MAAK,WAAU;MAAsB,OAAO;gBAA5C;OACG,KAAK,OACJ,oBAAC,OAAD;QAAK,WAAU;kBAA4B,KAAK;QAAW,CAAA,GACzD;OACJ,oBAAC,OAAD;QAAK,WAAU;kBACZ,KAAK;QACF,CAAA;OACN,qBAAC,OAAD;QAAK,WAAU;kBAAf,CACG,oBACC,oBAAC,OAAD,EAAK,WAAU,gCAAiC,CAAA,GAC9C,MACJ,oBAAC,QAAD,EAAkB,MAAM,IAAM,CAAA,CAC1B;;OACF;;KAOJ,UAAU,KAAK;KACf,cAAY,KAAK,aAAa,YAAY;KAC1C,WAAW,EACT,WAAW,gBACP,kCACA,QACL;KACD,OAAM;KACN,WAAU;KACV,KAAK;KACL,UAAS;KACT,OAAO;KACP,WAAW,EACT,GAAG,WACJ;KACD,eAAe,GACb,0BACA,iBAAiB,+BACjB,CAAC,iBACC,WAAW,cAAc,UACzB,qCACF,KAAK,gBACL,eAAe,sCAChB;KACD,UAAU;eAET,aAAa,KAAK,UAAU,SAAS;KAC9B,EA7BH,KAAK,IA6BF;;AAId,UACE,oBAAC,UAAD;IAEE,WAAW,GAAG,KAAK,WAAW;KAC5B,wBAAwB,KAAK;KAC7B,0BAA0B;KAC3B,CAAC;IACF,UAAU,KAAK;IACf,cAAY,KAAK,aAAa,YAAY;IAC1C,UAAU,EAAE,qBAAqB;AAC/B,8BAAyB;KACzB,MAAM,WAAW;MACf,KAAK,KAAK;MACV,SAAS;MACT,UAAU;MACX;AACD,SAAI,KAAK,QACP,MAAK,QAAQ,SAAS;AAExB,SAAI,YACF,aAAY,SAAS;;cAIzB,qBAAC,OAAD;KAAK,WAAU;KAAsB,OAAO;eAA5C;MACG,KAAK,OACJ,oBAAC,OAAD;OAAK,WAAU;iBAA4B,KAAK;OAAW,CAAA,GACzD;MACJ,oBAAC,OAAD;OAAK,WAAU;iBACZ,KAAK;OACF,CAAA;MACL,oBACC,oBAAC,OAAD;OAAK,WAAU;iBACb,oBAAC,OAAD;QACE,WAAW,GACT,gCACA,cACE,oEACH;kBAEA,aAAa,oBAAC,MAAD,EAAkB,CAAA,GAAG;QAC/B,CAAA;OACF,CAAA,GACJ;MACA;;IACG,EA3CJ,KAAK,IA2CD;IAEb;;CAGJ,MAAM,MAAM,OAAO,KAAK;CAExB,MAAM,iBAAiB,WAAW,MAAM;CACxC,MAAM,eACJ,kBAAkB,WAAW,cAAc,SAAY,SAAS;AAElE,QACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,OAAD;EAAK,OAAO,EAAE,SAAS,QAAQ;EAAO;EAAO,CAAA,EAC7C,oBAAC,gBAAD;EACE,OAAM;EACN,YAAY;GAAE,MAAM;GAAM,OAAO;GAAM;EACvC,mBAAmB;EACnB,kBAAkB;EAClB,mBAAmB;EAInB,iBAAiB;EACjB,WAAW,EACT,GAAG,WACJ;EACD,WAAW;EACX,WAAW,GACT,WACA,YACA,kBAAkB,CAAC,oBAAoB,iBACvC,CAAC,kBACC,WAAW,cAAc,UACzB,CAAC,oBACD,sBACH;EACD,UAAU,mBAAmB,YAAY;EACzC,cAAY;EACZ,cAAA;EACe;EACf,WAAW;EACX,UAAU,EAAE,aAAa,iBAAiB,OAAO;EACjD,YAAY,mBAAmB,YAAY;EAC3C,UAAU,mBAAmB,YAAY;YAExC,aAAa,SAAS,EAAE,CAAC;EACX,CAAA,CAChB,EAAA,CAAA;;AAIP,SAAgB,iBACd,UAC4B;AAC5B,QAAO,UAAU,YAAY,SAAS,SAAS;;AAGjD,SAAgB,iBACd,UAC6B;AAC7B,QAAO,UAAU,YAAY,SAAS,SAAS;;AAGjD,SAAgB,cAAc,UAAiD;AAC7E,QAAO,cAAc,YAAY,CAAC,CAAC,SAAS;;AAG9C,SAAgB,WAAW,WAA2B;AACpD,QAAO,CAAC,EAAE,KAAK,YAAY,SAAS,cAAc,KAAK,CAAC"}
+{"version":3,"file":"index.js","names":["ControlledMenu","MenuDivider","MenuHeader","MenuItem","SubMenu","cn","_","React","useCallback","useMemo","useRef","CheckLightLine","ChevronRightLine","MenuProps","onClick","info","MenuInfo","onBeforeLeafItemClick","className","items","MenuItemType","selectedKeys","menuStyle","CSSProperties","ariaLabel","initialFocus","onRequestClose","reason","rootClosing","externalOverflow","preserveRootHeight","Menu","props","$","_c","onMenuClick","t0","t1","t2","undefined","t3","t4","Set","selectedKeySet","t5","Symbol","for","query","timestamp","typeaheadRef","t6","position","menuItemFocus","t7","event","defaultPrevented","altKey","ctrlKey","metaKey","key","length","now","Date","previous","current","toLocaleLowerCase","menuItems","Array","from","currentTarget","querySelectorAll","activeIndex","indexOf","document","activeElement","HTMLElement","orderedItems","slice","match","find","item","accessibleName","getAttribute","textContent","trim","startsWith","preventDefault","focus","onMenuKeyDown","t8","items_0","some","item_0","isSubMenuItem","has","isHeaderMenuItem","isDivideMenuItem","hasDirectSelectedItem","getMenuItems","items_1","t9","parentPath","isSelectableGroup","map","item_1","index","label","currPath","titleStr","isString","isSelected","includes","isLeafSubMenu","isLeafMenu","children","subMenuOverflow","maxHeight","subMenuItemLabel","icon","disabled","popupClassName","danger","t10","syntheticEvent","menuInfo","keyPath","domEvent","ref","T0","menuOverflow","t11","t12","t13","t14","t15","t16","t17","t18","t19","t20","isLeafRootMenu","display","open","close","RefObject","Element","t21","t22","t23","t24","t25","t26","t27","t28","menuItem","MenuHeaderType","type","MenuDividerType","SubMenuType","ItemType","ReactNode","MouseEvent","KeyboardEvent","keepOpen"],"sources":["../../src/Menu/index.tsx"],"sourcesContent":["import {\n  ControlledMenu,\n  MenuDivider,\n  MenuHeader,\n  MenuItem,\n  SubMenu,\n} from '@szhsin/react-menu';\nimport { cn } from '../lib/utils';\nimport _ from 'lodash';\nimport React, { useCallback, useMemo, useRef } from 'react';\nimport { CheckLightLine, ChevronRightLine } from '../Icon';\nimport './menu.css';\n\nexport interface MenuProps {\n  onClick?: (info: MenuInfo) => void;\n  onBeforeLeafItemClick?: () => void;\n  className?: string;\n  items: MenuItemType[];\n  selectedKeys?: string[];\n  menuStyle?: React.CSSProperties;\n  /** Accessible name for the command menu when its context is not otherwise clear. */\n  ariaLabel?: string;\n  /** @internal Requested initial keyboard position when the popup opens. */\n  initialFocus?: 'first' | 'last';\n  /** @internal Requests that the owning popup close, including on Escape. */\n  onRequestClose?: (reason: 'click' | 'cancel' | 'blur' | 'scroll') => void;\n  rootClosing?: boolean;\n  /** @internal 由 Dropdown 注入，禁用内部定位/overflow 计算。不支持含 SubMenu 的菜单 */\n  externalOverflow?: boolean;\n  /** @internal Dropdown 已按实际裁剪区域计算根菜单高度，保留其限制。 */\n  preserveRootHeight?: boolean;\n}\n\nexport default function Menu(props: MenuProps) {\n  const {\n    className,\n    items,\n    onClick: onMenuClick,\n    onBeforeLeafItemClick,\n    selectedKeys,\n    menuStyle,\n    ariaLabel,\n    initialFocus = 'first',\n    onRequestClose,\n    rootClosing = false,\n    externalOverflow,\n    preserveRootHeight = false,\n  } = props;\n  const selectedKeySet = new Set(selectedKeys || []);\n  const typeaheadRef = useRef({ query: '', timestamp: 0 });\n  const menuItemFocus = useMemo(\n    () => ({ position: initialFocus }),\n    [initialFocus],\n  );\n  const onMenuKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLUListElement>) => {\n      if (\n        event.defaultPrevented ||\n        event.altKey ||\n        event.ctrlKey ||\n        event.metaKey ||\n        event.key.length !== 1\n      ) {\n        return;\n      }\n\n      const now = Date.now();\n      const previous = typeaheadRef.current;\n      const query = `${now - previous.timestamp > 500 ? '' : previous.query}${\n        event.key\n      }`.toLocaleLowerCase();\n      typeaheadRef.current = { query, timestamp: now };\n\n      const menuItems = Array.from(\n        event.currentTarget.querySelectorAll<HTMLElement>(\n          '[role=\"menuitem\"]:not([aria-hidden=\"true\"]):not([aria-disabled=\"true\"])',\n        ),\n      );\n      const activeIndex = menuItems.indexOf(\n        document.activeElement as HTMLElement,\n      );\n      const orderedItems = [\n        ...menuItems.slice(activeIndex + 1),\n        ...menuItems.slice(0, activeIndex + 1),\n      ];\n      const match = orderedItems.find((item) => {\n        const accessibleName =\n          item.getAttribute('aria-label') || item.textContent || '';\n        return accessibleName.trim().toLocaleLowerCase().startsWith(query);\n      });\n\n      if (match) {\n        event.preventDefault();\n        match.focus();\n      }\n    },\n    [],\n  );\n\n  const hasDirectSelectedItem = (items: MenuItemType[]): boolean =>\n    items.some((item) => {\n      if (isSubMenuItem(item)) {\n        return selectedKeySet.has(item.key);\n      }\n      if (isHeaderMenuItem(item) || isDivideMenuItem(item)) {\n        return false;\n      }\n      return selectedKeySet.has(item.key);\n    });\n\n  const getMenuItems = (items: MenuItemType[], parentPath: string[] = []) => {\n    const isSelectableGroup = hasDirectSelectedItem(items);\n\n    return items.map((item, index) => {\n      if (isDivideMenuItem(item)) {\n        return <MenuDivider key={`divider_${index}`} />;\n      }\n      if (isHeaderMenuItem(item)) {\n        return <MenuHeader key={`header_${index}`}>{item.label}</MenuHeader>;\n      }\n      const currPath = [...parentPath, item.key];\n      const titleStr = _.isString(item.label) ? item.label : '';\n      const isSelected = selectedKeys?.includes(item.key);\n\n      if (isSubMenuItem(item)) {\n        const isLeafSubMenu = isLeafMenu(item.children);\n        const subMenuOverflow =\n          isLeafSubMenu || menuStyle?.maxHeight !== undefined\n            ? 'auto'\n            : undefined;\n        const subMenuItemLabel = (\n          <div className=\"ald-menu-item-label\" title={titleStr}>\n            {item.icon ? (\n              <div className=\"ald-menu-item-label-icon\">{item.icon}</div>\n            ) : null}\n            <div className=\"ald-menu-item-label-text tw-text-typography-body-dense\">\n              {item.label}\n            </div>\n            <div className=\"ald-menu-item-right\">\n              {isSelectableGroup ? (\n                <div className=\"ald-menu-item-selection-slot\" />\n              ) : null}\n              <ChevronRightLine size={16} />\n            </div>\n          </div>\n        );\n\n        return (\n          <SubMenu\n            key={item.key}\n            label={subMenuItemLabel}\n            disabled={item.disabled}\n            aria-label={item.ariaLabel || titleStr || undefined}\n            itemProps={{\n              className: isLeafSubMenu\n                ? 'ald-menu-submenu-leaf-trigger'\n                : undefined,\n            }}\n            align=\"start\"\n            direction=\"right\"\n            gap={-8}\n            position=\"anchor\"\n            shift={0}\n            menuStyle={{\n              ...menuStyle,\n            }}\n            menuClassName={cn(\n              'ald-menu-submenu-popup',\n              isLeafSubMenu && 'ald-menu-submenu-popup-leaf',\n              !isLeafSubMenu &&\n                menuStyle?.maxHeight !== undefined &&\n                'ald-menu-submenu-popup-scrollable',\n              item.popupClassName,\n              rootClosing && 'ald-menu-submenu-popup-root-closing',\n            )}\n            overflow={subMenuOverflow}\n          >\n            {getMenuItems(item.children, currPath)}\n          </SubMenu>\n        );\n      }\n\n      return (\n        <MenuItem\n          key={item.key}\n          className={cn(item.className, {\n            'ald-menu-item-danger': item.danger,\n            'ald-menu-item-selected': isSelected,\n          })}\n          disabled={item.disabled}\n          aria-label={item.ariaLabel || titleStr || undefined}\n          onClick={({ syntheticEvent }) => {\n            onBeforeLeafItemClick?.();\n            const menuInfo = {\n              key: item.key,\n              keyPath: currPath,\n              domEvent: syntheticEvent,\n            };\n            if (item.onClick) {\n              item.onClick(menuInfo);\n            }\n            if (onMenuClick) {\n              onMenuClick(menuInfo);\n            }\n          }}\n        >\n          <div className=\"ald-menu-item-label\" title={titleStr}>\n            {item.icon ? (\n              <div className=\"ald-menu-item-label-icon\">{item.icon}</div>\n            ) : null}\n            <div className=\"ald-menu-item-label-text tw-text-typography-body-dense\">\n              {item.label}\n            </div>\n            {isSelectableGroup ? (\n              <div className=\"ald-menu-item-right\">\n                <div\n                  className={cn(\n                    'ald-menu-item-selection-slot',\n                    isSelected &&\n                      'ald-menu-item-selection-slot-selected ald-menu-item-selected-icon',\n                  )}\n                >\n                  {isSelected ? <CheckLightLine /> : null}\n                </div>\n              </div>\n            ) : null}\n          </div>\n        </MenuItem>\n      );\n    });\n  };\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  const isLeafRootMenu = isLeafMenu(items);\n  const menuOverflow =\n    isLeafRootMenu || menuStyle?.maxHeight !== undefined ? 'auto' : undefined;\n\n  return (\n    <>\n      <div style={{ display: 'none' }} ref={ref} />\n      <ControlledMenu\n        state=\"open\"\n        transition={{ open: true, close: true }}\n        transitionTimeout={200}\n        submenuOpenDelay={0}\n        submenuCloseDelay={0}\n        // Root positioning is owned by the surrounding surface (see menu.css).\n        // Keep an explicit caller height: React-Menu otherwise replaces it with\n        // its viewport limit. Descendant SubMenus still calculate their own overflow.\n        setDownOverflow={preserveRootHeight}\n        menuStyle={{\n          ...menuStyle,\n        }}\n        anchorRef={ref as React.RefObject<Element>}\n        className={cn(\n          className,\n          'ald-menu',\n          isLeafRootMenu && !externalOverflow && 'ald-menu-leaf',\n          !isLeafRootMenu &&\n            menuStyle?.maxHeight !== undefined &&\n            !externalOverflow &&\n            'ald-menu-scrollable',\n        )}\n        position={externalOverflow ? 'initial' : 'auto'}\n        aria-label={ariaLabel}\n        captureFocus\n        menuItemFocus={menuItemFocus}\n        onKeyDown={onMenuKeyDown}\n        onClose={({ reason }) => onRequestClose?.(reason)}\n        viewScroll={externalOverflow ? 'initial' : 'auto'}\n        overflow={externalOverflow ? 'visible' : menuOverflow}\n      >\n        {getMenuItems(items || [])}\n      </ControlledMenu>\n    </>\n  );\n}\n\nexport function isHeaderMenuItem(\n  menuItem: MenuItemType,\n): menuItem is MenuHeaderType {\n  return 'type' in menuItem && menuItem.type === 'header';\n}\n\nexport function isDivideMenuItem(\n  menuItem: MenuItemType,\n): menuItem is MenuDividerType {\n  return 'type' in menuItem && menuItem.type === 'divider';\n}\n\nexport function isSubMenuItem(menuItem: MenuItemType): menuItem is SubMenuType {\n  return 'children' in menuItem && !!menuItem.children;\n}\n\nexport function isLeafMenu(menuItems: MenuItemType[]) {\n  return !_.some(menuItems, (item) => isSubMenuItem(item));\n}\n\nexport type MenuItemType =\n  | ItemType\n  | MenuDividerType\n  | SubMenuType\n  | MenuHeaderType;\n\nexport interface ItemType {\n  key: string;\n  label: React.ReactNode;\n  icon?: React.ReactNode;\n  onClick?: (info: MenuInfo) => void;\n  danger?: boolean;\n  disabled?: boolean;\n  className?: string;\n  ariaLabel?: string;\n}\n\nexport interface MenuDividerType {\n  key?: string;\n  type: 'divider';\n}\n\nexport interface MenuHeaderType {\n  key?: string;\n  type: 'header';\n  label: string;\n}\n\nexport interface SubMenuType {\n  children: MenuItemType[];\n  key: string;\n  label: React.ReactNode;\n  icon?: React.ReactNode;\n  popupClassName?: string;\n  disabled?: boolean;\n  ariaLabel?: string;\n}\n\nexport interface MenuInfo {\n  key: string;\n  keyPath: string[];\n  domEvent: MouseEvent | KeyboardEvent;\n  // 阻止菜单关闭\n  keepOpen?: boolean;\n}\n"],"mappings":"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"}

package/dist/Menu.js

@@ -0,0 +1,2 @@
+export * from './Menu/index.js';
+export { default } from './Menu/index.js';

package/dist/Modal/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ButtonType, IButtonProps } from '../Button';
+import { ButtonType, IButtonProps } from '../Button.js';
 export declare const destroyFns: Array<() => void>;
 export interface ModalProps {
     open?: boolean;
@@ -72,7 +72,7 @@ export interface ModalFuncProps {
     /** Dialog semantic role. Use alertdialog only for explicitly urgent confirmation flows. */
     role?: 'dialog' | 'alertdialog';
 }
-declare function OriginModal(props: OriginModalProps): import("react/jsx-runtime").JSX.Element;
+declare function OriginModal(props: OriginModalProps): React.JSX.Element;
 type ModalFunc = (props: ModalFuncProps) => {
     destroy: () => void;
     update: (props: Partial<ModalFuncProps>) => void;