@unicom-cloud/ui 0.8.161 → 0.8.163

package/menu/Item.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import { isFunction as e } from "../utils/is.js";
 import { Enter as t } from "../utils/keyboardCode.js";
 import n from "../utils/className.js";
@@ -13,62 +13,62 @@ import { forwardRef as u, useContext as d, useEffect as f, useRef as p } from "r
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region components/pc/menu/Item.tsx
 function _(r, u) {
-	let { _key: _, children: v, level: y, disabled: b, className: x, style: S, wrapper: C = "div", onClick: w, renderItemInTooltip: T, ...E } = r, { prefixCls: D, mode: O, collapse: k, inDropdown: A, levelIndent: j, selectedKeys: M, autoScrollIntoView: N, scrollIntoViewOptions: P, tooltipProps: F, onClickMenuItem: I } = d(s), L = p(null), R = a(), z = O === "vertical" && y > 1, B = k && !A && y === 1, V = M && ~M.indexOf(_);
+	let { _key: _, children: v, level: y, disabled: b, className: x, style: S, wrapper: C = "div", onClick: w, renderItemInTooltip: T, ...E } = r, { prefixClsMenu: D, prefixCls: O, mode: k, collapse: A, inDropdown: j, levelIndent: M, selectedKeys: N, autoScrollIntoView: P, scrollIntoViewOptions: F, tooltipProps: I, onClickMenuItem: L } = d(s), R = p(null), z = a(), B = k === "vertical" && y > 1, V = A && !j && y === 1, H = N && ~N.indexOf(_);
 	f(() => {
-		let e = V && N;
-		L.current && e && setTimeout(() => {
-			L.current && L.current.scrollIntoView({
+		let e = H && P;
+		R.current && e && setTimeout(() => {
+			R.current && R.current.scrollIntoView({
 				behavior: "smooth",
 				block: "nearest",
 				inline: "nearest",
-				...P
+				...F
 			});
-		}, R ? 500 : 0);
+		}, z ? 500 : 0);
 	}, [
-		V,
-		N,
-		L.current
+		H,
+		P,
+		R.current
 	]);
-	let H = (e) => {
-		b || (I?.(_, e), w?.(e));
-	}, U = /* @__PURE__ */ g(C, {
+	let U = (e) => {
+		b || (L?.(_, e), w?.(e));
+	}, W = /* @__PURE__ */ g(C, {
 		tabIndex: b ? -1 : 0,
 		role: "menuitem",
 		ref: (e) => {
-			u = e, L.current = u;
+			u = e, R.current = u;
 		},
 		style: S,
-		className: n(`${D}-item`, {
-			[`${D}-disabled`]: b,
-			[`${D}-selected`]: V,
-			[`${D}-item-indented`]: z && !k
+		className: n(`${D}-item`, `${O}-item`, {
+			[`${O}-disabled`]: b,
+			[`${O}-selected`]: H,
+			[`${O}-item-indented`]: B && !A
 		}, x),
-		onClick: H,
+		onClick: U,
 		onKeyDown: (e) => {
-			e.key === t.key && H(e);
+			e.key === t.key && U(e);
 		},
 		...i(E, ["key", "_key"].concat(l)),
-		children: [z && !k ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(c, {
-			prefixCls: D,
-			levelIndent: j,
+		children: [B && !A ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(c, {
+			prefixCls: O,
+			levelIndent: M,
 			level: y
 		}), /* @__PURE__ */ h("span", {
-			className: `${D}-item-inner`,
+			className: `${O}-item-inner`,
 			style: { display: "block" },
 			children: v
-		})] }) : v, V && O === "horizontal" ? /* @__PURE__ */ h("div", { className: `${D}-selected-label` }) : null]
+		})] }) : v, H && k === "horizontal" ? /* @__PURE__ */ h("div", { className: `${O}-selected-label` }) : null]
 	});
-	return B ? /* @__PURE__ */ h(o, {
+	return V ? /* @__PURE__ */ h(o, {
 		trigger: "hover",
 		position: "right",
 		content: e(T) ? T() : /* @__PURE__ */ h("span", { children: v }),
 		triggerProps: {
-			className: `${D}-item-tooltip`,
-			...F?.triggerProps || {}
+			className: `${O}-item-tooltip`,
+			...I?.triggerProps || {}
 		},
-		...i(F, ["triggerProps"]),
-		children: U
-	}) : U;
+		...i(I, ["triggerProps"]),
+		children: W
+	}) : W;
 }
 var v = u(_), y = Object.assign(v, { menuType: r.displayName });
 y.displayName = r.displayName;

package/menu/ItemGroup.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import e from "../utils/className.js";
 import { MENU_ITEM_GROUP_COMPONENT_INFO as t } from "../utils/names.js";
 import n from "./context.js";

package/menu/Menu.js

@@ -1,25 +1,24 @@
-/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import { isPlainObject as e } from "../utils/is.js";
 import t from "../hooks/use-force-update/index.js";
 import n from "../hooks/use-controllable-value/index.js";
 import r from "../utils/className.js";
 import { MENU_COMPONENT_INFO as i } from "../utils/names.js";
 import ee from "../hooks/use-merge-props/index.js";
-import a from "../config-provider/context.js";
-import o from "../utils/omit.js";
-import "../config-provider/index.js";
-import te from "../hooks/use-id/index.js";
-import ne from "../hooks/use-keyboard-event/index.js";
-import s from "./context.js";
-import { generateInfoMap as re, processChildren as c } from "./utils.js";
-import { LayoutSiderContext as l } from "../layout/context.js";
-import u from "./OverflowWrap.js";
-import { forwardRef as d, useContext as f, useEffect as p, useImperativeHandle as ie, useMemo as ae, useRef as m } from "react";
-import { Fragment as oe, jsx as h, jsxs as se } from "react/jsx-runtime";
-import ce from "@unicom-cloud/icons/IconUiMenuFold";
+import { ConfigContext as te } from "../config-provider/context.js";
+import ne from "../utils/omit.js";
+import re from "../hooks/use-id/index.js";
+import ie from "../hooks/use-keyboard-event/index.js";
+import a from "./context.js";
+import { generateInfoMap as o, processChildren as s } from "./utils.js";
+import { LayoutSiderContext as c } from "../layout/context.js";
+import l from "./OverflowWrap.js";
+import { forwardRef as u, useContext as d, useEffect as ae, useImperativeHandle as oe, useMemo as se, useRef as f } from "react";
+import { Fragment as ce, jsx as p, jsxs as m } from "react/jsx-runtime";
+import h from "@unicom-cloud/icons/IconUiMenuFold";
 import le from "@unicom-cloud/icons/IconUiMenuUnfold";
 //#region components/pc/menu/Menu.tsx
-var ue = "light", de = {
+var g = "light", ue = {
 	mode: "vertical",
 	selectable: !0,
 	ellipsis: !0,
@@ -29,13 +28,13 @@ var ue = "light", de = {
 		inline: "nearest"
 	}
 };
-function fe(i, d) {
-	let { prefixCls: fe, getPrefixCls: g, componentConfig: pe, rtl: me } = f(a), _ = ee(i, de, pe?.Menu), { style: v, children: y, className: b, prefixCls: x, mode: S, theme: C, icons: w, levelIndent: T, collapse: E, inDropdown: D, selectable: O, triggerProps: k, tooltipProps: A, ellipsis: j, accordion: M, autoOpen: N, autoScrollIntoView: P, scrollIntoViewOptions: F, hasCollapseButton: I, defaultOpenKeys: he, defaultSelectedKeys: ge, openKeys: _e, selectedKeys: ve, onClickSubMenu: L, onClickMenuItem: ye, onCollapseChange: R, onEllipsisChange: be, ...z } = _, [B, V] = n({ ..._ }, {
+function de(i, u) {
+	let { prefixCls: de, getPrefixCls: _, componentConfig: fe, rtl: pe } = d(te), v = ee(i, ue, fe?.Menu), { style: me, children: y, className: b, prefixCls: x, mode: S, theme: C, icons: w, levelIndent: T, collapse: E, inDropdown: D, selectable: O, triggerProps: k, tooltipProps: A, ellipsis: j, accordion: M, autoOpen: N, autoScrollIntoView: P, scrollIntoViewOptions: F, hasCollapseButton: I, defaultOpenKeys: he, defaultSelectedKeys: ge, openKeys: _e, selectedKeys: ve, onClickSubMenu: L, onClickMenuItem: R, onCollapseChange: ye, onEllipsisChange: be, ...z } = v, [B, V] = n({ ...v }, {
 		defaultValue: [],
 		defaultValuePropName: "defaultOpenKeys",
 		valuePropName: "openKeys",
 		triggerPropName: !1
-	}), [xe, Se] = n({ ..._ }, {
+	}), [xe, Se] = n({ ...v }, {
 		defaultValue: [],
 		defaultValuePropName: "defaultSelectedKeys",
 		valuePropName: "selectedKeys",
@@ -43,48 +42,48 @@ function fe(i, d) {
 	}), [H, Ce] = n({ value: E }, {
 		defaultValue: !1,
 		triggerPropName: !1
-	}), we = f(s), { siderCollapsed: Te } = f(l), U = x || g?.("menu"), W = Te || H || D || S === "popButton", G = C || we.theme || ue, K = m([]), q = m([]), Ee = t(), De = ne(), J = ae(() => re(y), [y]), Y = te(`${U}`), X = z.id || Y;
-	p(() => {
-		let e = B.filter((e) => K.current.includes(e));
+	}), we = d(a), { siderCollapsed: Te } = d(c), U = _?.("menu"), W = x || U, G = Te || H || D || S === "popButton", K = C || we.theme || g, q = f([]), J = f([]), Ee = t(), De = ie(), Y = se(() => o(y), [y]), Oe = re(`${W}`), X = z.id || Oe;
+	ae(() => {
+		let e = B.filter((e) => q.current.includes(e));
 		if (N) {
-			let t = K.current.filter((e) => !q.current.includes(e));
+			let t = q.current.filter((e) => !J.current.includes(e));
 			e = B.concat(t);
 		}
-		V(M ? e.slice(0, 1) : e), q.current = K.current.slice();
-	}, [K.current.toString()]);
-	let Z = S !== "horizontal" && S !== "popButton" && !D && I, Oe = () => {
-		let t = c(y, { level: 1 }), n = H ? w?.collapseActive || /* @__PURE__ */ h(le, {}) : w?.collapseDefault || /* @__PURE__ */ h(ce, {}), r = () => {
+		V(M ? e.slice(0, 1) : e), J.current = q.current.slice();
+	}, [q.current.toString()]);
+	let Z = S !== "horizontal" && S !== "popButton" && !D && I, ke = () => {
+		let t = s(y, { level: 1 }), n = H ? w?.collapseActive || /* @__PURE__ */ p(le, {}) : w?.collapseDefault || /* @__PURE__ */ p(h, {}), r = () => {
 			let e = !H;
-			Ce(e), R?.(e);
+			Ce(e), ye?.(e);
 		};
-		return /* @__PURE__ */ se(oe, { children: [/* @__PURE__ */ h("div", {
-			className: `${U}-inner`,
-			children: S === "horizontal" && j !== !1 ? /* @__PURE__ */ h(u, {
+		return /* @__PURE__ */ m(ce, { children: [/* @__PURE__ */ p("div", {
+			className: `${W}-inner`,
+			children: S === "horizontal" && j !== !1 ? /* @__PURE__ */ p(l, {
 				ellipsisText: e(j) ? j.text : "···",
 				onEllipsisChange: be,
 				children: t
 			}) : t
-		}), Z && /* @__PURE__ */ h("div", {
+		}), Z && /* @__PURE__ */ p("div", {
 			tabIndex: 0,
 			role: "button",
 			"aria-controls": X,
 			"aria-expanded": !H,
-			className: `${U}-collapse-button`,
+			className: `${W}-collapse-button`,
 			onClick: r,
 			...De({ onPressEnter: r }),
 			children: n
 		})] });
-	}, Q = { ...v };
-	W && !D && delete Q.width;
-	let $ = m(null);
-	return ie(d, () => ({ getRootElement() {
+	}, Q = { ...me };
+	G && !D && delete Q.width;
+	let $ = f(null);
+	return oe(u, () => ({ getRootElement() {
 		return $.current;
-	} })), /* @__PURE__ */ h(s.Provider, {
+	} })), /* @__PURE__ */ p(a.Provider, {
 		value: {
-			..._,
+			...v,
 			mode: S,
-			theme: G,
-			collapse: W,
+			theme: K,
+			collapse: G,
 			levelIndent: T,
 			inDropdown: D,
 			selectedKeys: xe,
@@ -95,36 +94,37 @@ function fe(i, d) {
 			autoScrollIntoView: P,
 			scrollIntoViewOptions: F,
 			id: X,
-			prefixCls: U,
+			prefixClsMenu: U,
+			prefixCls: W,
 			collectInlineMenuKeys: (e, t) => {
-				t ? K.current = K.current.filter((t) => t !== e) : K.current.push(e), Ee();
+				t ? q.current = q.current.filter((t) => t !== e) : q.current.push(e), Ee();
 			},
 			onClickMenuItem: (e, t) => {
-				O && Se([e]), ye?.(e, t, J[e]?.keyPath);
+				O && Se([e]), R?.(e, t, Y[e]?.keyPath);
 			},
 			onClickSubMenu: (e, t, n) => {
 				let r = [...B];
-				n === "inline" && (r = B?.includes?.(e) ? M && t === 1 ? [] : B.filter((t) => t !== e) : M && t === 1 ? [e] : B.concat([e])), V(r), L?.(e, r, J[e]?.keyPath);
+				n === "inline" && (r = B?.includes?.(e) ? M && t === 1 ? [] : B.filter((t) => t !== e) : M && t === 1 ? [e] : B.concat([e])), V(r), L?.(e, r, Y[e]?.keyPath);
 			}
 		},
-		children: /* @__PURE__ */ h("div", {
+		children: /* @__PURE__ */ p("div", {
 			id: Z ? X : void 0,
 			role: "menu",
-			...o(z, ["isMenu"]),
+			...ne(z, ["isMenu"]),
 			ref: $,
 			style: Q,
-			className: r(U, `${U}-${G}`, `${U}-${S === "horizontal" ? "horizontal" : "vertical"}`, {
-				[`${U}-collapse`]: W,
-				[`${U}-pop`]: S === "pop" || W,
-				[`${U}-pop-button`]: S === "popButton",
-				[`${U}-rtl`]: me
+			className: r(U, W, `${W}-${K}`, `${W}-${S === "horizontal" ? "horizontal" : "vertical"}`, {
+				[`${W}-collapse`]: G,
+				[`${W}-pop`]: S === "pop" || G,
+				[`${W}-pop-button`]: S === "popButton",
+				[`${W}-rtl`]: pe
 			}, b),
-			children: Oe()
+			children: ke()
 		})
 	});
 }
-var g = d(fe);
-g.displayName = i.displayName;
+var _ = u(de);
+_.displayName = i.displayName;
 //#endregion
-export { g as default };
+export { _ as default };
 /* 独立思考，明辨是非 */

package/menu/OverflowWrap.d.ts

@@ -1,9 +1,9 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import type { MenuProps } from './interface';
 interface OverflowWrapProps {
     ellipsisText?: ReactNode;
     children: ReactNode;
     onEllipsisChange?: MenuProps['onEllipsisChange'];
 }
-declare const OverflowWrap: (props: OverflowWrapProps) => import("react/jsx-runtime").JSX.Element;
+declare const OverflowWrap: (props: OverflowWrapProps) => React.JSX.Element;
 export default OverflowWrap;

package/menu/OverflowWrap.js

@@ -1,9 +1,9 @@
-/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import { isNull as e } from "../utils/is.js";
 import t from "../utils/className.js";
-import n from "../hooks/use-memoized-fn/index.js";
-import { getStyle as r } from "../utils/style.js";
-import i from "../hooks/use-resize-observers/index.js";
+import { getStyle as n } from "../utils/style.js";
+import r from "../hooks/use-resize-observers/index.js";
+import i from "../hooks/use-memoized-fn/index.js";
 import a from "./context.js";
 import o from "./sub-menu/index.js";
 import s, { useContext as c, useRef as l, useState as u } from "react";
@@ -26,16 +26,16 @@ var g = (g) => {
 				overflowNodes: r ? [] : n.slice(t + 1)
 			}), w(t);
 		}
-	}, k = n((e) => {
+	}, k = i((e) => {
 		if (!x.current) return;
-		let t = x.current, n = m(t);
-		if (S.current && Math.abs(n - S.current) < p) return;
-		S.current = n;
-		let i = n - f, a = [].slice.call(t.children), o = 0, s = 0, c = 0;
+		let t = x.current, r = m(t);
+		if (S.current && Math.abs(r - S.current) < p) return;
+		S.current = r;
+		let i = r - f, a = [].slice.call(t.children), o = 0, s = 0, c = 0;
 		for (let e = 0; e < a.length; e++) {
-			let t = a[e], n = t.className.split(" "), l = n.includes(T), u = n.includes(D);
+			let t = a[e], r = t.className.split(" "), l = r.includes(T), u = r.includes(D);
 			if (l) continue;
-			let d = m(t) + h(r(t, "marginLeft")) + h(r(t, "marginRight"));
+			let d = m(t) + h(n(t, "marginLeft")) + h(n(t, "marginRight"));
 			if (u) {
 				c = d;
 				continue;
@@ -52,7 +52,7 @@ var g = (g) => {
 		className: t ? D : T,
 		children: e
 	}, `pqb-menu-overflow-sub-menu${t ? "-mirror" : ""}`);
-	return i((e) => {
+	return r((e) => {
 		k(e);
 	}, [x.current], { immediate: !0 }), /* @__PURE__ */ d("div", {
 		className: `${b}-overflow-wrap`,

package/menu/context.d.ts

@@ -7,6 +7,7 @@ export type HotkeyInfo = {
 export type ResetHotkeyInfo = (activeKey?: string) => void;
 declare const MenuContext: import("react").Context<Pick<MenuProps, "collapse" | "mode" | "triggerProps" | "tooltipProps" | "icons" | "theme" | "levelIndent" | "inDropdown" | "selectedKeys" | "openKeys" | "autoScrollIntoView" | "scrollIntoViewOptions"> & {
     id?: string;
+    prefixClsMenu?: string;
     prefixCls?: string;
     onClickMenuItem?: (key: string, e: any) => void;
     onClickSubMenu?: (key: string, level: number, type: "pop" | "inline") => void;

package/menu/context.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import { createContext as e } from "react";
 //#region components/pc/menu/context.ts
 var t = e({});

package/menu/index.d.ts

@@ -4,7 +4,6 @@ import Item from './Item';
 import ItemGroup from './ItemGroup';
 import SubMenu from './sub-menu';
 declare const Menu: import("react").ForwardRefExoticComponent<import("./interface").MenuProps & import("react").RefAttributes<unknown>> & {
-    id: string;
     Item: import("react").ForwardRefExoticComponent<import("./interface").MenuItemProps & import("react").RefAttributes<unknown>> & {
         menuType: string;
     };
@@ -15,6 +14,10 @@ declare const Menu: import("react").ForwardRefExoticComponent<import("./interfac
         menuType: string;
     };
     ___PQB_MENU___: boolean;
+    zh: string;
+    en: string;
+    displayName: string;
+    id: string;
 };
 export { MenuContext, MenuIndent, Item as MenuItem, ItemGroup as MenuItemGroup, SubMenu as MenuSubMenu, };
 export default Menu;

package/menu/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import { MENU_COMPONENT_INFO as e } from "../utils/names.js";
 import t from "./context.js";
 import n from "./Indent.js";
@@ -8,7 +8,7 @@ import a from "./sub-menu/index.js";
 import o from "./Menu.js";
 //#region components/pc/menu/index.ts
 var s = Object.assign(o, {
-	id: e.id,
+	...e,
 	Item: r,
 	ItemGroup: i,
 	SubMenu: a,

package/menu/sub-menu/Inline.d.ts

@@ -1,5 +1,5 @@
 import type { MenuSubMenuProps } from '../interface';
 declare function SubMenuInline(props: MenuSubMenuProps & {
     forwardedRef: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export default SubMenuInline;

package/menu/sub-menu/Inline.js

@@ -1,86 +1,90 @@
-/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
+/* 潘启宝 2026-06-02 15:43:25 星期二 山东省济南市 */
 import { isHTMLElement as e } from "../../utils/is.js";
 import { Enter as t } from "../../utils/keyboardCode.js";
 import n from "../../utils/className.js";
 import r from "../../utils/pick.js";
 import i from "../../utils/omit.js";
-import { TransitionCSS as a } from "../../transition/index.js";
+import { transition_exports as a } from "../../transition/index.js";
 import o from "../../hooks/use-state-with-promise/index.js";
 import s from "../../hooks/use-id/index.js";
 import c from "../context.js";
 import l from "../Indent.js";
 import { PROPS_NEED_TO_BE_PASSED_IN_SUBMENU as u, isChildrenSelected as d, processChildren as f } from "../utils.js";
 import { useContext as p, useRef as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import _ from "@unicom-cloud/icons/IconUiDown";
+import { UI_COMMON_PREFIX as h } from "@unicom-cloud/utils/constant/ui";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import v from "@unicom-cloud/icons/IconUiDown";
 //#region components/pc/menu/sub-menu/Inline.tsx
-var v = {
+var y = {
 	height: 0,
 	visibility: "hidden"
 };
-function y(y) {
-	let { _key: b, children: x, style: S, className: C, title: w, level: T, forwardedRef: E, selectable: D, ...O } = y, { id: k, prefixCls: A, levelIndent: j, openKeys: M = [], selectedKeys: N = [], icons: P, onClickSubMenu: F, onClickMenuItem: I } = p(c), L = m(null), R = `${A}-inline`, z = M?.includes?.(b), B = D && N.includes(y._key) || d(x, N), [V, H] = o(z ? { height: "auto" } : v), U = (e) => {
-		F(b, T, "inline"), D && I(b, e);
-	}, W = s(`${k}-submenu-inline`), G = f(x, {
-		...r(O, u),
-		level: T + 1,
-		selectable: D
-	}), K = /* @__PURE__ */ g("div", {
+function b(b) {
+	let { _key: x, children: S, style: C, className: w, title: T, level: E, forwardedRef: D, selectable: O, ...k } = b, { id: A, prefixClsMenu: j, prefixCls: M, levelIndent: N, openKeys: P = [], selectedKeys: F = [], icons: I, onClickSubMenu: L, onClickMenuItem: R } = p(c), z = m(null), B = `${j}-inline ${M}-inline`, V = P?.includes?.(x), H = O && F.includes(b._key) || d(S, F), [U, W] = o(V ? { height: "auto" } : y), G = (e) => {
+		L(x, E, "inline"), O && R(x, e);
+	}, K = s(`${A}-submenu-inline`), q = f(S, {
+		...r(k, u),
+		level: E + 1,
+		selectable: O
+	}), J = /* @__PURE__ */ _("div", {
 		tabIndex: 0,
-		"aria-expanded": z,
-		"aria-controls": W,
-		className: n(`${R}-header`, { [`${A}-selected`]: B }),
-		onClick: U,
+		"aria-expanded": V,
+		"aria-controls": K,
+		className: n(`${B}-header`, { [`${M}-selected`]: H }),
+		onClick: G,
 		onKeyDown: (e) => {
-			e.key === t.key && U(e);
+			e.key === t.key && G(e);
 		},
 		children: [
-			/* @__PURE__ */ h(l, {
-				level: T,
-				prefixCls: A,
-				levelIndent: j
+			/* @__PURE__ */ g(l, {
+				level: E,
+				prefixCls: M,
+				levelIndent: N
 			}),
-			/* @__PURE__ */ h("span", { children: w }),
-			/* @__PURE__ */ h("span", {
-				className: `${A}-icon-suffix ${z ? "is-open" : ""}`,
-				children: P?.horizontalArrowDown ? P.horizontalArrowDown : /* @__PURE__ */ h(_, {})
+			/* @__PURE__ */ g("span", {
+				className: `${h}-inline-flex-center`,
+				children: T
+			}),
+			/* @__PURE__ */ g("span", {
+				className: `${M}-icon-suffix ${V ? "is-open" : ""} ${h}-inline-flex-center`,
+				children: I?.horizontalArrowDown ? I.horizontalArrowDown : /* @__PURE__ */ g(v, {})
 			})
 		]
 	});
-	return /* @__PURE__ */ g("div", {
-		ref: E,
-		className: n(R, C),
-		style: S,
-		...i(O, [
+	return /* @__PURE__ */ _("div", {
+		ref: D,
+		className: n(B, w),
+		style: C,
+		...i(k, [
 			"key",
 			"popup",
 			"triggerProps"
 		]),
-		children: [K, /* @__PURE__ */ h(a, {
-			in: z,
+		children: [J, /* @__PURE__ */ g(a.TransitionCSS, {
+			in: V,
 			duration: 200,
-			classNames: R,
+			classNames: B,
 			unmountOnExit: !1,
-			onEnter: async (t) => {
-				t ||= L.current, e(t) && (await H(v), await H({ height: t.scrollHeight }));
+			onEnterStart: async (t) => {
+				t ||= z.current, e(t) && (await W(y), await W({ height: t.scrollHeight }));
 			},
-			onEntered: () => {
-				H({ height: "auto" });
+			onEnterDone: () => {
+				W({ height: "auto" });
 			},
-			onExit: async (t) => {
-				t ||= L.current, e(t) && (await H({ height: t.scrollHeight }), await H(v));
+			onExitStart: async (t) => {
+				t ||= z.current, e(t) && (await W({ height: t.scrollHeight }), await W(y));
 			},
-			refElement: L,
-			children: /* @__PURE__ */ h("div", {
-				ref: L,
-				id: W,
-				className: n(`${R}-content`),
-				style: V,
-				children: G
+			refElement: z,
+			children: /* @__PURE__ */ g("div", {
+				ref: z,
+				id: K,
+				className: n(`${B}-content`),
+				style: U,
+				children: q
 			})
 		})]
 	});
 }
 //#endregion
-export { y as default };
+export { b as default };
 /* 独立思考，明辨是非 */

package/menu/sub-menu/Pop.d.ts

@@ -1,5 +1,5 @@
 import type { MenuSubMenuProps } from '../interface';
 declare function SubMenuPop(props: MenuSubMenuProps & {
     forwardedRef: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export default SubMenuPop;