@unicom-cloud/ui 0.8.167 → 0.8.169

package/menu/Menu.js

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

package/menu/OverflowWrap.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import { isNull as e } from "../utils/is.js";
 import t from "../utils/className.js";
 import { getStyle as n } from "../utils/style.js";
@@ -7,7 +7,7 @@ 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";
-import { UI_PC_PREFIX as d } from "@unicom-cloud/utils/constant/ui";
+import { UI_PC_PREFIX as d } from "@unicom-cloud/utils/constants/ui";
 import { jsx as f } from "react/jsx-runtime";
 //#region components/pc/menu/OverflowWrap.tsx
 var p = 5, m = 1;

package/menu/constants.js

@@ -0,0 +1,2 @@
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
+/* 独立思考，明辨是非 */

package/menu/context.d.ts

@@ -5,7 +5,7 @@ export type HotkeyInfo = {
     type: 'sibling' | 'generation' | 'enter';
 };
 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"> & {
+declare const MenuContext: import("react").Context<Pick<MenuProps, "mode" | "icons" | "collapse" | "triggerProps" | "tooltipProps" | "theme" | "inDropdown" | "levelIndent" | "selectedKeys" | "openKeys" | "autoScrollIntoView" | "scrollIntoViewOptions"> & {
     id?: string;
     prefixClsMenu?: string;
     prefixCls?: string;
@@ -13,4 +13,6 @@ declare const MenuContext: import("react").Context<Pick<MenuProps, "collapse" |
     onClickSubMenu?: (key: string, level: number, type: "pop" | "inline") => void;
     collectInlineMenuKeys?: (key: string, unmount?: boolean) => void;
 }>;
+export declare const defaultProps: Partial<MenuProps>;
+export declare const PropsContext: import("react").Context<Partial<MenuProps>>;
 export default MenuContext;

package/menu/context.js

@@ -1,7 +1,16 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import { createContext as e } from "react";
 //#region components/pc/menu/context.ts
-var t = e({});
+var t = e({}), n = {
+	mode: "vertical",
+	selectable: !0,
+	ellipsis: !0,
+	scrollIntoViewOptions: {
+		behavior: "smooth",
+		block: "nearest",
+		inline: "nearest"
+	}
+}, r = e(n);
 //#endregion
-export { t as default };
+export { r as PropsContext, t as default, n as defaultProps };
 /* 独立思考，明辨是非 */

package/menu/index.d.ts

@@ -1,16 +1,18 @@
+import './style';
 import MenuContext from './context';
 import MenuIndent from './Indent';
 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>> & {
+    PropsContext: import("react").Context<Partial<import("./interface").MenuProps>>;
     Item: import("react").ForwardRefExoticComponent<import("./interface").MenuItemProps & import("react").RefAttributes<unknown>> & {
         menuType: string;
     };
     ItemGroup: import("react").ForwardRefExoticComponent<import("./interface").MenuItemGroupProps & import("react").RefAttributes<unknown>> & {
         menuType: string;
     };
-    SubMenu: import("react").ForwardRefExoticComponent<import("./interface").MenuSubMenuProps & import("react").RefAttributes<unknown>> & {
+    SubMenu: import("react").ForwardRefExoticComponent<import("./interface").MenuSubMenuProps & import("react").RefAttributes<HTMLDivElement>> & {
         menuType: string;
     };
     ___PQB_MENU___: boolean;

package/menu/index.js

@@ -1,19 +1,21 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import { MENU_COMPONENT_INFO as e } from "../utils/names.js";
-import t from "./context.js";
-import n from "./Indent.js";
-import r from "./Item.js";
-import i from "./ItemGroup.js";
-import a from "./sub-menu/index.js";
-import o from "./Menu.js";
+import "./style/index.js";
+import t, { PropsContext as n } from "./context.js";
+import r from "./Indent.js";
+import i from "./Item.js";
+import a from "./ItemGroup.js";
+import o from "./sub-menu/index.js";
+import s from "./Menu.js";
 //#region components/pc/menu/index.ts
-var s = Object.assign(o, {
+var c = Object.assign(s, {
 	...e,
-	Item: r,
-	ItemGroup: i,
-	SubMenu: a,
+	PropsContext: n,
+	Item: i,
+	ItemGroup: a,
+	SubMenu: o,
 	___PQB_MENU___: !0
 });
 //#endregion
-export { t as MenuContext, n as MenuIndent, r as MenuItem, i as MenuItemGroup, a as MenuSubMenu, s as default };
+export { t as MenuContext, r as MenuIndent, i as MenuItem, a as MenuItemGroup, o as MenuSubMenu, c as default };
 /* 独立思考，明辨是非 */

package/menu/style/index.css

@@ -0,0 +1 @@
+@keyframes pqb-menu-selected-item-label-enter{0%{opacity:0}to{opacity:1}}.pqb-menu{box-sizing:border-box;width:100%;font-size:14px;line-height:var(--pqb-line-height-base);transition:all var(--pqb-transition-duration-2) var(--pqb-transition-timing-function-standard);position:relative}.pqb-menu-indent{width:var(--pqb-spacing-8);display:inline-block}.pqb-menu .pqb-menu-item,.pqb-menu .pqb-menu-group-title,.pqb-menu .pqb-menu-pop-header,.pqb-menu .pqb-menu-inline-header{border-radius:var(--pqb-border-radius-small);box-sizing:border-box;cursor:pointer;position:relative}.pqb-menu .pqb-menu-item.pqb-menu-disabled,.pqb-menu .pqb-menu-group-title.pqb-menu-disabled,.pqb-menu .pqb-menu-pop-header.pqb-menu-disabled,.pqb-menu .pqb-menu-inline-header.pqb-menu-disabled{cursor:not-allowed}.pqb-menu .pqb-menu-item.pqb-menu-selected,.pqb-menu .pqb-menu-group-title.pqb-menu-selected,.pqb-menu .pqb-menu-pop-header.pqb-menu-selected,.pqb-menu .pqb-menu-inline-header.pqb-menu-selected{font-weight:var(--pqb-font-weight-500);transition:color var(--pqb-transition-duration-2) var(--pqb-transition-timing-function-linear)}.pqb-menu .pqb-menu-item.pqb-menu-selected svg,.pqb-menu .pqb-menu-group-title.pqb-menu-selected svg,.pqb-menu .pqb-menu-pop-header.pqb-menu-selected svg,.pqb-menu .pqb-menu-inline-header.pqb-menu-selected svg{transition:color var(--pqb-transition-duration-2) var(--pqb-transition-timing-function-linear)}.pqb-menu .pqb-menu-item .pqb-icon,.pqb-menu .pqb-menu-group-title .pqb-icon,.pqb-menu .pqb-menu-pop-header .pqb-icon,.pqb-menu .pqb-menu-inline-header .pqb-icon{margin-inline-end:var(--pqb-spacing-4)}.pqb-menu-light{background-color:var(--pqb-color-menu-light-bg)}.pqb-menu-light .pqb-menu-item,.pqb-menu-light .pqb-menu-group-title,.pqb-menu-light .pqb-menu-pop-header,.pqb-menu-light .pqb-menu-inline-header{background-color:var(--pqb-color-menu-light-bg);color:var(--pqb-color-text-2)}.pqb-menu-light .pqb-menu-item .pqb-icon,.pqb-menu-light .pqb-menu-group-title .pqb-icon,.pqb-menu-light .pqb-menu-pop-header .pqb-icon,.pqb-menu-light .pqb-menu-inline-header .pqb-icon{color:var(--pqb-color-text-3)}.pqb-menu-light .pqb-menu-item:hover,.pqb-menu-light .pqb-menu-group-title:hover,.pqb-menu-light .pqb-menu-pop-header:hover,.pqb-menu-light .pqb-menu-inline-header:hover{background-color:var(--pqb-color-fill-2);color:var(--pqb-color-text-2)}.pqb-menu-light .pqb-menu-item:hover .pqb-icon,.pqb-menu-light .pqb-menu-group-title:hover .pqb-icon,.pqb-menu-light .pqb-menu-pop-header:hover .pqb-icon,.pqb-menu-light .pqb-menu-inline-header:hover .pqb-icon{color:var(--pqb-color-text-3)}.pqb-menu-light .pqb-menu-item:focus-visible,.pqb-menu-light .pqb-menu-group-title:focus-visible,.pqb-menu-light .pqb-menu-pop-header:focus-visible,.pqb-menu-light .pqb-menu-inline-header:focus-visible{box-shadow:0 0 0 2px rgb(var(--pqb-primary-6)) inset}.pqb-menu-light .pqb-menu-item.pqb-menu-selected,.pqb-menu-light .pqb-menu-group-title.pqb-menu-selected,.pqb-menu-light .pqb-menu-pop-header.pqb-menu-selected,.pqb-menu-light .pqb-menu-inline-header.pqb-menu-selected,.pqb-menu-light .pqb-menu-item.pqb-menu-selected .pqb-icon,.pqb-menu-light .pqb-menu-group-title.pqb-menu-selected .pqb-icon,.pqb-menu-light .pqb-menu-pop-header.pqb-menu-selected .pqb-icon,.pqb-menu-light .pqb-menu-inline-header.pqb-menu-selected .pqb-icon{color:rgb(var(--pqb-primary-6))}.pqb-menu-light .pqb-menu-item.pqb-menu-disabled,.pqb-menu-light .pqb-menu-group-title.pqb-menu-disabled,.pqb-menu-light .pqb-menu-pop-header.pqb-menu-disabled,.pqb-menu-light .pqb-menu-inline-header.pqb-menu-disabled{background-color:var(--pqb-color-menu-light-bg);color:var(--pqb-color-text-4)}.pqb-menu-light .pqb-menu-item.pqb-menu-disabled .pqb-icon,.pqb-menu-light .pqb-menu-group-title.pqb-menu-disabled .pqb-icon,.pqb-menu-light .pqb-menu-pop-header.pqb-menu-disabled .pqb-icon,.pqb-menu-light .pqb-menu-inline-header.pqb-menu-disabled .pqb-icon{color:var(--pqb-color-text-4)}.pqb-menu-light .pqb-menu-item.pqb-menu-selected{background-color:var(--pqb-color-fill-2)}.pqb-menu-light .pqb-menu-inline-header.pqb-menu-selected,.pqb-menu-light .pqb-menu-inline-header.pqb-menu-selected .pqb-icon{color:rgb(var(--pqb-primary-6))}.pqb-menu-light .pqb-menu-inline-header.pqb-menu-selected:hover{background-color:var(--pqb-color-fill-2)}.pqb-menu-light.pqb-menu-horizontal .pqb-menu-item.pqb-menu-selected,.pqb-menu-light.pqb-menu-horizontal .pqb-menu-group-title.pqb-menu-selected,.pqb-menu-light.pqb-menu-horizontal .pqb-menu-pop-header.pqb-menu-selected,.pqb-menu-light.pqb-menu-horizontal .pqb-menu-inline-header.pqb-menu-selected{transition:color var(--pqb-transition-duration-2) var(--pqb-transition-timing-function-linear);background:0 0}.pqb-menu-light.pqb-menu-horizontal .pqb-menu-item.pqb-menu-selected:hover,.pqb-menu-light.pqb-menu-horizontal .pqb-menu-group-title.pqb-menu-selected:hover,.pqb-menu-light.pqb-menu-horizontal .pqb-menu-pop-header.pqb-menu-selected:hover,.pqb-menu-light.pqb-menu-horizontal .pqb-menu-inline-header.pqb-menu-selected:hover{background-color:var(--pqb-color-fill-2)}.pqb-menu-light .pqb-menu-group-title{color:var(--pqb-color-text-3);pointer-events:none}.pqb-menu-light .pqb-menu-collapse-button{background-color:var(--pqb-color-fill-1);color:var(--pqb-color-text-3)}.pqb-menu-light .pqb-menu-collapse-button:hover{background-color:var(--pqb-color-fill-3)}.pqb-menu-light .pqb-menu-collapse-button:focus-visible{box-shadow:0 0 0 2px rgb(var(--pqb-primary-6))}.pqb-menu-dark{background-color:var(--pqb-color-menu-dark-bg)}.pqb-menu-dark .pqb-menu-item,.pqb-menu-dark .pqb-menu-group-title,.pqb-menu-dark .pqb-menu-pop-header,.pqb-menu-dark .pqb-menu-inline-header{background-color:var(--pqb-color-menu-dark-bg);color:var(--pqb-color-text-4)}.pqb-menu-dark .pqb-menu-item .pqb-icon,.pqb-menu-dark .pqb-menu-group-title .pqb-icon,.pqb-menu-dark .pqb-menu-pop-header .pqb-icon,.pqb-menu-dark .pqb-menu-inline-header .pqb-icon{color:var(--pqb-color-text-3)}.pqb-menu-dark .pqb-menu-item:hover,.pqb-menu-dark .pqb-menu-group-title:hover,.pqb-menu-dark .pqb-menu-pop-header:hover,.pqb-menu-dark .pqb-menu-inline-header:hover{background-color:var(--pqb-color-menu-dark-hover);color:var(--pqb-color-text-4)}.pqb-menu-dark .pqb-menu-item:hover .pqb-icon,.pqb-menu-dark .pqb-menu-group-title:hover .pqb-icon,.pqb-menu-dark .pqb-menu-pop-header:hover .pqb-icon,.pqb-menu-dark .pqb-menu-inline-header:hover .pqb-icon{color:var(--pqb-color-text-3)}.pqb-menu-dark .pqb-menu-item:focus-visible,.pqb-menu-dark .pqb-menu-group-title:focus-visible,.pqb-menu-dark .pqb-menu-pop-header:focus-visible,.pqb-menu-dark .pqb-menu-inline-header:focus-visible{box-shadow:0 0 0 2px rgb(var(--pqb-primary-6)) inset}.pqb-menu-dark .pqb-menu-item.pqb-menu-selected,.pqb-menu-dark .pqb-menu-group-title.pqb-menu-selected,.pqb-menu-dark .pqb-menu-pop-header.pqb-menu-selected,.pqb-menu-dark .pqb-menu-inline-header.pqb-menu-selected,.pqb-menu-dark .pqb-menu-item.pqb-menu-selected .pqb-icon,.pqb-menu-dark .pqb-menu-group-title.pqb-menu-selected .pqb-icon,.pqb-menu-dark .pqb-menu-pop-header.pqb-menu-selected .pqb-icon,.pqb-menu-dark .pqb-menu-inline-header.pqb-menu-selected .pqb-icon{color:var(--pqb-color-white)}.pqb-menu-dark .pqb-menu-item.pqb-menu-disabled,.pqb-menu-dark .pqb-menu-group-title.pqb-menu-disabled,.pqb-menu-dark .pqb-menu-pop-header.pqb-menu-disabled,.pqb-menu-dark .pqb-menu-inline-header.pqb-menu-disabled{background-color:var(--pqb-color-menu-dark-bg);color:var(--pqb-color-text-2)}.pqb-menu-dark .pqb-menu-item.pqb-menu-disabled .pqb-icon,.pqb-menu-dark .pqb-menu-group-title.pqb-menu-disabled .pqb-icon,.pqb-menu-dark .pqb-menu-pop-header.pqb-menu-disabled .pqb-icon,.pqb-menu-dark .pqb-menu-inline-header.pqb-menu-disabled .pqb-icon{color:var(--pqb-color-text-2)}.pqb-menu-dark .pqb-menu-item.pqb-menu-selected{background-color:var(--pqb-color-menu-dark-hover)}.pqb-menu-dark .pqb-menu-inline-header.pqb-menu-selected,.pqb-menu-dark .pqb-menu-inline-header.pqb-menu-selected .pqb-icon{color:rgb(var(--pqb-primary-6))}.pqb-menu-dark .pqb-menu-inline-header.pqb-menu-selected:hover{background-color:var(--pqb-color-menu-dark-hover)}.pqb-menu-dark.pqb-menu-horizontal .pqb-menu-item.pqb-menu-selected,.pqb-menu-dark.pqb-menu-horizontal .pqb-menu-group-title.pqb-menu-selected,.pqb-menu-dark.pqb-menu-horizontal .pqb-menu-pop-header.pqb-menu-selected,.pqb-menu-dark.pqb-menu-horizontal .pqb-menu-inline-header.pqb-menu-selected{transition:color var(--pqb-transition-duration-2) var(--pqb-transition-timing-function-linear);background:0 0}.pqb-menu-dark.pqb-menu-horizontal .pqb-menu-item.pqb-menu-selected:hover,.pqb-menu-dark.pqb-menu-horizontal .pqb-menu-group-title.pqb-menu-selected:hover,.pqb-menu-dark.pqb-menu-horizontal .pqb-menu-pop-header.pqb-menu-selected:hover,.pqb-menu-dark.pqb-menu-horizontal .pqb-menu-inline-header.pqb-menu-selected:hover{background-color:var(--pqb-color-menu-dark-hover)}.pqb-menu-dark .pqb-menu-group-title{color:var(--pqb-color-text-3);pointer-events:none}.pqb-menu-dark .pqb-menu-collapse-button{background-color:rgb(var(--pqb-primary-6));color:var(--pqb-color-white)}.pqb-menu-dark .pqb-menu-collapse-button:hover{background-color:rgb(var(--pqb-primary-7))}.pqb-menu-dark .pqb-menu-collapse-button:focus-visible{box-shadow:0 0 0 2px rgb(var(--pqb-primary-6))}.pqb-menu a,.pqb-menu a:hover,.pqb-menu a:focus,.pqb-menu a:active{color:inherit;cursor:inherit;text-decoration:none}.pqb-menu-item-inner>a:only-child:before{content:"";position:absolute;inset:0}.pqb-menu-inner{box-sizing:border-box;scrollbar-width:thin;width:100%;height:100%;overflow:auto}.pqb-menu-vertical .pqb-menu-item,.pqb-menu-vertical .pqb-menu-group-title,.pqb-menu-vertical .pqb-menu-pop-header,.pqb-menu-vertical .pqb-menu-inline-header{padding:0 var(--pqb-spacing-6);line-height:40px}.pqb-menu-vertical .pqb-menu-item .pqb-menu-icon-suffix .pqb-icon,.pqb-menu-vertical .pqb-menu-group-title .pqb-menu-icon-suffix .pqb-icon,.pqb-menu-vertical .pqb-menu-pop-header .pqb-menu-icon-suffix .pqb-icon,.pqb-menu-vertical .pqb-menu-inline-header .pqb-menu-icon-suffix .pqb-icon{margin-inline-end:0}.pqb-menu-vertical .pqb-menu-item,.pqb-menu-vertical .pqb-menu-group-title,.pqb-menu-vertical .pqb-menu-pop-header,.pqb-menu-vertical .pqb-menu-inline-header{white-space:nowrap;text-overflow:ellipsis;margin-block-end:var(--pqb-spacing-2);overflow:hidden}.pqb-menu-vertical .pqb-menu-item .pqb-menu-item-inner,.pqb-menu-vertical .pqb-menu-group-title .pqb-menu-item-inner,.pqb-menu-vertical .pqb-menu-pop-header .pqb-menu-item-inner,.pqb-menu-vertical .pqb-menu-inline-header .pqb-menu-item-inner{white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.pqb-menu-vertical .pqb-menu-item .pqb-menu-icon-suffix,.pqb-menu-vertical .pqb-menu-group-title .pqb-menu-icon-suffix,.pqb-menu-vertical .pqb-menu-pop-header .pqb-menu-icon-suffix,.pqb-menu-vertical .pqb-menu-inline-header .pqb-menu-icon-suffix{position:absolute;inset-block-start:50%;inset-inline-end:var(--pqb-spacing-6);transform:translateY(-50%)}.pqb-menu-vertical .pqb-menu-item .pqb-menu-icon-suffix.is-open,.pqb-menu-vertical .pqb-menu-group-title .pqb-menu-icon-suffix.is-open,.pqb-menu-vertical .pqb-menu-pop-header .pqb-menu-icon-suffix.is-open,.pqb-menu-vertical .pqb-menu-inline-header .pqb-menu-icon-suffix.is-open{transform:translateY(-50%)rotate(180deg)}.pqb-menu-vertical .pqb-menu-inner{padding:var(--pqb-spacing-2) var(--pqb-spacing-4)}.pqb-menu-vertical .pqb-menu-item.pqb-menu-item-indented{display:flex}.pqb-menu-vertical .pqb-menu-pop-header,.pqb-menu-vertical .pqb-menu-inline-header{padding-inline-end:calc(var(--pqb-spacing-6) + 16px)}.pqb-menu-horizontal{width:auto;height:auto}.pqb-menu-horizontal .pqb-menu-item,.pqb-menu-horizontal .pqb-menu-group-title,.pqb-menu-horizontal .pqb-menu-pop-header,.pqb-menu-horizontal .pqb-menu-inline-header{padding:0 var(--pqb-spacing-6);line-height:30px}.pqb-menu-horizontal .pqb-menu-item .pqb-menu-icon-suffix .pqb-icon,.pqb-menu-horizontal .pqb-menu-group-title .pqb-menu-icon-suffix .pqb-icon,.pqb-menu-horizontal .pqb-menu-pop-header .pqb-menu-icon-suffix .pqb-icon,.pqb-menu-horizontal .pqb-menu-inline-header .pqb-menu-icon-suffix .pqb-icon{margin-inline-end:0}.pqb-menu-horizontal .pqb-menu-item .pqb-icon,.pqb-menu-horizontal .pqb-menu-group-title .pqb-icon,.pqb-menu-horizontal .pqb-menu-pop-header .pqb-icon,.pqb-menu-horizontal .pqb-menu-inline-header .pqb-icon{margin-inline-end:var(--pqb-spacing-4)}.pqb-menu-horizontal .pqb-menu-item .pqb-menu-icon-suffix,.pqb-menu-horizontal .pqb-menu-group-title .pqb-menu-icon-suffix,.pqb-menu-horizontal .pqb-menu-pop-header .pqb-menu-icon-suffix,.pqb-menu-horizontal .pqb-menu-inline-header .pqb-menu-icon-suffix{margin-inline-start:var(--pqb-spacing-3)}.pqb-menu-horizontal .pqb-menu-inner{padding:14px var(--pqb-spacing-8);align-items:center;display:flex}.pqb-menu-horizontal .pqb-menu-item,.pqb-menu-horizontal .pqb-menu-pop{vertical-align:middle;flex-shrink:0;display:inline-block}.pqb-menu-horizontal .pqb-menu-item:not(:first-child),.pqb-menu-horizontal .pqb-menu-pop:not(:first-child){margin-inline-start:var(--pqb-spacing-6)}.pqb-menu-horizontal .pqb-menu-pop:after{content:" ";width:100%;height:14px;position:absolute;inset-block-end:-14px;inset-inline-start:0}.pqb-menu-overflow-wrap{width:100%}.pqb-menu-overflow-sub-menu-mirror{margin-inline-start:var(--pqb-spacing-6)}.pqb-menu-overflow-sub-menu-mirror,.pqb-menu-overflow-hidden-menu-item{white-space:nowrap;visibility:hidden;pointer-events:none;position:absolute!important}.pqb-menu-selected-label{inset-inline:var(--pqb-spacing-6);background-color:rgb(var(--pqb-primary-6));height:3px;animation:pqb-menu-selected-item-label-enter var(--pqb-transition-duration-2) var(--pqb-transition-timing-function-linear);position:absolute;inset-block-end:-14px}.pqb-menu-pop-button{width:auto;box-shadow:none;background:0 0}.pqb-menu-pop-button.pqb-menu-collapse{width:auto}.pqb-menu-pop-button .pqb-menu-item,.pqb-menu-pop-button .pqb-menu-group-title,.pqb-menu-pop-button .pqb-menu-pop-header,.pqb-menu-pop-button .pqb-menu-inline-header{width:var(--pqb-size-10);height:var(--pqb-size-10);line-height:var(--pqb-size-10);border:1px solid var(--pqb-color-transparent);box-shadow:var(--pqb-shadow2-down);border-radius:50%;margin-block-end:var(--pqb-spacing-7)}.pqb-menu-collapse{width:var(--pqb-size-12)}.pqb-menu-collapse .pqb-menu-inner{padding:var(--pqb-spacing-2) var(--pqb-spacing-2)}.pqb-menu-collapse .pqb-menu-group-title,.pqb-menu-collapse .pqb-menu-icon-suffix{display:none}.pqb-menu-collapse .pqb-menu-item .pqb-icon,.pqb-menu-collapse .pqb-menu-group-title .pqb-icon,.pqb-menu-collapse .pqb-menu-pop-header .pqb-icon,.pqb-menu-collapse .pqb-menu-inline-header .pqb-icon{margin-inline:1px 100vw}.pqb-menu-collapse .pqb-menu-collapse-button{inset-inline-start:50%;inset-inline-end:unset;transform:translate(-50%)}.pqb-menu-collapse-button{width:var(--pqb-size-6);height:var(--pqb-size-6);border-radius:var(--pqb-border-radius-small);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;inset-block-end:12px;inset-inline-end:12px}.pqb-menu-inline-content{height:auto;transition:height var(--pqb-transition-duration-2) var(--pqb-transition-timing-function-standard);overflow:hidden}.pqb-menu-item-tooltip a{color:inherit;cursor:pointer;text-decoration:none}.pqb-menu-item-tooltip a:hover,.pqb-menu-item-tooltip a:focus,.pqb-menu-item-tooltip a:active{color:inherit}.pqb-menu-item-tooltip a:before{content:"";position:absolute;inset:0}.pqb-menu-pop-trigger.pqb-trigger-position-bl{transform:translateY(14px)}.pqb-menu-pop-trigger.pqb-trigger-position-bl .pqb-trigger-arrow{z-index:0;border-left:1px solid var(--pqb-color-neutral-3);border-top:1px solid var(--pqb-color-neutral-3)}.pqb-menu-pop-trigger.pqb-trigger[trigger-placement=rt]{transform:translateX(var(--pqb-spacing-4))}.pqb-menu-pop-trigger.pqb-trigger[trigger-placement=rt] .pqb-trigger-arrow{z-index:0;border-left:1px solid var(--pqb-color-neutral-3);border-bottom:1px solid var(--pqb-color-neutral-3)}.pqb-menu-pop-trigger.pqb-trigger[trigger-placement=lt]{transform:translateX(calc(var(--pqb-spacing-4) * -1))}.pqb-menu-pop-trigger.pqb-trigger[trigger-placement=lt] .pqb-trigger-arrow{z-index:0;border-right:1px solid var(--pqb-color-neutral-3);border-top:1px solid var(--pqb-color-neutral-3)}.pqb-menu-pop-trigger .pqb-dropdown-menu-dark~.pqb-trigger-arrow-container .pqb-trigger-arrow{background-color:var(--pqb-color-menu-dark-bg);border-color:var(--pqb-color-menu-dark-bg)}.pqb-menu-rtl{direction:rtl}.pqb-menu-rtl.pqb-menu-pop-trigger.pqb-trigger[trigger-placement=rt]{transform:translateX(calc(var(--pqb-spacing-4) * -1))}.pqb-menu-rtl.pqb-menu-pop-trigger.pqb-trigger[trigger-placement=lt]{transform:translateX(var(--pqb-spacing-4))}.pqb-menu-icon-prefix,.pqb-menu-icon-suffix{justify-content:center;align-items:center;display:inline-flex}

package/menu/style/index.d.ts

@@ -0,0 +1,3 @@
+import '../../dropdown/style';
+import '../../tooltip/style';
+import './index.less';

package/menu/style/index.js

@@ -0,0 +1,5 @@
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
+import "../../tooltip/style/index.js";
+import "../../dropdown/style/index.js";
+/* empty css           */
+/* 独立思考，明辨是非 */

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

@@ -1,5 +1,6 @@
+import { type Ref } from 'react';
 import type { MenuSubMenuProps } from '../interface';
 declare function SubMenuInline(props: MenuSubMenuProps & {
-    forwardedRef: any;
+    refDom: Ref<HTMLDivElement> | undefined;
 }): import("react").JSX.Element;
 export default SubMenuInline;

package/menu/sub-menu/Inline.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import { isHTMLElement as e } from "../../utils/is.js";
 import { Enter as t } from "../../utils/keyboardCode.js";
 import n from "../../utils/className.js";
@@ -19,7 +19,7 @@ var v = {
 	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, prefixClsMenu: A, prefixCls: j, levelIndent: M, openKeys: N = [], selectedKeys: P = [], icons: F, onClickSubMenu: I, onClickMenuItem: L } = p(c), R = m(null), z = `${A}-inline ${j}-inline`, B = N?.includes?.(b), V = D && P.includes(y._key) || d(x, P), [H, U] = o(B ? { height: "auto" } : v), W = (e) => {
+	let { _key: b, children: x, style: S, className: C, title: w, level: T, refDom: E, selectable: D, ...O } = y, { id: k, prefixClsMenu: A, prefixCls: j, levelIndent: M, openKeys: N = [], selectedKeys: P = [], icons: F, onClickSubMenu: I, onClickMenuItem: L } = p(c), R = m(null), z = `${A}-inline ${j}-inline`, B = N?.includes?.(b), V = D && P.includes(y._key) || d(x, P), [H, U] = o(B ? { height: "auto" } : v), W = (e) => {
 		I(b, T, "inline"), D && L(b, e);
 	}, G = s(`${k}-submenu-inline`), K = f(x, {
 		...r(O, u),

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

@@ -1,5 +1,6 @@
+import { type Ref } from 'react';
 import type { MenuSubMenuProps } from '../interface';
 declare function SubMenuPop(props: MenuSubMenuProps & {
-    forwardedRef: any;
+    refDom: Ref<HTMLDivElement> | undefined;
 }): import("react").JSX.Element;
 export default SubMenuPop;

package/menu/sub-menu/Pop.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import { ArrowLeft as e, ArrowRight as t, Enter as n } from "../../utils/keyboardCode.js";
 import r from "../../utils/className.js";
 import { ConfigContext as i } from "../../config-provider/context.js";
@@ -7,7 +7,7 @@ import o from "../../hooks/use-id/index.js";
 import s from "../context.js";
 import c from "../Indent.js";
 import { isChildrenSelected as l } from "../utils.js";
-import u from "../../dropdown/index.js";
+import u from "../../dropdown/Dropdown.js";
 import d from "../Menu.js";
 import { useContext as f, useState as p } from "react";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
@@ -16,7 +16,7 @@ import _ from "@unicom-cloud/icons/IconUiLeft";
 import v from "@unicom-cloud/icons/IconUiRight";
 //#region components/pc/menu/sub-menu/Pop.tsx
 function y(y) {
-	let { _key: b, children: x, style: S, className: C, title: w, level: T, selectable: E, forwardedRef: D, triggerProps: O, ...k } = y, { id: A, prefixClsMenu: j, prefixCls: M, mode: N, inDropdown: P, levelIndent: F, selectedKeys: I = [], icons: L, triggerProps: R, onClickSubMenu: z, onClickMenuItem: B } = f(s), { prefixCls: V, rtl: H } = f(i), U = {
+	let { _key: b, children: x, style: S, className: C, title: w, level: T, selectable: E, refDom: D, triggerProps: O, ...k } = y, { id: A, prefixClsMenu: j, prefixCls: M, mode: N, inDropdown: P, levelIndent: F, selectedKeys: I = [], icons: L, triggerProps: R, onClickSubMenu: z, onClickMenuItem: B } = f(s), { prefixCls: V, rtl: H } = f(i), U = {
 		...R,
 		...O
 	}, [W, G] = p(!1), K = `${j}-pop ${M}-pop`, q = E && I.includes(y._key), J = N === "horizontal" && !P, Y = o(`${A}-submenu-pop`), X = () => {

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

@@ -1,5 +1,5 @@
 import type { MenuSubMenuProps } from '../interface';
-declare const SubMenuComponent: import("react").ForwardRefExoticComponent<MenuSubMenuProps & import("react").RefAttributes<unknown>> & {
+declare const SubMenuComponent: import("react").ForwardRefExoticComponent<MenuSubMenuProps & import("react").RefAttributes<HTMLDivElement>> & {
     menuType: string;
 };
 export default SubMenuComponent;

package/menu/sub-menu/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import { isFunction as e } from "../../utils/is.js";
 import { MENU_SUB_MENU_COMPONENT_INFO as t } from "../../utils/names.js";
 import n from "../context.js";
@@ -12,7 +12,7 @@ function l(t, a) {
 	return s(() => (g?.(t._key), () => {
 		g?.(t._key, !0);
 	}), []), /* @__PURE__ */ c(_, {
-		forwardedRef: a,
+		refDom: a,
 		...t,
 		children: l
 	});

package/menu/utils.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import { isNullOrUndefined as e, isString as t } from "../utils/is.js";
 import { MENU_ITEM_COMPONENT_INFO as n, MENU_ITEM_GROUP_COMPONENT_INFO as r, MENU_SUB_MENU_COMPONENT_INFO as i } from "../utils/names.js";
 import a from "react";