@unicom-cloud/ui 0.8.170 → 0.8.172

package/trigger/Trigger.js

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