@unicom-cloud/ui 0.8.157 → 0.8.159

package/trigger/Trigger.js

@@ -1,47 +1,33 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
-import { isArray as e, isBoolean as t, isExist as n, isFunction as r, isHTMLElement as i, isPlainObject as a, isScrollElement as ee, isString as o, isStringOrNumber as te, isTrue as ne, isUndefined as re } from "../utils/is.js";
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
+import { isArray as e, isBoolean as t, isExist as n, isFunction as r, isHTMLElement as i, isPlainObject as a, isScrollElement as ee, isString as te, isStringOrNumber as ne, isTrue as re, isUndefined as o } from "../utils/is.js";
 import { Esc as ie } from "../utils/keyboardCode.js";
 import ae from "../utils/callbackOriginRef.js";
 import s from "../utils/className.js";
 import { pickDataAttributes as oe } from "../utils/pick.js";
-import { contains as se, getScrollElements as ce, off as c, on as l } from "../utils/dom.js";
-import le from "../config-provider/context.js";
+import se from "../hooks/use-merge-props/index.js";
+import { contains as ce, getScrollElements as le, off as ue, on as de } from "../utils/dom.js";
+import fe from "../config-provider/context.js";
+import { TransitionCSS as pe } from "../transition/index.js";
 import "../config-provider/index.js";
-import ue from "../utils/findRootElement.js";
-import de from "../utils/mergeProps.js";
-import { getReactElementRef as fe, supportRef as pe } from "../utils/ref.js";
-import me from "../utils/throttleByRaf.js";
-import u from "../hooks/use-resize-observers/index.js";
-import he from "../hooks/use-state-callback/index.js";
-import ge, { getBoundingClientRect as d } from "./getPopupStyle.js";
-import { Children as _e, Fragment as ve, cloneElement as ye, forwardRef as be, isValidElement as f, useCallback as xe, useContext as Se, useEffect as p, useImperativeHandle as Ce, useLayoutEffect as m, useRef as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import we from "@unicom-cloud/ui-common/transition/TransitionCSS";
-import { createPortal as Te } from "react-dom";
+import me from "../utils/findRootElement.js";
+import { castArray as c } from "../utils/lodash.js";
+import { getReactElementRef as he, supportRef as ge } from "../utils/ref.js";
+import _e from "../utils/throttleByRaf.js";
+import ve from "../hooks/use-resize-observers/index.js";
+import l from "../hooks/use-latest/index.js";
+import ye from "../hooks/use-persist-callback/index.js";
+import be from "../hooks/use-state-callback/index.js";
+import xe, { getDOM_Position as Se } from "./getPopupStyle.js";
+import { splitChildrenStyle as Ce } from "./utils.js";
+import { Children as we, Fragment as Te, cloneElement as u, forwardRef as d, isValidElement as f, useCallback as Ee, useContext as De, useDeferredValue as Oe, useEffect as p, useImperativeHandle as ke, useLayoutEffect as m, useRef as h } from "react";
+import { jsx as g, jsxs as Ae } from "react/jsx-runtime";
+import { createPortal as je } from "react-dom";
 //#region components/pc/trigger/Trigger.tsx
-function Ee(e, t) {
-	if (!e) return {};
-	let { width: n, height: r, left: i, right: a } = d(e, t);
-	return {
-		width: n,
-		height: r,
-		left: i,
-		right: a
-	};
-}
-function De(e, t) {
-	let n = {}, r = { ...e };
-	return t.forEach((t) => {
-		e && t in e && (n[t] = e[t], delete r[t]);
-	}), {
-		picked: n,
-		omitted: r
-	};
-}
-function v(d, be) {
-	let v = Se(le), { prefixCls: y, getPrefixCls: Oe, zIndex: ke, rtl: Ae, componentConfig: b } = v, je = {
+var { setTimeout: _, clearTimeout: Me, requestAnimationFrame: Ne, cancelAnimationFrame: Pe } = window;
+function v(d, Ne) {
+	let Pe = De(fe), { prefixCls: v, getPrefixCls: y, zIndex: Fe, rtl: Ie, componentConfig: b } = Pe, x = y?.("trigger"), S = se(d, {
 		blurToHide: !0,
-		classNames: `${y}-fade-in`,
+		classNames: `${v}-fade-in`,
 		trigger: "hover",
 		position: "bottom",
 		duration: 200,
@@ -58,9 +44,16 @@ function v(d, be) {
 		mouseLeaveDelay: 100,
 		autoFitPosition: !0,
 		updateOnScroll: !0
-	}, x = z(d), Me = x.getPopupContainer || v.getPopupContainer, { children: Ne, style: Pe, className: Fe, arrowProps: Ie, disabled: S, popup: Le, classNames: C, duration: Re, unmountOnExit: ze, alignPoint: Be, autoAlignPopupWidth: Ve, position: He, childrenPrefix: w, showArrow: Ue, popupStyle: We, __onExit: Ge, __onExited: Ke, arrow: qe } = x, T = qe || Ue || Ie;
-	t(T) && (T = T ? {} : null);
-	let Je = "popupVisible" in x, Ye = "defaultPopupVisible" in x, Xe = n(Ne), E = h(null), D = h(null), Ze = h(null), Qe = h(null), O = h({
+	}, b?.Trigger), { children: Le, style: Re, className: ze, arrowProps: Be, disabled: C, popup: Ve, classNames: w, duration: He, unmountOnExit: T, alignPoint: Ue, autoAlignPopupWidth: We, position: Ge, childrenPrefix: E, showArrow: Ke, popupStyle: qe, popupVisible: D, defaultPopupVisible: Je, arrow: Ye, __onExit: Xe, __onExited: Ze } = S, Qe = S.getPopupContainer || Pe.getPopupContainer, O = Ye || Ke || Be;
+	t(O) && (O = O ? {} : null);
+	let $e = "popupVisible" in d && !o(D), et = "defaultPopupVisible" in d && !o(Je), tt = n(Le), [nt, k] = be({
+		popupVisible: !1,
+		popupStyle: {}
+	}), A = nt.popupStyle;
+	l(A);
+	let j = nt.popupVisible;
+	l(j), Oe(j);
+	let M = h(null), N = h(null), P = h(null), F = h(null), I = h({
 		rootElement: null,
 		triggerDestoried: !1,
 		realPosition: null,
@@ -77,67 +70,58 @@ function v(d, be) {
 		updatePositionTimeoutID: -1,
 		children: null
 	});
-	O.current.rootElement = tt();
-	let [k, A] = he({
-		popupVisible: !1,
-		popupStyle: {}
-	}), j = x.popupVisible, $e = k.popupVisible, M = j ?? $e, N = {}, P = { onMouseDown() {
-		O.current.hasPopupMouseDown = !0, setTimeout(() => {
-			O.current.hasPopupMouseDown = !1;
+	I.current.rootElement = it();
+	let L = Ot(), R = {}, z = { onMouseDown() {
+		I.current.hasPopupMouseDown = !0, _(() => {
+			I.current.hasPopupMouseDown = !1;
 		}, 0);
 	} };
-	H() && !S ? (N.onMouseEnter = ht, N.onMouseLeave = _t, U() && (N.onClick = xt), Be && (N.onMouseMove = gt), at() || (P.onMouseEnter = vt, P.onMouseLeave = yt)) : (N.onMouseEnter = Q("onMouseEnter"), N.onMouseLeave = Q("onMouseLeave")), rt() && !S ? (N.onContextMenu = bt, N.onClick = xt) : N.onContextMenu = Q("onContextMenu"), nt() && !S ? N.onClick = St : N.onClick = N.onClick || Q("onClick"), V() && !S ? (N.onFocus = Ct, ot() && (N.onBlur = wt)) : (N.onFocus = Q("onFocus"), N.onBlur = Q("onBlur")), S ? N.onKeyDown = Q("onKeyDown") : N.onKeyDown = pt;
-	let F = X(), I = Le?.(), L;
-	f(I) ? L = I : e(I) && (L = I.find((e, t, n) => f(e))), L ||= /* @__PURE__ */ g("span", {}), f(F) && o(F.props?.className) && (N.className = F.props.className), w && M && (N.className = s(N.className, `${w}-open`)), V() && (N.tabIndex = S ? -1 : 0);
-	let R = Oe?.("trigger"), et = s(b?.Trigger?.className, R, w, `${R}-position-${He}`, { [`${R}-rtl`]: Ae }, Fe);
-	function z(t) {
-		return de(a(t) ? t : d, je, b?.Trigger ?? {}, e(t) ? t : void 0);
-	}
-	function tt() {
-		return ue(x.getRootElement?.() || O.current.children);
+	H() && !C ? (R.onMouseEnter = vt, R.onMouseLeave = Y, U() && (R.onClick = Ct), Ue && (R.onMouseMove = yt), ct() || (z.onMouseEnter = bt, z.onMouseLeave = xt)) : (R.onMouseEnter = Q("onMouseEnter"), R.onMouseLeave = Q("onMouseLeave")), ot() && !C ? (R.onContextMenu = St, R.onClick = Ct) : R.onContextMenu = Q("onContextMenu"), at() && !C ? R.onClick = wt : R.onClick = R.onClick || Q("onClick"), V() && !C ? (R.onFocus = Tt, lt() && (R.onBlur = Et)) : (R.onFocus = Q("onFocus"), R.onBlur = Q("onBlur")), C ? R.onKeyDown = Q("onKeyDown") : R.onKeyDown = gt;
+	let B = Ve?.();
+	f(B) || e(B) && (B = B.find((e, t, n) => f(e))), B ||= /* @__PURE__ */ g("span", {}), f(L) && te(L.props?.className) && (R.className = L.props.className), E && j && (R.className = s(R.className, `${E}-open`)), V() && (R.tabIndex = C ? -1 : 0);
+	let rt = s(b?.Trigger?.className, x, E, `${x}-position-${Ge}`, { [`${x}-rtl`]: Ie }, ze);
+	function it() {
+		return me(S.getRootElement?.() || I.current.children);
 	}
-	let B = xe(me(() => {
-		K();
-	}), [M]);
-	function nt() {
-		let { trigger: e } = z(["trigger"]);
-		return [].concat(e).includes("click");
+	function at() {
+		let { trigger: e } = S;
+		return c(e).includes("click");
 	}
 	function V() {
-		let { trigger: e } = z(["trigger"]);
-		return [].concat(e).includes("focus");
+		let { trigger: e } = S;
+		return c(e).includes("focus");
 	}
 	function H() {
-		let { trigger: e } = z(["trigger"]);
-		return [].concat(e).includes("hover");
+		let { trigger: e } = S;
+		return c(e).includes("hover");
 	}
-	function rt() {
-		let { trigger: e } = z(["trigger"]);
-		return [].concat(e).includes("contextMenu");
+	function ot() {
+		let { trigger: e } = S;
+		return c(e).includes("contextMenu");
 	}
-	function it() {
-		return H() && z(["mouseLeaveToClose"]).mouseLeaveToClose;
+	function st() {
+		return H() && S.mouseLeaveToClose;
 	}
-	function at() {
-		return H() && !z(["popupHoverStay"]).popupHoverStay;
+	function ct() {
+		return H() && !S.popupHoverStay;
 	}
 	function U() {
-		if (nt() || rt()) {
-			let { clickToClose: e = !0 } = z(["clickToClose"]);
+		if (at() || ot()) {
+			let { clickToClose: e = !0 } = S;
 			return e;
 		}
-		return H() && x.clickToClose;
+		return H() && S.clickToClose;
 	}
-	function ot() {
-		return V() && z(["blurToHide"]).blurToHide;
+	function lt() {
+		return V() && S.blurToHide;
 	}
-	function st() {
-		O.current.updatePositionTimeoutID && (O.current.updatePositionTimeoutID.cancel ? O.current.updatePositionTimeoutID.cancel() : (window.clearTimeout(O.current.updatePositionTimeoutID), O.current.updatePositionTimeoutID = null)), J();
+	function ut() {
+		I.current.updatePositionTimeoutID && (I.current.updatePositionTimeoutID.cancel ? I.current.updatePositionTimeoutID.cancel() : (Me(I.current.updatePositionTimeoutID), I.current.updatePositionTimeoutID = null)), J();
 	}
-	function ct(e) {
-		let t = E.current;
+	function dt(e) {
+		let t = M.current;
 		if (!t) return {};
-		let { classNames: n } = z(["classNames"]), r = !!T && O.current.arrowStyle?.top || 0, i = !!T && O.current.arrowStyle?.left || 0;
+		let { classNames: n } = S, r = !!O && I.current.arrowStyle?.top || 0, i = !!O && I.current.arrowStyle?.left || 0;
 		r = r ? `${r}px` : "", i = i ? `${i}px` : "";
 		let a = {
 			top: `${i || "50%"} 100% 0`,
@@ -154,7 +138,7 @@ function v(d, be) {
 			rb: `0 ${r || `${t.clientHeight - 15}px`} 0`
 		};
 		if (n?.includes?.("zoom")) return { transformOrigin: a[e] };
-		if (n === `${y}-slide-dynamic-origin`) {
+		if (n === `${v}-slide-dynamic-origin`) {
 			let t = "0% 0%";
 			return [
 				"top",
@@ -164,9 +148,9 @@ function v(d, be) {
 		}
 		return {};
 	}
-	function lt() {
-		if (z(["classNames"]).classNames !== `${y}-slide-dynamic-origin`) return "";
-		switch (O.current.realPosition) {
+	function ft() {
+		if (S.classNames !== `${v}-slide-dynamic-origin`) return "";
+		switch (I.current.realPosition) {
 			case "bottom":
 			case "bl":
 			case "br": return "scaleY(0.9) translateY(-4px)";
@@ -176,311 +160,318 @@ function v(d, be) {
 			default: return "";
 		}
 	}
-	function ut() {
-		if (!D.current) return {};
-		let e = E.current, t = O.current.rootElement;
-		if (!t?.offsetParent && !t?.getClientRects?.()?.length) return k.popupStyle;
-		let { style: n, arrowStyle: r, realPosition: i } = ge({
-			...x,
-			arrow: T
-		}, e, t, D.current, O.current.mouseLocation);
-		O.current.arrowStyle = r || {};
-		let a = i || x.position;
-		return O.current.realPosition = a, {
+	let pt = ye(() => {
+		if (!N.current) return {};
+		let e = M.current, t = I.current.rootElement;
+		if (!t?.offsetParent && !t?.getClientRects?.()?.length) return A;
+		let { style: n, arrowStyle: r, realPosition: i } = xe({
+			...S,
+			arrow: O
+		}, e, t, N.current, I.current.mouseLocation);
+		I.current.arrowStyle = r || {};
+		let a = i || S.position;
+		return I.current.realPosition = a, {
 			...n,
-			...ct(a)
+			...dt(a)
 		};
-	}
+	});
 	function W(e) {
-		let t = ut();
-		A((e) => {
+		let t = pt();
+		k((e) => {
 			let n = { ...e };
 			return n.popupStyle = t, n;
 		}, e);
 	}
-	let G = xe(me(W), [M]);
+	let G = Ee(_e(W), [j]);
 	function K(e = 0, t) {
-		M && (e < 4 ? O.current.updatePositionTimeoutID = G(t) : O.current.updatePositionTimeoutID = window.setTimeout(() => {
+		j && (e < 4 ? I.current.updatePositionTimeoutID = G(t) : I.current.updatePositionTimeoutID = _(() => {
 			W(t);
 		}, e));
 	}
 	function q(e, t = 0, n) {
-		let i = z(["onVisibleChange", "popupVisible"]);
-		e === M ? r(n) && n() : dt(t, () => {
-			i.onVisibleChange?.(e), Je ? r(n) && n() : A((t) => {
+		e === j ? r(n) && n() : mt(t, () => {
+			$e ? r(n) && n() : k((t) => {
 				let n = { ...t };
 				return n.popupVisible = !!e, n;
 			}, (t) => {
 				e ? W(n) : r(n) && n();
-			});
+			}), S.onVisibleChange?.(e);
 		});
 	}
-	function dt(e, t) {
-		e ? (J(), O.current.delayTimeoutID = setTimeout(() => {
+	function mt(e, t) {
+		e ? (J(), I.current.delayTimeoutID = _(() => {
 			t(), J();
 		}, e)) : t();
 	}
 	function J() {
-		O.current.delayTimeoutID && (clearTimeout(O.current.delayTimeoutID), O.current.delayTimeoutID = null);
+		I.current.delayTimeoutID && (Me(I.current.delayTimeoutID), I.current.delayTimeoutID = null);
 	}
-	function ft(e) {
-		let t = z(["onClickOutside", "clickOutsideToClose"]), n = se(E.current, e.target);
-		n ||= se(O.current.rootElement, e.target), n ||= !!O.current.hasPopupMouseDown, n || (t.onClickOutside?.(), t.clickOutsideToClose && (ot() || H() || q(!1)));
+	function ht(e) {
+		let { onClickOutside: t, clickOutsideToClose: n } = S, r = ce(M.current, e.target);
+		r ||= ce(I.current.rootElement, e.target), r ||= !!I.current.hasPopupMouseDown, r || (t?.(), n && (lt() || H() || q(!1)));
 	}
-	function pt(e) {
+	function gt(e) {
 		let t = e.key;
-		Z("onKeyDown", e), t === ie.key && mt(e);
+		Z("onKeyDown", e), t === ie.key && _t(e);
 	}
-	function mt(e) {
-		let { escToClose: t } = z(["escToClose"]);
-		t && e?.key === ie.key && M && q(!1);
+	function _t(e) {
+		let { escToClose: t } = S;
+		t && e?.key === ie.key && j && q(!1);
 	}
-	function ht(e) {
-		let { mouseEnterDelay: t } = z(["mouseEnterDelay"]);
+	function vt(e) {
+		let { mouseEnterDelay: t } = S;
 		Z("onMouseEnter", e), J(), q(!0, t || 0);
 	}
-	function gt(e) {
-		Z("onMouseMove", e), Y(e), M && G();
+	function yt(e) {
+		Z("onMouseMove", e), X(e), j && G();
 	}
-	function _t(e) {
-		let { mouseLeaveDelay: t } = z(["mouseLeaveDelay"]);
-		J(), Z("onMouseLeave", e), it() && M && q(!1, t || 0);
+	function Y(e) {
+		let { mouseLeaveDelay: t } = S;
+		J(), Z("onMouseLeave", e), st() && j && q(!1, t || 0);
 	}
-	function vt() {
+	function bt() {
 		J();
 	}
-	function yt(e) {
-		_t(e);
+	function xt(e) {
+		Y(e);
 	}
-	function Y(e) {
-		z(["alignPoint"]).alignPoint && (O.current.mouseLocation = {
+	function X(e) {
+		S.alignPoint && (I.current.mouseLocation = {
 			clientX: e.clientX,
 			clientY: e.clientY
 		});
 	}
-	function bt(e) {
-		e.preventDefault(), Z("onContextMenu", e), Y(e), M ? z(["alignPoint"]).alignPoint && G() : q(!0, 0);
-	}
-	function xt(e) {
-		M && (O.current.mousedownToHide = !0), Z("onClick", e), U() && M && q(!M, 0);
-	}
 	function St(e) {
-		M && (O.current.mousedownToHide = !0), Z("onClick", e), Y(e), !(!U() && M) && q(!M, 0);
+		e.preventDefault(), Z("onContextMenu", e), X(e), j ? S.alignPoint && G() : q(!0, 0);
 	}
 	function Ct(e) {
-		let { focusDelay: t } = z(["focusDelay"]), n = () => {
+		j && (I.current.mousedownToHide = !0), Z("onClick", e), U() && j && q(!j, 0);
+	}
+	function wt(e) {
+		j && (I.current.mousedownToHide = !0), Z("onClick", e), X(e), !(j && !U()) && q(!j, 0);
+	}
+	function Tt(e) {
+		let { focusDelay: t } = S, n = () => {
 			Z("onFocus", e);
 		};
-		J(), O.current.mousedownToHide || (M ? n?.() : q(!0, t || 0, n)), O.current.mousedownToHide = !1;
+		J(), I.current.mousedownToHide || (j ? n?.() : q(!0, t || 0, n)), I.current.mousedownToHide = !1;
 	}
-	function wt(e) {
+	function Et(e) {
 		q(!1, 200, () => Z("onBlur", e));
 	}
-	function Tt(e) {
-		M && z(["autoFixPosition"]).autoFixPosition && K();
-	}
-	function X() {
-		let { children: t } = x, n = t, r = !o(n) && n?.type, i = n?.props, a = t;
-		if (te(t) || _e.count(t) > 1 || e(t)) a = /* @__PURE__ */ g("span", { children: t });
-		else if (n && r && (r === "button" || [
-			r.___PQB_BUTTON___,
-			r.___PQB_CHECKBOX___,
-			r.___PQB_SWITCH___,
-			r.___PQB_RADIO___
-		].some((e, t, n) => ne(e))) && i?.disabled) {
-			let { picked: e, omitted: t } = De(i?.style, [
-				"position",
-				"left",
-				"right",
-				"top",
-				"bottom",
-				"float",
-				"display",
-				"zIndex"
-			]);
-			a = /* @__PURE__ */ g("span", {
-				style: {
-					display: "inline-block",
-					...e,
-					cursor: "not-allowed"
-				},
-				className: i?.className,
-				children: ye(n, {
+	function Dt(e) {
+		j && S.autoFixPosition && K();
+	}
+	function Ot() {
+		let { children: t } = S, n = t;
+		{
+			let r = t, i = !te(r) && r?.type, a = r?.props;
+			if (ne(t) || we.count(t) > 1 || e(t)) n = /* @__PURE__ */ g("span", {
+				className: `${x}-children-wrapper`,
+				children: t
+			});
+			else if (a?.disabled && i && (i === "button" || [
+				i.___PQB_BUTTON___,
+				i.___PQB_CHECKBOX___,
+				i.___PQB_SWITCH___,
+				i.___PQB_RADIO___
+			].some((e, t, n) => re(e)))) {
+				let { picked: e, omitted: r } = Ce(a?.style, [
+					"position",
+					"left",
+					"right",
+					"top",
+					"bottom",
+					"float",
+					"display",
+					"zIndex"
+				]);
+				n = /* @__PURE__ */ g("span", {
 					style: {
-						...t,
-						pointerEvents: "none"
+						display: "inline-block",
+						...e,
+						cursor: "not-allowed"
 					},
-					className: void 0
-				})
-			});
+					className: a?.className,
+					children: u(t, {
+						style: {
+							...r,
+							pointerEvents: "none"
+						},
+						className: void 0
+					})
+				});
+			}
 		}
-		return a || /* @__PURE__ */ g("span", {});
+		return n || /* @__PURE__ */ g("span", {});
 	}
 	function Z(e, t) {
-		let n = X()?.props?.[e], i = z([e])[e];
-		r(n) && n(t), r(i) && i(t);
+		let n = L?.props?.[e];
+		r(n) && n(t);
+		let i = S[e];
+		r(i) && i(t);
 	}
 	function Q(e) {
-		let t = X()?.props?.[e], n = z([e])[e];
+		let t = L?.props?.[e], n = S[e];
 		return r(n) && r(t) ? (e) => {
 			t(e), n(e);
 		} : t || n;
 	}
-	function Et() {
-		let e = z(["containerScrollToClose", "updateOnScroll"]);
-		e.containerScrollToClose ? q(!1) : e.updateOnScroll && K();
+	function kt() {
+		let { containerScrollToClose: e, updateOnScroll: t } = S;
+		e ? q(!1) : t && K();
 	}
-	function Dt() {
-		if (!O.current.scrollElements && (O.current.scrollElements = ce(O.current.rootElement), e(O.current.scrollElements))) {
+	function At() {
+		if (!I.current.scrollElements && (I.current.scrollElements = le(I.current.rootElement), e(I.current.scrollElements))) {
 			let e = document.body;
-			x.containerScrollToClose && D.current?.parentNode === e && !O.current.scrollElements.includes(e) && ee(document.documentElement) && O.current.scrollElements.push(window), O.current.scrollElements.forEach((e) => {
-				l(e, "scroll", Et);
+			S.containerScrollToClose && N.current?.parentNode === e && !I.current.scrollElements.includes(e) && ee(document.documentElement) && I.current.scrollElements.push(window), I.current.scrollElements.forEach((e, t, n) => {
+				de(e, "scroll", kt);
 			});
 		}
 	}
-	function Ot() {
-		O.current.scrollElements && (O.current.scrollElements.forEach((e) => {
-			c(e, "scroll", Et);
-		}), O.current.scrollElements = null);
+	function jt() {
+		I.current.scrollElements && (I.current.scrollElements.forEach((e, t, n) => {
+			ue(e, "scroll", kt);
+		}), I.current.scrollElements = null);
 	}
-	Ce(be, () => ({
+	ke(Ne, () => ({
 		getPopupElement() {
-			return E.current;
+			return M.current;
 		},
-		getRootElement: tt,
-		getChildren: X,
-		getPopupStyle: ut,
-		getTransformTranslate: lt,
-		getTransformOrigin: ct,
+		getRootElement: it,
+		getChildren: Ot,
+		getPopupStyle: pt,
+		getTransformTranslate: ft,
+		getTransformOrigin: dt,
 		updateThrottleByRaf: G,
 		update: W,
 		updatePopupStyle: W,
 		updatePopupPosition: K,
-		handleUpdatePosition: B,
 		setPopupVisible: q,
-		delayToDo: dt
+		delayToDo: mt
 	})), m(() => (W(), () => {}), [
-		E.current,
-		Ze.current,
-		Qe.current,
-		O.current.rootElement
-	]), u((e) => {
-		K(e);
-	}, [D.current?.parentNode], { immediate: !0 }), u((e) => {
-		Tt(e);
-	}, [E.current], { immediate: !0 }), u((e) => {
-		Tt(e);
-	}, [O.current.rootElement], { immediate: !0 }), p(() => {
-		let e = O.current.rootElement;
-		return M && (O.current.childrenDomSize = Ee(e, {
-			boundaryDistance: x.alignPoint ? void 0 : x.boundaryDistance,
-			position: x.position
+		M.current,
+		P.current,
+		F.current,
+		I.current.rootElement
+	]), ve((e) => {
+		K();
+	}, [document.documentElement, N.current?.parentNode], { immediate: !0 }), ve((e) => {
+		Dt(e);
+	}, [M.current, I.current.rootElement], { immediate: !0 }), p(() => {
+		let e = I.current.rootElement;
+		return j && (I.current.childrenDomSize = Se(e, {
+			boundaryDistance: S.alignPoint ? void 0 : S.boundaryDistance,
+			position: S.position
 		})), () => {};
 	}, [
-		O.current.rootElement,
-		x.alignPoint,
-		x.boundaryDistance,
-		x.position
-	]), p(() => (M && (x.updateOnScroll || x.containerScrollToClose ? Dt() : (K(), Ot())), () => {
-		Ot();
+		I.current.rootElement,
+		S.alignPoint,
+		S.boundaryDistance,
+		S.position
+	]), p(() => (j && (S.updateOnScroll || S.containerScrollToClose ? At() : (K(), jt())), () => {
+		jt();
 	}), [
-		M,
-		x.updateOnScroll,
-		x.containerScrollToClose
+		j,
+		S.updateOnScroll,
+		S.containerScrollToClose
 	]), p(() => {
-		let { clickOutsideToClose: e, getDocument: t } = z(["clickOutsideToClose", "getDocument"]), n = t?.() || window.document, r = { capture: a(e) ? e.capture : !1 };
-		return M && (l(n, "mousedown", ft, r), l(window, "resize", B)), () => {
-			c(n, "mousedown", ft, r), c(window, "resize", B);
+		let { clickOutsideToClose: e, getDocument: t } = S, n = t?.() || window.document, r = { capture: a(e) ? e.capture : !1 };
+		return j && de(n, "mousedown", ht, r), () => {
+			ue(n, "mousedown", ht, r);
 		};
-	}, [M]), m(() => (Je && A((e) => {
+	}, [j]), m(() => ($e && k((e) => {
 		let t = { ...e };
-		return t.popupVisible = !!j, t;
-	}), () => {}), [j]), p(() => (Ye && A((e) => {
+		return t.popupVisible = !!D, t;
+	}), () => {}), [D]), m(() => (et && k((e) => {
 		let t = { ...e };
-		return t.popupVisible = !!x?.defaultPopupVisible, t;
+		return t.popupVisible = !!Je, t;
 	}), () => {}), []), p(() => () => {
-		st();
+		ut();
 	}, []);
 	let $;
-	if ((M || E.current && !O.current.triggerDestoried) && r(Me)) {
-		let e = Me(O.current.rootElement);
+	if ((j || M.current && !I.current.triggerDestoried) && r(Qe)) {
+		let e = Qe(I.current.rootElement);
 		e && ($ = /* @__PURE__ */ g("div", {
-			ref: D,
-			style: { zIndex: ke || "" },
-			className: `${R}-container`,
-			children: /* @__PURE__ */ g(we, {
-				in: !!M,
-				duration: Re,
-				classNames: C,
-				unmountOnExit: ze,
+			ref: N,
+			style: { zIndex: Fe || "" },
+			className: `${x}-container`,
+			children: /* @__PURE__ */ g(pe, {
+				in: !!j,
+				duration: He,
+				classNames: w,
+				unmountOnExit: T,
 				appear: !0,
 				mountOnEnter: !0,
-				refElement: E,
+				refElement: M,
+				onBeforePhaseChange: () => {
+					W();
+				},
 				onEnter: (e) => {
-					O.current.triggerDestoried = !1, e ||= E.current, i(e) && (e.style.display = "initial", e.style.pointerEvents = "none", C === `${y}-slide-dynamic-origin` && (e.style.transform = lt())), W();
+					I.current.triggerDestoried = !1, e ||= M.current, i(e) && (e.style.display = "initial", e.style.pointerEvents = "none", w === `${v}-slide-dynamic-origin` && (e.style.transform = ft())), W();
 				},
 				onEntering: (e) => {
-					e ||= E.current, i(e) && C === `${y}-slide-dynamic-origin` && (e.style.transform = ""), W();
+					e ||= M.current, i(e) && w === `${v}-slide-dynamic-origin` && (e.style.transform = ""), W();
 				},
 				onEntered: (e) => {
-					e ||= E.current, i(e) && (e.style.pointerEvents = "auto"), W();
+					e ||= M.current, i(e) && (e.style.pointerEvents = "auto"), W();
 				},
 				onExit: (e) => {
-					e ||= E.current, i(e) && (e.style.pointerEvents = "none"), r(Ge) && Ge(e);
+					e ||= M.current, i(e) && (e.style.pointerEvents = "none"), r(Xe) && Xe(e);
 				},
 				onExiting: () => {},
 				onExited: (e) => {
-					e ||= E.current, i(e) && (e.style.display = "none"), ze && (O.current.triggerDestoried = !0), A((e) => {
+					e ||= M.current, i(e) && (e.style.display = "none"), T && (I.current.triggerDestoried = !0), k((e) => {
 						let t = { ...e };
 						return t.popupStyle = {}, t;
-					}), r(Ke) && Ke(e);
+					}), r(Ze) && Ze(e);
 				},
-				children: /* @__PURE__ */ _("span", {
-					ref: E,
-					"trigger-placement": O.current.realPosition,
-					...oe(x),
+				children: /* @__PURE__ */ Ae("span", {
+					ref: M,
+					"trigger-placement": I.current.realPosition,
+					...oe(S),
 					style: {
 						...b?.Trigger?.style,
-						width: Ve && re(Pe?.width) ? O.current.childrenDomSize?.width : "",
-						...k.popupStyle,
+						width: We && o(Re?.width) ? I.current.childrenDomSize?.width : "",
+						...A,
 						position: "absolute",
-						zIndex: ke || "",
-						...Pe
+						zIndex: Fe || "",
+						...Re
 					},
-					...P,
-					className: et,
-					children: [a(We) ? /* @__PURE__ */ g(L.type, {
-						ref: fe(L),
-						...L.props,
+					...z,
+					className: rt,
+					children: [a(qe) ? /* @__PURE__ */ g(B.type, {
+						ref: he(B),
+						...B.props,
 						style: {
-							...L.props.style,
-							...We
+							...B.props?.style,
+							...qe
 						}
-					}) : L, !!T && /* @__PURE__ */ g("div", {
-						ref: Ze,
-						className: s(`${R}-arrow-container`, { [`${w}-arrow-container`]: w }),
+					}, B.key) : B, !!O && /* @__PURE__ */ g("div", {
+						ref: P,
+						className: s(`${x}-arrow-container`, { [`${E}-arrow-container`]: E }),
 						children: /* @__PURE__ */ g("div", {
-							ref: Qe,
-							...T,
-							className: s(`${R}-arrow`, { [`${w}-arrow`]: w }, T?.className),
+							ref: F,
+							...O,
+							className: s(`${x}-arrow`, { [`${E}-arrow`]: E }, O?.className),
 							style: {
-								...O.current.arrowStyle,
-								...T?.style
+								...I.current.arrowStyle,
+								...O?.style
 							}
 						})
 					})]
 				})
 			})
-		}), $ = Te($, e));
+		}), $ = je($, e));
 	}
-	return Xe && ($ = /* @__PURE__ */ _(ve, { children: [ye(F, {
-		...N,
-		ref: pe(F) ? (e) => {
-			O.current.children = e, ae(F, e);
+	return tt && ($ = /* @__PURE__ */ Ae(Te, { children: [u(L, {
+		...R,
+		ref: ge(L) ? (e) => {
+			I.current.children = e, ae(L, e);
 		} : void 0
 	}), $] })), $;
 }
-var y = be(v);
+var y = d(v);
 y.displayName = "Trigger";
 //#endregion
 export { y as default };