@unicom-cloud/ui 0.8.155 → 0.8.156

package/drawer/Drawer.js

@@ -1,28 +1,28 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
-import { isFunction as e, isNaN as t, isServerRendering as ee } from "../utils/is.js";
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
+import { isFunction as e, isHTMLElement as t, isNaN as n, isServerRendering as ee } from "../utils/is.js";
 import { Esc as te } from "../utils/keyboardCode.js";
-import n from "../utils/className.js";
+import r 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 { 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 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 { 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 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";
 //#region components/pc/drawer/Drawer.tsx
-var ge = {
-	placement: "right",
+var h = "top", g = "bottom", _ = "left", v = "right", _e = {
+	placement: v,
 	width: 250,
 	height: 250,
 	escToExit: !0,
@@ -30,178 +30,177 @@ 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 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: 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: Ae,
+		onClick: T.onOk,
+		...Me,
+		...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;
 	} }));
-	let Ie = () => {
-		if (A && G === void 0 && H.current) {
-			let e = +window.getComputedStyle(H.current, null)?.zIndex;
-			t(e) || Pe(e + 1);
+	let Le = () => {
+		if (N && q === void 0 && W.current) {
+			let e = +window.getComputedStyle(W.current, null)?.zIndex;
+			n(e) || Fe(e + 1);
 		}
 	}, Z;
-	if (S !== null) {
-		let t = x !== null && /* @__PURE__ */ p("div", {
-			className: `${K}-header-title`,
-			children: x
+	if (k !== null) {
+		let t = O !== null && /* @__PURE__ */ p("div", {
+			className: `${J}-header-title`,
+			children: O
 		});
 		Z = /* @__PURE__ */ p("div", {
-			className: `${K}-header`,
-			style: we,
-			children: e(S) ? S(t) : S || t
+			className: `${J}-header`,
+			style: E,
+			children: e(k) ? k(t) : k || t
 		});
 	}
 	let Q = /* @__PURE__ */ m("div", {
-		className: `${K}-scroll`,
+		className: `${J}-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, {})
+			Oe && (V === void 0 ? /* @__PURE__ */ p(ae, {
+				prefix: J,
+				onClick: T.onCancel,
+				className: `${J}-close-icon`,
+				children: /* @__PURE__ */ p(ge, {})
 			}) : /* @__PURE__ */ p("span", {
-				onClick: b.onCancel,
-				className: `${K}-close-icon`,
-				children: L
+				onClick: T.onCancel,
+				className: `${J}-close-icon`,
+				children: V
 			})),
 			/* @__PURE__ */ p("div", {
 				ref: (e) => {
-					W.current = e, Ie();
+					K.current = e, Le();
 				},
-				style: Te,
-				className: n(`${K}-content`, {
-					[`${K}-content-nofooter`]: C === null,
-					[`${K}-content-noheader`]: x === null
+				style: D,
+				className: r(`${J}-content`, {
+					[`${J}-content-nofooter`]: A === null,
+					[`${J}-content-noheader`]: O === null
 				}),
-				children: /* @__PURE__ */ p(i, {
-					...g,
+				children: /* @__PURE__ */ p(a, {
+					...b,
 					childrenName: "Drawer",
-					zIndex: G || 1050,
-					getPopupContainer: (t) => e(F) ? F(t) : W.current,
+					zIndex: q || 1050,
+					getPopupContainer: (t) => e(z) ? z(t) : K.current,
 					children: xe
 				})
 			}),
-			C !== null && /* @__PURE__ */ p("div", {
-				className: `${K}-footer`,
-				children: e(C) ? C(Y) : C || Y
+			A !== null && /* @__PURE__ */ p("div", {
+				className: `${J}-footer`,
+				children: e(A) ? A(Y) : A || 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),
+		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: `${K}-inner`,
-			children: /* @__PURE__ */ p(i, {
-				...g,
+			className: `${J}-inner`,
+			children: /* @__PURE__ */ p(a, {
+				...b,
 				effectGlobalModal: !1,
 				effectGlobalNotice: !1,
 				childrenName: "Drawer",
-				zIndex: G || 1050,
+				zIndex: q || 1050,
 				children: Q
 			})
 		})
-	}), Q = /* @__PURE__ */ p(me, {
-		in: A,
+	}), Q = /* @__PURE__ */ p(he, {
+		in: N,
 		appear: !0,
-		duration: V,
+		duration: 400,
 		classNames: {
-			top: `${v}-slide-top`,
-			bottom: `${v}-slide-bottom`,
-			left: `${v}-slide-left`,
-			right: `${v}-slide-right`
-		}[O],
-		mountOnEnter: j,
-		unmountOnExit: M,
+			[h]: `${S}-slide-${h}`,
+			[g]: `${S}-slide-${g}`,
+			[_]: `${S}-slide-${_}`,
+			[v]: `${S}-slide-${v}`
+		}[j],
+		mountOnEnter: P,
+		unmountOnExit: F,
 		onEnter: (e) => {
-			if (!e) return;
-			let t = e.parentNode || H.current;
-			t.style.display = "block", J(!1), $(!1);
+			if (e ||= G.current, t(e)) {
+				let n = e.parentNode || W.current;
+				t(n) && (n.style.display = "block");
+			}
+			$(!1);
 		},
-		onEntered: (e) => {
-			ke?.(e);
+		onEntering: () => {},
+		onEntered: () => {
+			e(I) && I();
 		},
-		onExit: (e) => {
-			J(!0);
+		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();
 		},
-		onExited: (e) => {
-			if (!e) return;
-			let t = e.parentNode || H.current;
-			t.style.display = "", J(!1), $(!0), N?.(e);
-		},
-		refElement: U,
+		refElement: G,
 		children: Q
-	}), Q = /* @__PURE__ */ p(ce, {
-		forceRender: !j,
-		visible: A,
-		getContainer: P,
+	}), Q = /* @__PURE__ */ p(de, {
+		forceRender: !P,
+		visible: N,
+		getContainer: R,
 		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 ? {
+			...ie(Pe, ["onCancel", "onOk"]),
+			ref: W,
+			style: Ie ? {
 				position: "fixed",
-				zIndex: I
+				zIndex: B
 			} : {
-				zIndex: I || "inherit",
+				zIndex: B || "inherit",
 				position: "absolute"
 			},
-			children: [!!k && /* @__PURE__ */ p(se, {
+			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: `${K}-mask`,
-				visible: A,
-				mountOnEnter: j,
-				unmountOnExit: M,
-				transition: B,
-				duration: V,
+				className: `${J}-mask`,
+				visible: N,
+				mountOnEnter: P,
+				unmountOnExit: F,
+				duration: 400,
 				onClick: (e) => {
-					!q && De && b.onCancel?.(e);
+					ke && T.onCancel?.(e);
 				}
 			}), Q]
 		})
 	});
-	let { element: Le, setExited: $ } = oe({
+	let { element: Re, setExited: $ } = le({
 		element: Q,
-		visible: A,
-		mountOnEnter: j,
-		unmountOnExit: M
+		visible: N,
+		mountOnEnter: P,
+		unmountOnExit: F
 	});
-	return Le;
+	return Re;
 }
-var g = l.forwardRef(h);
-g.displayName = "Drawer";
+var b = s.forwardRef(y);
+b.displayName = "Drawer";
 //#endregion
-export { g as default };
+export { b as default };
 /* 独立思考，明辨是非 */

package/drawer/index.js

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

package/drawer/interface.d.ts

@@ -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-14 16:51:07 星期二 */
 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,13 +1,13 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 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";
 import "../config-provider/index.js";
-import s from "../utils/findRootElement.js";
-import c from "../utils/omit.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";
@@ -53,7 +53,7 @@ function v(v, y) {
 		return e;
 	}, G = h(null);
 	return m(y, () => ({ getRootElement() {
-		return s(G.current);
+		return c(G.current);
 	} })), /* @__PURE__ */ g(d, {
 		ref: R,
 		classNames: `${S}-slide-dynamic-origin`,
@@ -71,8 +71,8 @@ function v(v, y) {
 		alignPoint: D === "contextMenu",
 		...r(I, u),
 		...i(I),
-		...c(N, ["onVisibleChange"]),
-		getRootElement: () => s(G.current),
+		...s(N, ["onVisibleChange"]),
+		getRootElement: () => c(G.current),
 		onVisibleChange: U,
 		children: f.isValidElement(k) ? f.cloneElement(k, {
 			...e(j) ? { disabled: j } : {},

package/dropdown/index.js

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

package/empty/Empty.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import e from "../hooks/use-merge-props/index.js";
 import t from "../config-provider/context.js";
 import "../config-provider/index.js";
@@ -8,12 +8,9 @@ import { jsx as s } from "react/jsx-runtime";
 //#region components/pc/empty/Empty.tsx
 function c(n, c) {
 	let { prefixCls: l, getPrefixCls: u, locale: d, componentConfig: f } = r(t), { ...p } = e(n, {}, f?.Empty), m = u?.("empty"), h = d?.Empty?.noData, g = a(null);
-	return i(c, () => ({
-		...g.current,
-		getRootElement() {
-			return g.current.getRootElement();
-		}
-	})), /* @__PURE__ */ s(o, {
+	return i(c, () => Object.assign({}, g.current, { getRootElement() {
+		return g.current.getRootElement();
+	} })), /* @__PURE__ */ s(o, {
 		ref: g,
 		prefixCls: m,
 		description: h,

package/empty/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 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-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import e from "../utils/className.js";
 import t from "../hooks/use-merge-props/index.js";
 import n from "../config-provider/context.js";
@@ -9,12 +9,9 @@ import c from "@unicom-cloud/ui-common/flex";
 //#region components/pc/flex/Flex.tsx
 function l(r, l) {
 	let u = { children: void 0 }, { prefixCls: d, getPrefixCls: f, componentConfig: p, rtl: m } = i(n), { className: h, ...g } = t(r, u, p?.Flex), _ = f?.("flex"), v = o(null);
-	return a(l, () => ({
-		...v.current,
-		getRootElement() {
-			return v.current.getRootElement();
-		}
-	})), /* @__PURE__ */ s(c, {
+	return a(l, () => Object.assign({}, v.current, { getRootElement() {
+		return v.current.getRootElement();
+	} })), /* @__PURE__ */ s(c, {
 		ref: v,
 		className: e(_, h),
 		rtl: m,

package/flex/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import e, { FlexVertical as t } from "./Flex.js";
 //#region components/pc/flex/index.tsx
 var n = Object.assign(e, { Vertical: t });

package/form/Control.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import { isArray as e, isBoolean as t, isEqualWith as n, isExist as r, isFunction as i, isNil as a } from "../utils/is.js";
 import o from "../utils/className.js";
 import { FormItemContext as s } from "./context.js";