@unicom-cloud/ui 0.8.155 → 0.8.157

package/drawer/Drawer.js

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

package/drawer/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 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
@@ -171,5 +171,4 @@ export interface DrawerProps extends GetPopupContainer {
      * @en Set the mount node for popup such as `Select`, `Tooltip`, etc. Default to the drawer dialog.
      */
     getChildrenPopupContainer?: (node: HTMLElement) => Element;
-    transition?: boolean;
 }

package/dropdown/Button.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 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-03 16:46:01 星期五 */
-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 "../config-provider/index.js";
-import s from "../utils/findRootElement.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 { 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 "../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, { 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 s(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),
-		...c(N, ["onVisibleChange"]),
-		getRootElement: () => s(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-03 16:46:01 星期五 */
+/* 潘启宝 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