@unicom-cloud/ui 0.8.156 → 0.8.157

package/drawer/Drawer.js

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

package/drawer/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import e from "./Drawer.js";
 //#region components/pc/drawer/index.tsx
 var t = Object.assign(e, {});

package/drawer/interface.d.ts

@@ -1,12 +1,12 @@
-import { CSSProperties, MouseEvent, ReactNode } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 import type { ButtonProps } from '../button';
 import type { GetPopupContainer } from '../interface';
 /**
  * @title Drawer
  */
-export interface DrawerProps extends GetPopupContainer {
+export interface DrawerProps extends GetPopupContainer, Pick<CSSProperties, 'zIndex'> {
     style?: CSSProperties;
-    className?: string | string[];
+    className?: string;
     /**
      * @zh 设置抽屉的 zIndex
      * @en Set the zIndex of the drawer
@@ -150,12 +150,12 @@ export interface DrawerProps extends GetPopupContainer {
      * @zh 点击确认按钮的回调
      * @en Callback when the OK button is clicked
      */
-    onOk?: (e: Event) => void;
+    onOk?: (e?: React.MouseEvent) => void;
     /**
      * @zh 关闭弹出框的回调
      * @en Callback when the Cancel button is clicked
      */
-    onCancel?: (e: MouseEvent | Event) => void;
+    onCancel?: (e?: React.MouseEvent | React.KeyboardEvent) => void;
     /**
      * @zh 抽屉打开之后的回调
      * @en Callback when drawer is opened

package/dropdown/Button.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import { pickDataAttributes as e } from "../utils/pick.js";
 import t from "../hooks/use-merge-props/index.js";
 import n from "../config-provider/context.js";

package/dropdown/Dropdown.js

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

package/dropdown/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import e from "./Dropdown.js";
 import t from "./Button.js";
 //#region components/pc/dropdown/index.tsx

package/dropdown/interface.d.ts

@@ -61,7 +61,7 @@ export interface DropdownProps extends GetPopupContainer {
  */
 export interface DropdownButtonProps extends Omit<DropdownProps, 'position'>, Size {
     style?: CSSProperties;
-    className?: string | string[];
+    className?: string;
     /**
      * @zh 下拉框的弹出位置
      * @en Position of the dropdown list

package/empty/Empty.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import e from "../hooks/use-merge-props/index.js";
 import t from "../config-provider/context.js";
 import "../config-provider/index.js";

package/empty/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import e from "./Empty.js";
 //#region components/pc/empty/index.tsx
 var t = Object.assign(e, {});

package/flex/Flex.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import e from "../utils/className.js";
 import t from "../hooks/use-merge-props/index.js";
 import n from "../config-provider/context.js";