@unicom-cloud/ui 0.8.158 → 0.8.160

package/drawer/Drawer.js

@@ -1,29 +1,31 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isFunction as e, isHTMLElement as t, isNaN as n, isNull as r, isServerRendering as ee, isUndefined as i } from "../utils/is.js";
 import { Esc as te } from "../utils/keyboardCode.js";
 import a from "../utils/className.js";
+import { DRAWER_COMPONENT_INFO as o } from "../utils/names.js";
 import ne from "../hooks/use-merge-props/index.js";
-import { contains as re } from "../utils/dom.js";
-import ie from "../config-provider/context.js";
-import ae from "../utils/omit.js";
-import oe from "../icon-hover/index.js";
+import { contains as s } from "../utils/dom.js";
+import re from "../config-provider/context.js";
+import ie from "../utils/omit.js";
+import ae from "../icon-hover/index.js";
+import oe from "../hooks/use-is-first-render/index.js";
 import { TransitionCSS as se } from "../transition/index.js";
 import ce from "../config-provider/index.js";
-import le from "../utils/findRootElement.js";
-import ue from "../hooks/use-is-first-render/index.js";
-import o from "../button/index.js";
-import de from "../hooks/use-overflow-hidden/index.js";
-import fe from "../hooks/useUnmountOnExit.js";
-import { MASK_TRANSITION_DURATION as s } from "../mask/constant.js";
-import pe from "../mask/index.js";
-import me from "../portal/index.js";
-import { forwardRef as c, useCallback as he, useContext as ge, useEffect as l, useImperativeHandle as _e, useLayoutEffect as ve, useRef as u, useState as ye } from "react";
-import { getBodyContainer as d } from "@unicom-cloud/ui-common/utils/dom";
-import { Fragment as be, jsx as f, jsxs as p } from "react/jsx-runtime";
-import xe from "@unicom-cloud/icons/IconUiClose";
+import c from "../utils/findRootElement.js";
+import { merge as le } from "../utils/lodash.js";
+import l from "../button/index.js";
+import ue from "../hooks/use-overflow-hidden/index.js";
+import de from "../hooks/useUnmountOnExit.js";
+import { MASK_TRANSITION_DURATION as u } from "../mask/constant.js";
+import fe from "../mask/index.js";
+import pe from "../portal/index.js";
+import { forwardRef as d, useCallback as me, useContext as he, useEffect as f, useImperativeHandle as ge, useLayoutEffect as _e, useRef as p, useState as ve } from "react";
+import { getBodyContainer as m } from "@unicom-cloud/ui-common/utils/dom";
+import { Fragment as ye, jsx as h, jsxs as g } from "react/jsx-runtime";
+import be from "@unicom-cloud/icons/IconUiClose";
 //#region components/pc/drawer/Drawer.tsx
-var m = "Drawer", h = "top", g = "bottom", _ = "left", v = "right", Se = {
-	placement: v,
+var _ = "top", v = "bottom", y = "left", b = "right", xe = {
+	placement: b,
 	width: 250,
 	height: 250,
 	escToExit: !0,
@@ -31,175 +33,173 @@ var m = "Drawer", h = "top", g = "bottom", _ = "left", v = "right", Se = {
 	closable: !0,
 	maskClosable: !0,
 	mountOnEnter: !0,
-	getPopupContainer: d
+	getPopupContainer: m
 };
-function y(c, y) {
-	let b = ge(ie), { locale: x, prefixCls: S, getPrefixCls: C, componentConfig: w, rtl: Ce, childrenName: we } = b, { style: Te, className: Ee, children: De, wrapClassName: Oe, maskStyle: ke, headerStyle: Ae, bodyStyle: je, title: T, header: E, footer: D, okText: Me, cancelText: Ne, width: Pe, height: Fe, placement: O = v, mask: k, visible: A, closable: Ie, maskClosable: Le, confirmLoading: Re, mountOnEnter: j, unmountOnExit: M, afterOpen: N, afterClose: P, getPopupContainer: F, escToExit: ze, getChildrenPopupContainer: I, okButtonProps: L, cancelButtonProps: R, zIndex: Be, closeIcon: z, okButton: B, cancelButton: V, onCancel: H, onOk: Ve, ...He } = ne(c, Se, w?.Drawer), U = Be;
-	we === m && (j || (U ??= b.zIndex));
-	let W = u(null), G = u(null), K = u(null), [q, Ue] = ye(), J = C?.("drawer");
-	ue();
-	let Y = /* @__PURE__ */ p(be, { children: [V !== !1 && V?.visible !== !1 && /* @__PURE__ */ f(o, {
-		...R,
-		...V?.props,
-		onClick: (t) => {
-			let n = H;
-			e(n) && n(t), R?.onClick?.(t), V?.props?.onClick?.(t);
+function x(d, x) {
+	let S = he(re), { locale: C, prefixCls: w, getPrefixCls: T, componentConfig: E, rtl: Se, childrenName: Ce } = S, D = T?.("drawer"), O = ne(d, xe, E?.Drawer), { style: we, className: Te, children: Ee, wrapClassName: De, maskStyle: Oe, headerStyle: ke, bodyStyle: Ae, title: k, header: A, footer: j, okText: je, cancelText: Me, width: Ne, height: Pe, placement: M = b, mask: N, visible: P, closable: Fe, maskClosable: Ie, confirmLoading: Le, mountOnEnter: F, unmountOnExit: I, afterOpen: L, afterClose: R, getPopupContainer: z, escToExit: Re, getChildrenPopupContainer: B, okButtonProps: V, cancelButtonProps: H, zIndex: ze, closeIcon: U, okButton: W, cancelButton: G, onCancel: Be, onOk: Ve, maskProps: K, ...He } = O, Ue = le({}, E?.Drawer, {
+		style: Oe,
+		visible: P,
+		mountOnEnter: F,
+		unmountOnExit: I,
+		duration: u
+	}, K, { className: a(`${D}-mask`, P ? `${D}-mask-visible` : `${D}-mask-hidden`, K?.className) }), q = ze;
+	Ce === o.displayName && (F || (q ??= S.zIndex));
+	let J = p(null), Y = p(null), X = p(null), We = p(null), [Ge, Ke] = ve();
+	oe();
+	let Z = /* @__PURE__ */ g(ye, { children: [G !== !1 && G?.visible !== !1 && /* @__PURE__ */ h(l, {
+		...H,
+		...G?.props,
+		onClick: (e) => {
+			Q(e), H?.onClick?.(e), G?.props?.onClick?.(e);
 		},
-		children: V?.props?.children || V?.text || Ne || x?.Drawer?.cancelText
-	}), B !== !1 && B?.visible !== !1 && /* @__PURE__ */ f(o, {
+		children: G?.props?.children || G?.text || Me || C?.Drawer?.cancelText
+	}), W !== !1 && W?.visible !== !1 && /* @__PURE__ */ h(l, {
 		type: "primary",
-		loading: Re,
-		...L,
-		...B?.props,
+		loading: Le,
+		...V,
+		...W?.props,
 		onClick: (t) => {
 			let n = Ve;
-			e(n) && n(t), L?.onClick?.(t), B?.props?.onClick?.(t);
+			e(n) && n(t), V?.onClick?.(t), W?.props?.onClick?.(t);
 		},
-		children: B?.props?.children || B?.text || Me || x?.Drawer?.okText
-	})] }), X = he(() => {
-		let e = F?.();
-		return le(e) || d();
-	}, [F]), Z = !ee && X() === d();
-	function We() {
-		if (A && i(q) && W.current) {
-			let e = +window.getComputedStyle(W.current, null)?.zIndex;
-			n(e) || Ue(e + 1);
+		children: W?.props?.children || W?.text || je || C?.Drawer?.okText
+	})] }), qe = me(() => {
+		let e = z?.();
+		return c(e) || m();
+	}, [z]), Je = !ee && qe() === m();
+	function Ye() {
+		if (P && i(Ge) && J.current) {
+			let e = +window.getComputedStyle(J.current, null)?.zIndex;
+			n(e) || Ke(e + 1);
 		}
 	}
-	function Ge(e) {
-		if (e ||= G.current, t(e)) {
-			let n = e.parentNode || W.current;
+	function Q(t) {
+		let n = Be;
+		e(n) && n(t);
+	}
+	function Xe(e) {
+		if (e ||= X.current, t(e)) {
+			let n = e.parentNode || J.current;
 			t(n) && (n.style.display = "block");
 		}
 		$(!1), console.log("onEnter", e);
 	}
-	function Ke(e) {
+	function Ze(e) {
 		t(e), console.log("onEntering", e);
 	}
-	function qe(t) {
-		e(N) && N(), console.log("onEntered", t);
+	function Qe(t) {
+		e(L) && L(), console.log("onEntered", t);
 	}
-	function Je(e) {
+	function $e(e) {
 		console.log("onExit", e);
 	}
-	function Ye(e) {
+	function et(e) {
 		console.log("onExiting", e);
 	}
-	function Xe(n) {
-		if (n ||= G.current, t(n)) {
-			let e = n.parentNode || W.current;
+	function tt(n) {
+		if (n ||= X.current, t(n)) {
+			let e = n.parentNode || J.current;
 			t(e) && (e.style.display = "none");
 		}
-		$(!0), e(P) && P(), console.log("onExited", n);
+		$(!0), e(R) && R(), console.log("onExited", n);
 	}
-	de(X, { hidden: !!(A && k) }), l(() => {
-		A && re(d(), W.current) && W.current?.focus?.();
-	}, [A]), ve(() => () => {}, []), l(() => () => {}, []), _e(y, () => ({ getRootElement() {
-		return W.current;
+	ue(qe, { hidden: !!(P && N) }), f(() => {
+		Ye(), P && s(m(), J.current) && J.current?.focus?.();
+	}, [P]), _e(() => () => {}, []), f(() => () => {}, []), ge(x, () => ({ getRootElement() {
+		return J.current;
 	} }));
-	let Q = !r(T) && /* @__PURE__ */ f("div", {
-		className: `${J}-header-title`,
-		children: T
-	}), { element: Ze, setExited: $ } = fe({
-		element: /* @__PURE__ */ f(me, {
-			forceRender: !j,
-			visible: A,
-			getContainer: F,
-			children: /* @__PURE__ */ f(ce, {
-				...b,
-				childrenName: m,
-				zIndex: q || 1050,
+	let nt = !r(k) && /* @__PURE__ */ h("div", {
+		className: `${D}-header-title`,
+		children: k
+	}), { children: rt, setExited: $ } = de({
+		children: /* @__PURE__ */ h(pe, {
+			name: o.displayName,
+			forceRender: !F,
+			visible: P,
+			getContainer: z,
+			children: /* @__PURE__ */ h(ce, {
+				...S,
+				childrenName: o.displayName,
+				zIndex: Ge || 1050,
 				effectGlobalModal: !1,
 				effectGlobalNotice: !1,
-				getPopupContainer: (t) => e(I) ? I(t) : K.current,
-				children: /* @__PURE__ */ p("div", {
-					...ae(He, ["onCancel", "onOk"]),
-					ref: W,
-					style: Z ? {
+				getPopupContainer: (t) => e(B) ? B(t) : We.current,
+				children: /* @__PURE__ */ g("div", {
+					...ie(He, ["onCancel", "onOk"]),
+					ref: J,
+					style: Je ? {
 						position: "fixed",
-						zIndex: U
+						zIndex: q
 					} : {
 						position: "absolute",
-						zIndex: U || "inherit"
+						zIndex: q || "inherit"
+					},
+					className: a(`${D}-wrapper`, P ? [`${D}-wrapper-visible`] : [`${D}-wrapper-hidden`, T?.("display-none")], N ? `${D}-mask` : `${D}-no-mask`, De),
+					onKeyDown: (e) => {
+						e.key === te.key && Re && P && Q(e);
 					},
-					className: a(`${J}-wrapper`, { [`${J}-no-mask`]: !k }, Oe, !A && C?.("display-none")),
-					onKeyDown: (t) => {
-						if (t.key === te.key && ze && A) {
-							let n = H;
-							e(n) && n(t);
-						}
+					onClick: (e) => {
+						Ie && (e.target === e.currentTarget || s(c(Y), e.target)) && Q(e), O.onClick?.(e);
 					},
-					children: [!!k && /* @__PURE__ */ f(pe, {
-						style: ke,
-						className: `${J}-mask`,
-						visible: A,
-						mountOnEnter: j,
-						unmountOnExit: M,
-						duration: s,
-						onClick: (t) => {
-							if (Le) {
-								let n = H;
-								e(n) && n(t);
-							}
-						}
-					}), /* @__PURE__ */ f(se, {
-						in: A,
+					children: [!!N && /* @__PURE__ */ h(fe, {
+						ref: Y,
+						...Ue
+					}), /* @__PURE__ */ h(se, {
+						in: P,
 						appear: !0,
-						duration: s,
+						duration: u,
 						classNames: {
-							[h]: `${S}-slide-${h}`,
-							[g]: `${S}-slide-${g}`,
-							[_]: `${S}-slide-${_}`,
-							[v]: `${S}-slide-${v}`
-						}[O],
-						mountOnEnter: j,
-						unmountOnExit: M,
-						onEnter: Ge,
-						onEntering: Ke,
-						onEntered: qe,
-						onExit: Je,
-						onExiting: Ye,
-						onExited: Xe,
-						refElement: G,
-						children: /* @__PURE__ */ f("div", {
-							ref: G,
-							style: Object.assign(O === _ || O === v ? { width: Pe } : { height: Fe }, { [O]: 0 }, Te),
-							className: a(w?.Drawer?.className, J, Ee, { [`${J}-rtl`]: Ce }),
-							children: /* @__PURE__ */ f("div", {
-								className: `${J}-inner`,
-								children: /* @__PURE__ */ p("div", {
-									className: `${J}-scroll`,
+							[_]: `${w}-slide-${_}`,
+							[v]: `${w}-slide-${v}`,
+							[y]: `${w}-slide-${y}`,
+							[b]: `${w}-slide-${b}`
+						}[M],
+						mountOnEnter: F,
+						unmountOnExit: I,
+						onEnter: Xe,
+						onEntering: Ze,
+						onEntered: Qe,
+						onExit: $e,
+						onExiting: et,
+						onExited: tt,
+						refElement: X,
+						children: /* @__PURE__ */ h("div", {
+							ref: X,
+							style: Object.assign(M === y || M === b ? { width: Ne } : { height: Pe }, { [M]: 0 }, we),
+							className: a(E?.Drawer?.className, D, Te, { [`${D}-rtl`]: Se }),
+							children: /* @__PURE__ */ h("div", {
+								className: `${D}-inner`,
+								children: /* @__PURE__ */ g("div", {
+									className: `${D}-scroll`,
 									tabIndex: -1,
 									children: [
-										!r(E) && /* @__PURE__ */ f("div", {
-											className: `${J}-header`,
-											style: Ae,
-											children: e(E) ? E(Q) : E || Q
+										!r(A) && /* @__PURE__ */ h("div", {
+											className: `${D}-header`,
+											style: ke,
+											children: e(A) ? A(nt) : A || nt
 										}),
-										Ie && (i(z) ? /* @__PURE__ */ f(oe, {
-											prefix: J,
-											onClick: H,
-											className: `${J}-close-icon`,
-											children: /* @__PURE__ */ f(xe, {})
-										}) : /* @__PURE__ */ f("span", {
-											onClick: H,
-											className: `${J}-close-icon`,
-											children: z
+										Fe && (i(U) ? /* @__PURE__ */ h(ae, {
+											prefix: D,
+											onClick: Q,
+											className: `${D}-close-icon`,
+											children: /* @__PURE__ */ h(be, {})
+										}) : /* @__PURE__ */ h("span", {
+											onClick: Q,
+											className: `${D}-close-icon`,
+											children: U
 										})),
-										/* @__PURE__ */ f("div", {
-											ref: (e) => {
-												K.current = e, We();
-											},
-											style: je,
-											className: a(`${J}-content`, {
-												[`${J}-content-nofooter`]: r(D),
-												[`${J}-content-noheader`]: r(T)
+										/* @__PURE__ */ h("div", {
+											ref: We,
+											style: Ae,
+											className: a(`${D}-content`, {
+												[`${D}-content-nofooter`]: r(j),
+												[`${D}-content-noheader`]: r(k)
 											}),
-											children: De
+											children: Ee
 										}),
-										!r(D) && /* @__PURE__ */ f("div", {
-											className: `${J}-footer`,
-											children: e(D) ? D(Y) : D || Y
+										!r(j) && /* @__PURE__ */ h("div", {
+											className: `${D}-footer`,
+											children: e(j) ? j(Z) : j || Z
 										})
 									]
 								})
@@ -209,14 +209,14 @@ function y(c, y) {
 				})
 			})
 		}),
-		visible: A,
-		mountOnEnter: j,
-		unmountOnExit: M
+		visible: P,
+		mountOnEnter: F,
+		unmountOnExit: I
 	});
-	return Ze;
+	return rt;
 }
-var b = c(y);
-b.displayName = m;
+var S = d(x);
+S.displayName = o.displayName;
 //#endregion
-export { b as default };
+export { S as default };
 /* 独立思考，明辨是非 */

package/drawer/index.d.ts

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

package/drawer/index.js

@@ -1,7 +1,8 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
-import e from "./Drawer.js";
-//#region components/pc/drawer/index.tsx
-var t = Object.assign(e, {});
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
+import { DRAWER_COMPONENT_INFO as e } from "../utils/names.js";
+import t from "./Drawer.js";
+//#region components/pc/drawer/index.ts
+var n = Object.assign(t, { id: e.id });
 //#endregion
-export { t as default };
+export { n as default };
 /* 独立思考，明辨是非 */

package/drawer/interface.d.ts

@@ -1,6 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import type { ButtonProps } from '../button';
 import type { GetPopupContainer } from '../interface';
+import type { MaskProps } from '../mask';
 /**
  * @title Drawer
  */
@@ -108,6 +109,10 @@ export interface DrawerProps extends GetPopupContainer, Pick<CSSProperties, 'zIn
      * @defaultValue true
      */
     mask?: boolean;
+    /**
+     * @zh 遮罩组件的属性
+     */
+    maskProps?: MaskProps;
     /**
      * @zh 点击蒙层是否可以关闭
      * @en Whether to close the drawer when the mask is clicked

package/dropdown/Button.js

@@ -1,31 +1,32 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { pickDataAttributes as e } from "../utils/pick.js";
-import t from "../hooks/use-merge-props/index.js";
-import n from "../config-provider/context.js";
+import { DROPDOWN_BUTTON_COMPONENT_INFO as t } from "../utils/names.js";
+import n from "../hooks/use-merge-props/index.js";
+import r from "../config-provider/context.js";
 import "../config-provider/index.js";
-import r from "../button/Group.js";
-import i from "../button/index.js";
-import a from "./Dropdown.js";
-import { forwardRef as o, useContext as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import u from "@unicom-cloud/icons/IconUiMore";
+import i from "../button/Group.js";
+import a from "../button/index.js";
+import o from "./Dropdown.js";
+import { forwardRef as s, useContext as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import d from "@unicom-cloud/icons/IconUiMore";
 //#region components/pc/dropdown/Button.tsx
-var d = {
+var f = {
 	position: "br",
 	trigger: "hover",
 	type: "default",
-	icon: /* @__PURE__ */ c(u, {}),
+	icon: /* @__PURE__ */ l(d, {}),
 	unmountOnExit: !0
 };
-function f(o, f) {
-	let { prefixCls: p, componentConfig: m } = s(n), h = t(o, d, m?.DropdownButton), { className: g, style: _, children: v, disabled: y, position: b = "br", type: x = "default", size: S, icon: C = /* @__PURE__ */ c(u, {}), onClick: w, buttonProps: T, rightButtonProps: E, buttonsRender: D, ...O } = h, k = /* @__PURE__ */ c(i, {
+function p(t, s) {
+	let { prefixCls: p, componentConfig: m } = c(r), h = n(t, f, m?.DropdownButton), { className: g, style: _, children: v, disabled: y, position: b = "br", type: x = "default", size: S, icon: C = /* @__PURE__ */ l(d, {}), onClick: w, buttonProps: T, rightButtonProps: E, buttonsRender: D, ...O } = h, k = /* @__PURE__ */ l(a, {
 		disabled: y,
 		type: x,
 		size: S,
 		onClick: w,
 		...T,
 		children: v
-	}), A = /* @__PURE__ */ c(i, {
+	}), A = /* @__PURE__ */ l(a, {
 		disabled: y,
 		type: x,
 		size: S,
@@ -34,12 +35,12 @@ function f(o, f) {
 	});
 	D && ([k, A] = D([k, A]));
 	let j = y || !A || A?.props?.loading;
-	return /* @__PURE__ */ l(r, {
+	return /* @__PURE__ */ u(i, {
 		className: g,
 		style: _,
-		ref: f,
+		ref: s,
 		...e(h),
-		children: [k, /* @__PURE__ */ c(a, {
+		children: [k, /* @__PURE__ */ l(o, {
 			disabled: y,
 			position: b,
 			...O,
@@ -51,8 +52,8 @@ function f(o, f) {
 		})]
 	});
 }
-var p = o(f);
-p.displayName = "DropdownButton";
+var m = s(p);
+m.displayName = t.displayName;
 //#endregion
-export { p as default };
+export { m as default };
 /* 独立思考，明辨是非 */

package/dropdown/Dropdown.js

@@ -1,21 +1,22 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isBoolean as e, isUndefinedOrNull as t } from "../utils/is.js";
 import n from "../hooks/use-controllable-value/index.js";
 import r from "../utils/className.js";
 import i, { pickDataAttributes as a } from "../utils/pick.js";
-import o from "../hooks/use-merge-props/index.js";
-import s from "../config-provider/context.js";
-import c from "../utils/omit.js";
+import { DROPDOWN_COMPONENT_INFO as o } from "../utils/names.js";
+import s from "../hooks/use-merge-props/index.js";
+import c from "../config-provider/context.js";
+import l from "../utils/omit.js";
 import "../config-provider/index.js";
-import l from "../utils/findRootElement.js";
-import { supportRef as u } from "../utils/ref.js";
-import { EventsByTriggerNeed as d } from "../trigger/utils.js";
-import f from "../trigger/index.js";
-import p, { forwardRef as m, useContext as h, useImperativeHandle as g, useRef as _ } from "react";
-import { jsx as v } from "react/jsx-runtime";
-import y from "lodash/get";
+import u from "../utils/findRootElement.js";
+import { supportRef as d } from "../utils/ref.js";
+import { EventsByTriggerNeed as f } from "../trigger/utils.js";
+import p from "../trigger/index.js";
+import m, { forwardRef as h, useContext as g, useImperativeHandle as _, useRef as v } from "react";
+import { jsx as y } from "react/jsx-runtime";
+import b from "lodash/get";
 //#region components/pc/dropdown/Dropdown.tsx
-function b(m, b) {
+function x(o, h) {
 	let x = {
 		position: "bl",
 		trigger: "hover",
@@ -25,24 +26,24 @@ function b(m, b) {
 		right: 4,
 		top: 4,
 		bottom: 4
-	}, { prefixCls: C, getPrefixCls: w, componentConfig: T, rtl: E } = h(s), D = o(m, x, T?.Dropdown), { trigger: O, droplist: k, children: A, position: j, disabled: M, unmountOnExit: N, triggerProps: P, getPopupContainer: F, onVisibleChange: I, ...L } = D, R = w?.("dropdown"), z = _(null), [B, V] = n({ ...D }, {
+	}, { prefixCls: C, getPrefixCls: w, componentConfig: T, rtl: E } = g(c), D = s(o, x, T?.Dropdown), { trigger: O, droplist: k, children: A, position: j, disabled: M, unmountOnExit: N, triggerProps: P, getPopupContainer: F, onVisibleChange: I, ...L } = D, R = w?.("dropdown"), z = v(null), [B, V] = n({ ...D }, {
 		defaultValue: !1,
 		defaultValuePropName: "defaultPopupVisible",
 		valuePropName: "popupVisible",
 		triggerPropName: !1
-	}), H = () => p.Children.only(k || /* @__PURE__ */ v("span", {})), U = (e) => {
+	}), H = () => m.Children.only(k || /* @__PURE__ */ y("span", {})), U = (e) => {
 		V(e), I?.(e), P?.onVisibleChange?.(e);
 	}, W = (e) => {
 		e !== B && U(e);
 	}, G = () => {
 		let e = H();
-		if (y(e, "type.___PQB_MENU___") || y(e, "props.isMenu")) {
+		if (b(e, "type.___PQB_MENU___") || b(e, "props.isMenu")) {
 			let n = !0;
-			for (let r of p.Children.toArray(e.props.children)) if (!t(r)) {
+			for (let r of m.Children.toArray(e.props.children)) if (!t(r)) {
 				n = !1;
 				break;
 			}
-			return p.cloneElement(e, {
+			return m.cloneElement(e, {
 				prefixCls: r(`${R}-menu`, { [`${R}-menu-hidden`]: n }),
 				inDropdown: !0,
 				selectable: !1,
@@ -53,10 +54,10 @@ function b(m, b) {
 			});
 		}
 		return e;
-	}, K = _(null);
-	return g(b, () => ({ getRootElement() {
-		return l(K.current);
-	} })), /* @__PURE__ */ v(f, {
+	}, K = v(null);
+	return _(h, () => ({ getRootElement() {
+		return u(K.current);
+	} })), /* @__PURE__ */ y(p, {
 		ref: z,
 		classNames: `${C}-slide-dynamic-origin`,
 		childrenPrefix: R,
@@ -71,25 +72,25 @@ function b(m, b) {
 		popupAlign: S,
 		getPopupContainer: F,
 		alignPoint: O === "contextMenu",
-		...i(L, d),
+		...i(L, f),
 		...a(L),
-		...c(P, ["onVisibleChange"]),
-		getRootElement: () => l(K.current),
+		...l(P, ["onVisibleChange"]),
+		getRootElement: () => u(K.current),
 		onVisibleChange: W,
-		children: p.isValidElement(A) ? p.cloneElement(A, {
+		children: m.isValidElement(A) ? m.cloneElement(A, {
 			...e(M) ? { disabled: M } : {},
 			className: r({
 				[`${R}-popup-visible`]: B,
 				[`${[R]}-rtl`]: E
 			}, A.props?.className),
-			ref: u(A) ? (e) => {
+			ref: d(A) ? (e) => {
 				K.current = e;
 			} : void 0
 		}) : A
 	});
 }
-var x = m(b);
-x.displayName = "Dropdown";
+var S = h(x);
+S.displayName = o.displayName;
 //#endregion
-export { x as default };
+export { S as default };
 /* 独立思考，明辨是非 */

package/dropdown/index.d.ts

@@ -1,6 +1,7 @@
 import DropdownButton from './Button';
 import type { DropdownProps } from './interface';
 declare const Dropdown: import("react").ForwardRefExoticComponent<DropdownProps & import("react").RefAttributes<unknown>> & {
+    id: string;
     Button: import("react").ForwardRefExoticComponent<import("./interface").DropdownButtonProps & import("react").RefAttributes<unknown>>;
 };
 export { DropdownButton };

package/dropdown/index.js

@@ -1,8 +1,12 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
-import e from "./Dropdown.js";
-import t from "./Button.js";
-//#region components/pc/dropdown/index.tsx
-var n = Object.assign(e, { Button: t });
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
+import { DROPDOWN_COMPONENT_INFO as e } from "../utils/names.js";
+import t from "./Dropdown.js";
+import n from "./Button.js";
+//#region components/pc/dropdown/index.ts
+var r = Object.assign(t, {
+	id: e.id,
+	Button: n
+});
 //#endregion
-export { t as DropdownButton, n as default };
+export { n as DropdownButton, r as default };
 /* 独立思考，明辨是非 */