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

package/dist/MemberPicker/useMemberSearch.js

@@ -0,0 +1,92 @@
+import { c } from "react-compiler-runtime";
+import { useEffect, useState } from "react";
+//#region src/MemberPicker/useMemberSearch.ts
+/** 搜索状态只属于当前组件和当前请求；关闭、换关键字后拒绝旧响应回写。 */
+function useMemberSearch(query, keyword, t0) {
+	const $ = c(15);
+	const enabled = t0 === void 0 ? true : t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = { items: [] };
+		$[0] = t1;
+	} else t1 = $[0];
+	const [result, setResult] = useState(t1);
+	const [loading, setLoading] = useState(false);
+	const [failed, setFailed] = useState(false);
+	const [revision, setRevision] = useState(0);
+	let t2;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = () => setRevision(_temp);
+		$[1] = t2;
+	} else t2 = $[1];
+	const retry = t2;
+	let t3;
+	if ($[2] !== enabled || $[3] !== keyword || $[4] !== query) {
+		t3 = () => {
+			if (!enabled) {
+				setLoading(false);
+				return;
+			}
+			let active = true;
+			setLoading(true);
+			setResult({ items: [] });
+			setFailed(false);
+			const timer = setTimeout(() => {
+				query(keyword).then((response) => {
+					if (active) setResult(Array.isArray(response) ? { items: response } : response);
+				}).catch(() => {
+					if (active) {
+						setFailed(true);
+						setResult({ items: [] });
+					}
+				}).finally(() => {
+					if (active) setLoading(false);
+				});
+			}, keyword ? 300 : 0);
+			return () => {
+				active = false;
+				clearTimeout(timer);
+			};
+		};
+		$[2] = enabled;
+		$[3] = keyword;
+		$[4] = query;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== enabled || $[7] !== keyword || $[8] !== query || $[9] !== revision) {
+		t4 = [
+			query,
+			keyword,
+			enabled,
+			revision
+		];
+		$[6] = enabled;
+		$[7] = keyword;
+		$[8] = query;
+		$[9] = revision;
+		$[10] = t4;
+	} else t4 = $[10];
+	useEffect(t3, t4);
+	let t5;
+	if ($[11] !== failed || $[12] !== loading || $[13] !== result) {
+		t5 = {
+			result,
+			loading,
+			failed,
+			retry
+		};
+		$[11] = failed;
+		$[12] = loading;
+		$[13] = result;
+		$[14] = t5;
+	} else t5 = $[14];
+	return t5;
+}
+function _temp(value) {
+	return value + 1;
+}
+//#endregion
+export { useMemberSearch as default };
+
+//# sourceMappingURL=useMemberSearch.js.map

package/dist/MemberPicker/useMemberSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMemberSearch.js","names":["useCallback","useEffect","useState","MemberSearchResult","useMemberSearch","query","keyword","t0","$","_c","enabled","undefined","t1","Symbol","for","items","result","setResult","loading","setLoading","failed","setFailed","revision","setRevision","t2","_temp","retry","t3","active","timer","setTimeout","then","response","Array","isArray","catch","finally","clearTimeout","t4","t5","value"],"sources":["../../src/MemberPicker/useMemberSearch.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { MemberSearchResult } from '../ConfigProvider/getUserList';\n\n/** 搜索状态只属于当前组件和当前请求；关闭、换关键字后拒绝旧响应回写。 */\nexport default function useMemberSearch<T>(\n  query: (keyword: string) => Promise<T[] | MemberSearchResult<T>>,\n  keyword: string,\n  enabled = true,\n) {\n  const [result, setResult] = useState<MemberSearchResult<T>>({ items: [] });\n  const [loading, setLoading] = useState(false);\n  const [failed, setFailed] = useState(false);\n  const [revision, setRevision] = useState(0);\n  const retry = useCallback(() => setRevision((value) => value + 1), []);\n  useEffect(() => {\n    if (!enabled) {\n      setLoading(false);\n      return;\n    }\n    let active = true;\n    setLoading(true);\n    setResult({ items: [] });\n    setFailed(false);\n    const timer = setTimeout(\n      () => {\n        query(keyword)\n          .then((response) => {\n            if (active) {\n              setResult(\n                Array.isArray(response) ? { items: response } : response,\n              );\n            }\n          })\n          .catch(() => {\n            if (active) {\n              setFailed(true);\n              setResult({ items: [] });\n            }\n          })\n          .finally(() => {\n            if (active) setLoading(false);\n          });\n      },\n      keyword ? 300 : 0,\n    );\n    return () => {\n      active = false;\n      clearTimeout(timer);\n    };\n  }, [query, keyword, enabled, revision]);\n  return { result, loading, failed, retry };\n}\n"],"mappings":";;;;AAIA,SAAeI,gBAAAC,OAAAC,SAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAGb,MAAAC,UAAAH,OAAAI,SAAA,OAAAJ;CAAc,IAAAK;AAAA,KAAAJ,EAAA,OAAAK,OAAAC,IAAA,4BAAA,EAAA;AAE8CF,OAAA,EAAAG,OAAS,EAAA,EAAI;AAAAP,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CAAzE,MAAA,CAAAQ,QAAAC,aAA4Bf,SAAgCU,GAAc;CAC1E,MAAA,CAAAM,SAAAC,cAA8BjB,SAAS,MAAM;CAC7C,MAAA,CAAAkB,QAAAC,aAA4BnB,SAAS,MAAM;CAC3C,MAAA,CAAAoB,UAAAC,eAAgCrB,SAAS,EAAE;CAAC,IAAAsB;AAAA,KAAAhB,EAAA,OAAAK,OAAAC,IAAA,4BAAA,EAAA;AAClBU,aAAMD,YAAYE,MAAqB;AAAAjB,IAAA,KAAAgB;OAAAA,MAAAhB,EAAA;CAAjE,MAAAkB,QAAcF;CAAyD,IAAAG;AAAA,KAAAnB,EAAA,OAAAE,WAAAF,EAAA,OAAAF,WAAAE,EAAA,OAAAH,OAAA;AAC7DsB,aAAA;AACR,OAAI,CAACjB,SAAO;AACVS,eAAW,MAAM;AAAA;;GAGnB,IAAAS,SAAa;AACbT,cAAW,KAAK;AAChBF,aAAU,EAAAF,OAAS,EAAA,EAAI,CAAC;AACxBM,aAAU,MAAM;GAChB,MAAAQ,QAAcC,iBACZ;AACEzB,UAAMC,QAAQ,CAAAyB,MACNC,aAAA;AACJ,SAAIJ,OACFX,WACEgB,MAAKC,QAASF,SAA0C,GAAxD,EAAAjB,OAAmCiB,UAAqB,GAAxDA,SACD;MAEH,CAAAG,YACK;AACL,SAAIP,QAAM;AACRP,gBAAU,KAAK;AACfJ,gBAAU,EAAAF,OAAS,EAAA,EAAI,CAAC;;MAE1B,CAAAqB,cACO;AACP,SAAIR,OAAQT,YAAW,MAAM;MAC7B;MAENb,UAAA,MAAA,EACD;AAAC,gBACK;AACLsB,aAASA;AACTS,iBAAaR,MAAM;;;AAEtBrB,IAAA,KAAAE;AAAAF,IAAA,KAAAF;AAAAE,IAAA,KAAAH;AAAAG,IAAA,KAAAmB;OAAAA,MAAAnB,EAAA;CAAA,IAAA8B;AAAA,KAAA9B,EAAA,OAAAE,WAAAF,EAAA,OAAAF,WAAAE,EAAA,OAAAH,SAAAG,EAAA,OAAAc,UAAA;AAAEgB,OAAA;GAACjC;GAAOC;GAASI;GAASY;GAAS;AAAAd,IAAA,KAAAE;AAAAF,IAAA,KAAAF;AAAAE,IAAA,KAAAH;AAAAG,IAAA,KAAAc;AAAAd,IAAA,MAAA8B;OAAAA,MAAA9B,EAAA;AAnCtCP,WAAU0B,IAmCPW,GAAoC;CAAA,IAAAC;AAAA,KAAA/B,EAAA,QAAAY,UAAAZ,EAAA,QAAAU,WAAAV,EAAA,QAAAQ,QAAA;AAChCuB,OAAA;GAAAvB;GAAAE;GAAAE;GAAAM;GAAkC;AAAAlB,IAAA,MAAAY;AAAAZ,IAAA,MAAAU;AAAAV,IAAA,MAAAQ;AAAAR,IAAA,MAAA+B;OAAAA,MAAA/B,EAAA;AAAA,QAAlC+B;;AA9CM,SAAAd,MAAAe,OAAA;AAAA,QAS0CA,QAAQ"}

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

@@ -1,5 +1,5 @@
-import { IUserGroup } from '../../ConfigProvider/getUserList';
-import { IUser } from '../interface';
+import { IUserGroup } from '../../ConfigProvider/getUserList.js';
+import { IUser } from '../interface.js';
 export declare function isUser(value: any): value is IUser;
 export declare function isUserGroup(value: any): value is IUserGroup;
 declare function getUsersWithUserId(obj: any): IUser[];

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

@@ -15,8 +15,10 @@ export interface MenuProps {
     rootClosing?: boolean;
     /** @internal 由 Dropdown 注入，禁用内部定位/overflow 计算。不支持含 SubMenu 的菜单 */
     externalOverflow?: boolean;
+    /** @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 } = 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,37 +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,
-		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";
@@ -166,6 +316,6 @@ function isLeafMenu(menuItems) {
 	return !_.some(menuItems, (item) => isSubMenuItem(item));
 }
 //#endregion
-export { Menu as default, isDivideMenuItem, isHeaderMenuItem, isSubMenuItem };
+export { Menu as default, isDivideMenuItem, isHeaderMenuItem, isLeafMenu, isSubMenuItem };
 
 //# sourceMappingURL=index.js.map