@unicom-cloud/ui 0.8.171 → 0.8.173

package/trigger/Trigger.js

@@ -1,48 +1,51 @@
-/* 潘启宝 2026-06-26 17:15:01 星期五 山东省济南市 */
-import { isArray as e, isElementByInstanceof as t, isExist as n, isFunction as r, isHTMLElement as i, isPlainObject as a, isScrollElement as o, isString as ee, isStringOrNumber as te, isUndefined as s } from "../utils/is.js";
-import { Esc as ne } from "../utils/keyboardCode.js";
-import re from "../hooks/use-controllable-value/index.js";
-import { dom_exports as c } from "../utils/dom.js";
-import { useUnmount as ie } from "../hooks/index.js";
-import ae from "../utils/callbackOriginRef.js";
-import l from "../utils/className.js";
-import { pickDataAttributes as oe } from "../utils/pick.js";
-import { BUTTON_COMPONENT_INFO as se, CHECKBOX_COMPONENT_INFO as ce, RADIO_COMPONENT_INFO as le, SWITCH_COMPONENT_INFO as ue, TRIGGER_COMPONENT_INFO as u } from "../utils/names.js";
-import de from "../hooks/use-merge-props/index.js";
-import { ConfigContext as fe } from "../config-provider/context.js";
-import pe from "../utils/findRootElement.js";
-import { castArray as d } from "../utils/lodash.js";
-import { getReactElementRef as me, supportRef as he } from "../utils/ref.js";
-import { transition_exports as ge } from "../transition/index.js";
-import f from "../hooks/use-resize-observers/index.js";
-import _e from "../hooks/use-throttle-fn-with-raf/index.js";
-import ve from "../hooks/use-latest/index.js";
-import p from "../hooks/use-persist-callback/index.js";
-import ye from "../hooks/use-state-callback/index.js";
-import { TRIGGER_POSITION_BOTTOM as be } from "./constants.js";
-import { PropsContext as xe, defaultProps as Se } from "./context.js";
-import { getArrowProp as Ce, splitChildrenStyle as we } from "./utils.js";
-import Te, { getDOM_Position as Ee } from "./getPopupStyle.js";
-import { Children as De, Fragment as Oe, cloneElement as ke, forwardRef as Ae, isValidElement as m, useContext as je, useDeferredValue as Me, useEffect as h, useImperativeHandle as Ne, useLayoutEffect as Pe, useRef as g } from "react";
-import { jsx as _, jsxs as Fe } from "react/jsx-runtime";
-import { createPortal as Ie } from "react-dom";
+/* 潘启宝 2026-06-30 09:38:37 星期二 山东省济南市 */
+import { isArray as e, isElementByInstanceof as t, isExist as n, isFunction as r, isHTMLElement as i, isPlainObject as a, isScrollElement as ee, isString as te, isStringOrNumber as ne, isUndefined as o } from "../utils/is.js";
+import { Esc as re } from "../utils/keyboardCode.js";
+import ie from "../hooks/use-controllable-value/index.js";
+import { dom_exports as s } from "../utils/dom.js";
+import { useUnmount as ae } from "../hooks/index.js";
+import oe from "../utils/callbackOriginRef.js";
+import c from "../utils/className.js";
+import { pickDataAttributes as se } from "../utils/pick.js";
+import { BUTTON_COMPONENT_INFO as ce, CHECKBOX_COMPONENT_INFO as le, RADIO_COMPONENT_INFO as ue, SWITCH_COMPONENT_INFO as de, TRIGGER_COMPONENT_INFO as l } from "../utils/names.js";
+import fe from "../hooks/use-merge-props/index.js";
+import { ConfigContext as pe } from "../config-provider/context.js";
+import me from "../utils/findRootElement.js";
+import { castArray as u } from "../utils/lodash.js";
+import { getReactElementRef as he, supportRef as ge } from "../utils/ref.js";
+import { transition_exports as _e } from "../transition/index.js";
+import ve from "../hooks/use-resize-observers/index.js";
+import ye from "../hooks/use-throttle-fn-with-raf/index.js";
+import be from "../hooks/use-intersection-observers/index.js";
+import xe from "../hooks/use-latest/index.js";
+import Se from "../hooks/use-mutation-observers/index.js";
+import d from "../hooks/use-persist-callback/index.js";
+import Ce from "../hooks/use-state-callback/index.js";
+import { TRIGGER_POSITION_BOTTOM as we } from "./constants.js";
+import { PropsContext as Te, defaultProps as Ee } from "./context.js";
+import { getArrowProp as De, splitChildrenStyle as Oe } from "./utils.js";
+import ke, { getDOM_Position as Ae } from "./getPopupStyle.js";
+import { Children as je, Fragment as Me, cloneElement as f, forwardRef as p, isValidElement as m, useContext as h, useDeferredValue as Ne, useEffect as g, useImperativeHandle as Pe, useLayoutEffect as Fe, useRef as _ } from "react";
+import { jsx as v, jsxs as Ie } from "react/jsx-runtime";
+import { createPortal as Le } from "react-dom";
 //#region components/pc/trigger/Trigger.tsx
-var { setTimeout: v, clearTimeout: Le, requestAnimationFrame: y, cancelAnimationFrame: Re } = window;
-function ze(u, Ae) {
-	let y = je(fe), { prefixCls: Re, getPrefixCls: ze, zIndex: b, rtl: Be, componentConfig: x } = y, Ve = je(xe), S = ze?.("trigger"), C = de(u, {
+var { setTimeout: Re, clearTimeout: ze, requestAnimationFrame: Be, cancelAnimationFrame: Ve } = window;
+function y(l, p) {
+	let Be = h(pe), { prefixCls: Ve, getPrefixCls: y, zIndex: b, rtl: He, componentConfig: x } = Be, Ue = h(Te), S = y?.("trigger"), C = fe(l, {
 		...x?.Trigger,
-		...Ve
-	}, Se), { children: He, style: w, className: Ue, disabled: T, popup: We, classNames: E, duration: Ge, unmountOnExit: Ke, alignPoint: qe, autoAlignPopupWidth: Je, position: Ye, childrenPrefix: D, showArrow: Xe, arrowProps: Ze, arrow: Qe, popupInnerStyle: $e, popupVisible: et, defaultPopupVisible: tt, getPopupContainer: nt = y.getPopupContainer, __onExit: rt, __onExited: it } = C, O = Ce(C);
-	"popupVisible" in C && s(et), "defaultPopupVisible" in C && s(tt);
-	let at = n(He), [k, A] = ye({}), [j, ot] = re({ ...C }, {
-		defaultValue: tt,
+		...Ue
+	}, Ee), { children: We, style: w, className: Ge, disabled: T, popup: E, classNames: D, duration: Ke, unmountOnExit: qe, alignPoint: Je, autoAlignPopupWidth: Ye, position: Xe, childrenPrefix: O, showArrow: Ze, arrowProps: Qe, arrow: $e, popupInnerStyle: et, popupVisible: tt, defaultPopupVisible: nt, getPopupContainer: rt = Be.getPopupContainer, __onExit: it, __onExited: at } = C, k = De(C);
+	"popupVisible" in C && o(tt), "defaultPopupVisible" in C && o(nt);
+	let ot = n(We), [A, st] = Ce({}), [j, ct, lt] = ie({ ...C }, {
+		defaultValue: nt,
 		defaultValuePropName: "defaultPopupVisible",
 		valuePropName: "popupVisible",
 		triggerPropName: !1
 	});
-	ve(k), ve(j), Me(j);
-	let M = g(null), N = g(null), P = g(null), F = g(null), I = g(null), L = g({
+	xe(A), xe(j), Ne(j);
+	let M = _(null), N = _(null), P = _(null), F = _(null), I = _(null), L = _({
 		rootElement: null,
+		childrenElement: null,
 		triggerDestoried: !1,
 		position: null,
 		arrowStyle: null,
@@ -54,59 +57,104 @@ function ze(u, Ae) {
 		},
 		childrenDomSize: {},
 		scrollElements: null,
-		delayTimeoutId: -1,
-		children: null
+		delayTimeoutId: -1
 	});
-	L.current.rootElement = ct();
-	let R = Nt(), z = {}, B = { onMouseDown() {
-		L.current.hasPopupMouseDown = !0, v(() => {
+	L.current.rootElement = B(), L.current.childrenElement = V();
+	let R = {}, z = { onMouseDown() {
+		L.current.hasPopupMouseDown = !0, Re(() => {
 			L.current.hasPopupMouseDown = !1;
 		}, 0);
 	} };
-	U() && !T ? (z.onMouseEnter = St, z.onMouseLeave = wt, W() && (z.onClick = Ot), qe && (z.onMouseMove = Ct), ft() || (B.onMouseEnter = Tt, B.onMouseLeave = Et)) : (z.onMouseEnter = Q("onMouseEnter"), z.onMouseLeave = Q("onMouseLeave")), ut() && !T ? (z.onContextMenu = Dt, z.onClick = Ot) : z.onContextMenu = Q("onContextMenu"), lt() && !T ? z.onClick = kt : z.onClick = z.onClick || Q("onClick"), H() && !T ? (z.onFocus = At, pt() && (z.onBlur = jt)) : (z.onFocus = Q("onFocus"), z.onBlur = Q("onBlur")), T ? z.onKeyDown = Q("onKeyDown") : z.onKeyDown = bt;
-	let V = We?.();
-	m(V) || e(V) && (V = V.find((e, t, n) => m(e))), V ||= /* @__PURE__ */ _("span", {}), m(R) && ee(R.props?.className) && (z.className = R.props.className), D && j && (z.className = l(z.className, `${D}-open`)), H() && (z.tabIndex = T ? -1 : 0);
-	let st = l(x?.Trigger?.className, S, D, `${S}-position-${Ye}`, { [`${S}-rtl`]: Be }, Ue);
-	function ct() {
-		let e, t = C.getRootElement;
-		return r(t) && (e = t()), e ||= I.current, pe(e);
-	}
-	function lt() {
+	U() && !T ? (R.onMouseEnter = Tt, R.onMouseLeave = Dt, W() && (R.onClick = jt), Je && (R.onMouseMove = Et), mt() || (z.onMouseEnter = Ot, z.onMouseLeave = kt)) : (R.onMouseEnter = Z("onMouseEnter"), R.onMouseLeave = Z("onMouseLeave")), ft() && !T ? (R.onContextMenu = At, R.onClick = jt) : R.onContextMenu = Z("onContextMenu"), dt() && !T ? R.onClick = Mt : R.onClick = R.onClick || Z("onClick"), H() && !T ? (R.onFocus = Nt, ht() && (R.onBlur = Pt)) : (R.onFocus = Z("onFocus"), R.onBlur = Z("onBlur")), T ? R.onKeyDown = Z("onKeyDown") : R.onKeyDown = Ct, m(L.current.childrenElement) && te(L.current.childrenElement.props?.className) && (R.className = L.current.childrenElement.props.className), O && j && (R.className = c(R.className, `${O}-open`)), H() && (R.tabIndex = T ? -1 : 0);
+	function B() {
+		let { getRootElement: e } = C, t;
+		return r(e) && (t = e()), t ||= I.current, me(t);
+	}
+	function V() {
+		let { children: t } = C, n = t;
+		{
+			let r = !te(t) && t?.type, i = t?.props;
+			if (ne(t) || je.count(t) > 1 || e(t)) n = /* @__PURE__ */ v("span", {
+				ref: I,
+				className: `${S}-children-wrapper`,
+				children: t
+			});
+			else if (i?.disabled && r && (r === "button" || [
+				ce.id,
+				de.id,
+				ue.id,
+				le.id
+			].includes(r.id))) {
+				let { picked: e, omitted: r } = Oe(i?.style, [
+					"position",
+					"left",
+					"right",
+					"top",
+					"bottom",
+					"float",
+					"display",
+					"zIndex"
+				]);
+				n = /* @__PURE__ */ v("span", {
+					ref: I,
+					style: {
+						display: "inline-block",
+						...e,
+						cursor: "not-allowed"
+					},
+					className: i?.className,
+					children: f(t, {
+						style: {
+							...r,
+							pointerEvents: "none"
+						},
+						className: void 0
+					})
+				});
+			}
+		}
+		return n || /* @__PURE__ */ v("span", { ref: I });
+	}
+	function ut(e) {
+		let n = e || L.current.rootElement;
+		return !(!t(n) || !(n.isConnected && (n.offsetParent || n.getClientRects().length)));
+	}
+	function dt() {
 		let { trigger: e } = C;
-		return d(e).includes("click");
+		return u(e).includes("click");
 	}
 	function H() {
 		let { trigger: e } = C;
-		return d(e).includes("focus");
+		return u(e).includes("focus");
 	}
 	function U() {
 		let { trigger: e } = C;
-		return d(e).includes("hover");
+		return u(e).includes("hover");
 	}
-	function ut() {
+	function ft() {
 		let { trigger: e } = C;
-		return d(e).includes("contextMenu");
+		return u(e).includes("contextMenu");
 	}
-	function dt() {
+	function pt() {
 		return U() && C.mouseLeaveToClose;
 	}
-	function ft() {
+	function mt() {
 		return U() && !C.popupHoverStay;
 	}
 	function W() {
-		if (lt() || ut()) {
+		if (dt() || ft()) {
 			let { clickToClose: e = !0 } = C;
 			return e;
 		}
 		return U() && C.clickToClose;
 	}
-	function pt() {
+	function ht() {
 		return H() && C.blurToHide;
 	}
-	function mt(e) {
+	function gt(e) {
 		let t = M.current;
 		if (!t) return {};
-		let { classNames: n } = C, r = !!O && L.current.arrowStyle?.top || 0, i = !!O && L.current.arrowStyle?.left || 0;
+		let { classNames: n } = C, r = !!k && L.current.arrowStyle?.top || 0, i = !!k && L.current.arrowStyle?.left || 0;
 		r = r ? `${r}px` : "", i = i ? `${i}px` : "";
 		let a = {
 			top: `${i || "50%"} 100% 0`,
@@ -134,12 +182,12 @@ function ze(u, Ae) {
 		return {};
 	}
 	function G(e) {
-		return e === `${Re}-slide-dynamic-origin`;
+		return e === `${Ve}-slide-dynamic-origin`;
 	}
-	function ht() {
+	function _t() {
 		if (!G(C.classNames)) return "";
 		switch (L.current.position) {
-			case be:
+			case we:
 			case "bl":
 			case "br": return "scaleY(0.9) translateY(-4px)";
 			case "top":
@@ -148,296 +196,252 @@ function ze(u, Ae) {
 			default: return "";
 		}
 	}
-	let K = p(() => {
+	let vt = d(() => {
 		if (!N.current) return {};
-		let e = L.current, n = e.rootElement;
-		if (!t(n) || !(n.offsetParent || n.getClientRects().length)) return k;
-		let r = M.current, { style: i, arrowStyle: a, position: o } = Te({
+		if (!ut(L.current.rootElement)) return A;
+		let { style: e, arrowStyle: t, position: n } = ke({
 			...C,
-			arrow: O
-		}, r, n, N.current, e.mouseLocation);
-		return e.arrowStyle = a || {}, e.position = o || C.position, {
-			...i,
-			...mt(e.position)
+			arrow: k
+		}, L.current.rootElement, M.current, N.current, L.current.mouseLocation);
+		return L.current.arrowStyle = t || {}, L.current.position = n || C.position, {
+			...e,
+			...gt(L.current.position)
 		};
-	}), { run: gt, cancel: _t } = _e(p((e) => {
-		j && A(K(), e);
-	})), q = gt, J = p((e, t = 0, n) => {
-		e === j ? r(n) && n() : vt(t, () => {
-			ot(!!e, (t) => {
-				t ?? e ?? j ? q(n) : r(n) && n();
+	}), { run: yt, cancel: bt } = ye(d((e) => {
+		j && st(vt(), e);
+	})), K = yt, q = d((e, t = 0, n) => {
+		e === j ? r(n) && n() : xt(t, () => {
+			ct(!!e, (t) => {
+				t ?? e ?? j ? K(n) : r(n) && n();
 			});
 			let t = C.onVisibleChange;
 			r(t) && t(e);
 		});
 	});
-	function vt(e, t) {
-		let n = L.current;
-		e ? (Y(), n.delayTimeoutId = v(() => {
-			t(), Y();
+	function xt(e, t) {
+		e ? (J(), L.current.delayTimeoutId = Re(() => {
+			t(), J();
 		}, e)) : t();
 	}
-	function Y() {
-		let e = L.current, t = e.delayTimeoutId;
-		t && (Le(t), e.delayTimeoutId = null);
+	function J() {
+		let e = L.current.delayTimeoutId;
+		e && (ze(e), L.current.delayTimeoutId = null);
 	}
-	function yt(e) {
-		let t = L.current, { onClickOutside: n, clickOutsideToClose: r } = C, i = (0, c.contains)(M.current, e.target);
-		i ||= (0, c.contains)(t.rootElement, e.target), i ||= !!t.hasPopupMouseDown, i || (n?.(), r && (pt() || U() || J(!1)));
+	function St(e) {
+		let { onClickOutside: t, clickOutsideToClose: n } = C, r = (0, s.contains)(M.current, e.target);
+		r ||= (0, s.contains)(L.current.rootElement, e.target), r ||= !!L.current.hasPopupMouseDown, r || (t?.(), n && (ht() || U() || q(!1)));
 	}
-	function bt(e) {
+	function Ct(e) {
 		let t = e.key;
-		Z("onKeyDown", e), t === ne.key && xt(e);
+		X("onKeyDown", e), t === re.key && wt(e);
 	}
-	function xt(e) {
+	function wt(e) {
 		let { escToClose: t } = C;
-		t && e?.key === ne.key && j && J(!1);
+		t && e?.key === re.key && j && q(!1);
 	}
-	function St(e) {
+	function Tt(e) {
 		let { mouseEnterDelay: t } = C;
-		Z("onMouseEnter", e), Y(), J(!0, t || 0);
+		X("onMouseEnter", e), J(), q(!0, t || 0);
 	}
-	function Ct(e) {
-		Z("onMouseMove", e), X(e), q();
+	function Et(e) {
+		X("onMouseMove", e), Y(e), K();
 	}
-	function wt(e) {
+	function Dt(e) {
 		let { mouseLeaveDelay: t } = C;
-		Y(), Z("onMouseLeave", e), dt() && j && J(!1, t || 0);
+		J(), X("onMouseLeave", e), pt() && j && q(!1, t || 0);
 	}
-	function Tt() {
-		Y();
+	function Ot() {
+		J();
 	}
-	function Et(e) {
-		wt(e);
+	function kt(e) {
+		Dt(e);
 	}
-	function X(e) {
-		let t = L.current;
-		C.alignPoint && (t.mouseLocation = {
+	function Y(e) {
+		C.alignPoint && (L.current.mouseLocation = {
 			clientX: e.clientX,
 			clientY: e.clientY
 		});
 	}
-	function Dt(e) {
-		e.preventDefault(), Z("onContextMenu", e), X(e), j ? C.alignPoint && q() : J(!0, 0);
-	}
-	function Ot(e) {
-		let t = L.current;
-		j && (t.mousedownToHide = !0), Z("onClick", e), W() && j && J(!j, 0);
-	}
-	function kt(e) {
-		let t = L.current;
-		j && (t.mousedownToHide = !0), Z("onClick", e), X(e), !(j && !W()) && J(!j, 0);
-	}
 	function At(e) {
-		let { focusDelay: t } = C, n = L.current, r = () => {
-			Z("onFocus", e);
-		};
-		Y(), n.mousedownToHide || (j ? r?.() : J(!0, t || 0, r)), n.mousedownToHide = !1;
+		e.preventDefault(), X("onContextMenu", e), Y(e), j ? C.alignPoint && K() : q(!0, 0);
 	}
 	function jt(e) {
-		J(!1, 200, () => Z("onBlur", e));
+		j && (L.current.mousedownToHide = !0), X("onClick", e), W() && j && q(!j, 0);
 	}
 	function Mt(e) {
-		C.autoFixPosition && q();
+		j && (L.current.mousedownToHide = !0), X("onClick", e), Y(e), !(j && !W()) && q(!j, 0);
 	}
-	function Nt() {
-		let { children: t } = C, n = t;
-		{
-			let r = t, i = !ee(r) && r?.type, a = r?.props;
-			if (te(t) || De.count(t) > 1 || e(t)) n = /* @__PURE__ */ _("span", {
-				className: `${S}-children-wrapper`,
-				children: t
-			});
-			else if (a?.disabled && i && (i === "button" || [
-				se.id,
-				ue.id,
-				le.id,
-				ce.id
-			].includes(i.id))) {
-				let { picked: e, omitted: r } = we(a?.style, [
-					"position",
-					"left",
-					"right",
-					"top",
-					"bottom",
-					"float",
-					"display",
-					"zIndex"
-				]);
-				n = /* @__PURE__ */ _("span", {
-					style: {
-						display: "inline-block",
-						...e,
-						cursor: "not-allowed"
-					},
-					className: a?.className,
-					children: ke(t, {
-						style: {
-							...r,
-							pointerEvents: "none"
-						},
-						className: void 0
-					})
-				});
-			}
-		}
-		return n || /* @__PURE__ */ _("span", {});
+	function Nt(e) {
+		let { focusDelay: t } = C, n = () => {
+			X("onFocus", e);
+		};
+		J(), L.current.mousedownToHide || (j ? n?.() : q(!0, t || 0, n)), L.current.mousedownToHide = !1;
+	}
+	function Pt(e) {
+		q(!1, 200, () => X("onBlur", e));
 	}
-	function Z(e, t) {
-		R?.props?.[e]?.(t), C[e]?.(t);
+	function X(e, t) {
+		L.current.childrenElement?.props?.[e]?.(t), C[e]?.(t);
 	}
-	function Q(e) {
+	function Z(e) {
 		return (t) => {
-			R?.props?.[e]?.(t), C[e]?.(t);
+			L.current.childrenElement?.props?.[e]?.(t), C[e]?.(t);
 		};
 	}
-	function Pt() {
+	function Ft() {
 		let { containerScrollToClose: e, updateOnScroll: t } = C;
-		e ? J(!1) : t && q();
+		e ? q(!1) : t && K();
 	}
-	function Ft() {
-		let t = L.current;
-		if (!t.scrollElements && (t.scrollElements = (0, c.getScrollElements)(t.rootElement), e(t.scrollElements))) {
-			let e = (0, c.getBodyContainer)();
-			C.containerScrollToClose && N.current?.parentNode === e && !t.scrollElements.includes(e) && o((0, c.getDocumentElement)()) && t.scrollElements.push(window), t.scrollElements.forEach((e, t, n) => {
-				(0, c.on)(e, "scroll", Pt);
+	function It() {
+		if (!L.current.scrollElements && (L.current.scrollElements = (0, s.getScrollElements)(L.current.rootElement), e(L.current.scrollElements))) {
+			let e = (0, s.getBodyContainer)();
+			C.containerScrollToClose && N.current?.parentNode === e && !L.current.scrollElements.includes(e) && ee((0, s.getDocumentElement)()) && L.current.scrollElements.push(window), L.current.scrollElements.forEach((e, t, n) => {
+				(0, s.on)(e, "scroll", Ft);
 			});
 		}
 	}
-	function It() {
-		let e = L.current;
-		e.scrollElements &&= (e.scrollElements.forEach((e, t, n) => {
-			(0, c.off)(e, "scroll", Pt);
-		}), null);
+	function Q() {
+		L.current.scrollElements && (L.current.scrollElements.forEach((e, t, n) => {
+			(0, s.off)(e, "scroll", Ft);
+		}), L.current.scrollElements = null);
 	}
-	Pe(() => (q(), () => {}), [
+	Fe(() => (K(), () => {}), [
 		j,
+		L.current.rootElement,
 		M.current,
 		P.current,
-		F.current,
-		L.current.rootElement
-	]), f((e) => {
-		q();
-	}, [(0, c.getDocumentElement)(), N.current?.parentNode], { immediate: !0 }), f((e) => {
-		Mt(e);
-	}, [M.current, L.current.rootElement], { immediate: !0 }), h(() => {
-		let e = L.current, t = e.rootElement;
-		return j && (e.childrenDomSize = Ee(t, {
-			boundaryDistance: C.alignPoint ? void 0 : C.boundaryDistance,
-			position: C.position
-		})), () => {};
+		F.current
+	]), ve((e) => {
+		K();
 	}, [
+		(0, s.getDocumentElement)(),
+		L.current.rootElement,
+		N.current?.parentNode,
+		M.current
+	], { immediate: !0 }), be((e) => {
+		K();
+	}, [L.current.rootElement], { immediate: !0 }), Se((e) => {
+		K();
+	}, [L.current.rootElement], { immediate: !0 }), g(() => (j && (L.current.childrenDomSize = Ae(L.current.rootElement, {
+		boundaryDistance: C.alignPoint ? void 0 : C.boundaryDistance,
+		position: C.position
+	})), () => {}), [
 		L.current.rootElement,
-		C.alignPoint,
 		C.boundaryDistance,
+		C.alignPoint,
 		C.position
-	]), h(() => (j && (C.updateOnScroll || C.containerScrollToClose ? Ft() : (q(), It())), () => {
-		It();
+	]), g(() => (j && (C.updateOnScroll || C.containerScrollToClose ? It() : (K(), Q())), () => {
+		Q();
 	}), [
 		j,
+		L.current.rootElement,
 		C.updateOnScroll,
 		C.containerScrollToClose
-	]), h(() => {
-		let { clickOutsideToClose: e, getDocument: t } = C, n = t?.() || window.document, r = { capture: a(e) ? e.capture : !1 };
-		return j && (0, c.on)(n, "mousedown", yt, r), () => {
-			(0, c.off)(n, "mousedown", yt, r);
+	]), g(() => {
+		let { clickOutsideToClose: e, getDocument: t } = C, n = t?.() || (0, s.getDocument)(), r = { capture: a(e) ? e.capture : !1 };
+		return j && (0, s.on)(n, "mousedown", St, r), () => {
+			(0, s.off)(n, "mousedown", St, r);
 		};
-	}, [j]), Pe(() => () => {}, []), h(() => () => {}, []), ie(() => {
-		Y();
-	}), Ne(Ae, () => ({
+	}, [j]), Fe(() => () => {}, []), g(() => () => {}, []), ae(() => {
+		J();
+	}), Pe(p, () => ({
+		update: K,
+		updatePopupPosition: K,
+		setPopupVisible: q,
+		getTransformTranslate: _t,
+		getTransformOrigin: gt,
+		getPopupStyle: vt,
+		getChildrenElement: V,
+		getRootElement: B,
 		getPopupElement() {
 			return M.current;
-		},
-		getRootElement: ct,
-		getChildren: Nt,
-		getPopupStyle: K,
-		getTransformTranslate: ht,
-		getTransformOrigin: mt,
-		update: q,
-		updatePopupPosition: q,
-		setPopupVisible: J
+		}
 	}));
 	let $;
-	if ((j || M.current && !L.current.triggerDestoried) && r(nt)) {
-		let e = nt(L.current.rootElement);
-		e && ($ = /* @__PURE__ */ _("div", {
-			ref: N,
-			style: { zIndex: b || "" },
-			className: `${S}-container`,
-			children: /* @__PURE__ */ _(ge.TransitionCSS, {
-				in: !!j,
-				duration: Ge,
-				classNames: E,
-				unmountOnExit: Ke,
-				appear: !0,
-				mountOnEnter: !0,
-				refElement: M,
-				onBeforePhaseChange: () => {
-					q();
-				},
-				onEnterStart: (e) => {
-					L.current.triggerDestoried = !1, e ||= M.current, i(e) && (e.style.display = "initial", e.style.pointerEvents = "none", G(E) && (e.style.transform = ht())), q();
-				},
-				onEnterActive: (e) => {
-					e ||= M.current, i(e) && G(E) && (e.style.transform = ""), q();
-				},
-				onEnterDone: (e) => {
-					e ||= M.current, i(e) && (e.style.pointerEvents = "auto"), q();
-				},
-				onExitStart: (e) => {
-					e ||= M.current, i(e) && (e.style.pointerEvents = "none"), r(rt) && rt(e);
-				},
-				onExitActive: () => {},
-				onExitDone: (e) => {
-					e ||= M.current, i(e) && (e.style.display = "none"), Ke && (L.current.triggerDestoried = !0), A({}), r(it) && it(e);
-				},
-				children: /* @__PURE__ */ Fe("span", {
-					ref: M,
-					"trigger-placement": L.current.position,
-					...oe(C),
-					style: {
-						...x?.Trigger?.style,
-						width: Je && s(w?.width) ? L.current.childrenDomSize?.width : "",
-						...k,
-						position: "absolute",
-						zIndex: b || "",
-						...w
+	if ((j || M.current && !L.current.triggerDestoried) && ut(L.current.rootElement) && r(rt)) {
+		let t = rt(L.current.rootElement);
+		if (t) {
+			let n = r(E) ? E() : E;
+			m(n) || e(n) && (n = n.find((e, t, n) => m(e))), n ||= /* @__PURE__ */ v("span", {}), $ = /* @__PURE__ */ v("div", {
+				ref: N,
+				style: { zIndex: b || "" },
+				className: c(`${S}-container`),
+				children: /* @__PURE__ */ v(_e.TransitionCSS, {
+					in: !!j,
+					duration: Ke,
+					classNames: D,
+					unmountOnExit: qe,
+					appear: !0,
+					mountOnEnter: !0,
+					refElement: M,
+					onBeforePhaseChange: () => {
+						K();
+					},
+					onEnterStart: (e) => {
+						L.current.triggerDestoried = !1, e ||= M.current, i(e) && (e.style.display = "initial", e.style.pointerEvents = "none", G(D) && (e.style.transform = _t())), K();
+					},
+					onEnterActive: (e) => {
+						e ||= M.current, i(e) && G(D) && (e.style.transform = ""), K();
 					},
-					...B,
-					className: st,
-					children: [a($e) ? /* @__PURE__ */ _(V.type, {
-						ref: me(V),
-						...V.props,
+					onEnterDone: (e) => {
+						e ||= M.current, i(e) && (e.style.pointerEvents = "auto"), K();
+					},
+					onExitStart: (e) => {
+						e ||= M.current, i(e) && (e.style.pointerEvents = "none"), r(it) && it(e);
+					},
+					onExitActive: () => {},
+					onExitDone: (e) => {
+						e ||= M.current, i(e) && (e.style.display = "none"), qe && (L.current.triggerDestoried = !0), st({}), r(at) && at(e);
+					},
+					children: /* @__PURE__ */ Ie("span", {
+						ref: M,
+						"trigger-placement": L.current.position,
+						...se(C),
 						style: {
-							...V.props?.style,
-							...$e
-						}
-					}, V.key) : V, !!O && /* @__PURE__ */ _("div", {
-						ref: P,
-						className: l(`${S}-arrow-container`, { [`${D}-arrow-container`]: D }),
-						children: /* @__PURE__ */ _("div", {
-							ref: F,
-							...O,
+							...x?.Trigger?.style,
+							width: Ye && o(w?.width) ? L.current.childrenDomSize?.width : "",
+							...A,
+							position: "absolute",
+							zIndex: b || "",
+							...w
+						},
+						...z,
+						className: c(x?.Trigger?.className, S, O, `${S}-position-${Xe}`, { [`${S}-rtl`]: He }, Ge),
+						children: [a(et) ? /* @__PURE__ */ v(n.type, {
+							ref: he(n),
+							...n.props,
 							style: {
-								...L.current.arrowStyle,
-								...O?.style
-							},
-							className: l(`${S}-arrow`, { [`${D}-arrow`]: D }, O?.className)
-						})
-					})]
+								...n.props?.style,
+								...et
+							}
+						}, n.key) : n, !!k && /* @__PURE__ */ v("div", {
+							ref: P,
+							className: c(`${S}-arrow-container`, { [`${O}-arrow-container`]: O }),
+							children: /* @__PURE__ */ v("div", {
+								ref: F,
+								...k,
+								style: {
+									...L.current.arrowStyle,
+									...k?.style
+								},
+								className: c(`${S}-arrow`, { [`${O}-arrow`]: O }, k?.className)
+							})
+						})]
+					})
 				})
-			})
-		}), $ = Ie($, e));
+			}), $ = Le($, t);
+		}
 	}
-	return at && ($ = /* @__PURE__ */ Fe(Oe, { children: [ke(R, {
-		...z,
-		ref: he(R) ? (e) => {
-			I.current = e, ae(R, e);
+	let Lt;
+	return ot && (Lt = /* @__PURE__ */ Ie(Me, { children: [f(L.current.childrenElement, {
+		...R,
+		ref: ge(L.current.childrenElement) ? (e) => {
+			I.current = e, oe(L.current.childrenElement, e);
 		} : void 0
-	}), $] })), $;
+	}), $] })), Lt;
 }
-var b = Ae(ze);
-Object.assign(b, { ...u });
+var b = p(y);
+Object.assign(b, { ...l });
 //#endregion
 export { b as default };
 /* 独立思考，明辨是非 */