@unicom-cloud/ui 0.8.170 → 0.8.171

package/trigger/Trigger.js

@@ -1,45 +1,50 @@
-/* 潘启宝 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";
+/* 潘启宝 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 { contains as re, getScrollElements as ie, off as ae, on as s } from "../utils/dom.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-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 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";
 //#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: 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, {
 		...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({
+		...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,
+		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({
 		rootElement: null,
 		triggerDestoried: !1,
-		realPosition: null,
+		position: null,
 		arrowStyle: null,
 		mousedownToHide: !1,
 		hasPopupMouseDown: !1,
@@ -52,58 +57,56 @@ function y(l, Me) {
 		delayTimeoutId: -1,
 		children: null
 	});
-	I.current.rootElement = lt();
-	let L = Ft(), R = {}, z = { onMouseDown() {
-		I.current.hasPopupMouseDown = !0, _(() => {
-			I.current.hasPopupMouseDown = !1;
+	L.current.rootElement = ct();
+	let R = Nt(), z = {}, B = { onMouseDown() {
+		L.current.hasPopupMouseDown = !0, v(() => {
+			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);
+	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() {
-		return me(C.getRootElement?.() || I.current.children);
+		let { trigger: e } = C;
+		return d(e).includes("click");
 	}
-	function ut() {
+	function H() {
 		let { trigger: e } = C;
-		return u(e).includes("click");
+		return d(e).includes("focus");
 	}
-	function V() {
+	function U() {
 		let { trigger: e } = C;
-		return u(e).includes("focus");
+		return d(e).includes("hover");
 	}
-	function H() {
+	function ut() {
 		let { trigger: e } = C;
-		return u(e).includes("hover");
+		return d(e).includes("contextMenu");
 	}
 	function dt() {
-		let { trigger: e } = C;
-		return u(e).includes("contextMenu");
+		return U() && C.mouseLeaveToClose;
 	}
 	function ft() {
-		return H() && C.mouseLeaveToClose;
-	}
-	function pt() {
-		return H() && !C.popupHoverStay;
+		return U() && !C.popupHoverStay;
 	}
-	function U() {
-		if (ut() || dt()) {
+	function W() {
+		if (lt() || ut()) {
 			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();
+	function pt() {
+		return H() && C.blurToHide;
 	}
-	function gt(e) {
-		let t = P.current;
+	function mt(e) {
+		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 = !!O && L.current.arrowStyle?.top || 0, i = !!O && L.current.arrowStyle?.left || 0;
 		r = r ? `${r}px` : "", i = i ? `${i}px` : "";
 		let a = {
 			top: `${i || "50%"} 100% 0`,
@@ -120,7 +123,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 +133,13 @@ function y(l, Me) {
 		}
 		return {};
 	}
-	function W(e) {
+	function G(e) {
 		return e === `${Re}-slide-dynamic-origin`;
 	}
-	function _t() {
-		if (!W(C.classNames)) return "";
-		switch (I.current.realPosition) {
-			case "bottom":
+	function ht() {
+		if (!G(C.classNames)) return "";
+		switch (L.current.position) {
+			case be:
 			case "bl":
 			case "br": return "scaleY(0.9) translateY(-4px)";
 			case "top":
@@ -145,122 +148,113 @@ 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 K = p(() => {
+		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({
 			...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: O
+		}, r, n, N.current, e.mouseLocation);
+		return e.arrowStyle = a || {}, e.position = o || C.position, {
+			...i,
+			...mt(e.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: 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();
+			});
+			let t = C.onVisibleChange;
+			r(t) && t(e);
 		});
-	}
-	function bt(e, t) {
-		e ? (Y(), I.current.delayTimeoutId = _(() => {
+	});
+	function vt(e, t) {
+		let n = L.current;
+		e ? (Y(), n.delayTimeoutId = v(() => {
 			t(), Y();
 		}, e)) : t();
 	}
 	function Y() {
-		let e = I.current.delayTimeoutId;
-		e && (Le(e), I.current.delayTimeoutId = null);
+		let e = L.current, t = e.delayTimeoutId;
+		t && (Le(t), e.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 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) {
+	function bt(e) {
 		let t = e.key;
-		Z("onKeyDown", e), t === ne.key && Ct(e);
+		Z("onKeyDown", e), t === ne.key && xt(e);
 	}
-	function Ct(e) {
+	function xt(e) {
 		let { escToClose: t } = C;
-		t && e?.key === ne.key && N && J(!1);
+		t && e?.key === ne.key && j && J(!1);
 	}
-	function wt(e) {
+	function St(e) {
 		let { mouseEnterDelay: t } = C;
 		Z("onMouseEnter", e), Y(), J(!0, t || 0);
 	}
-	function Tt(e) {
-		Z("onMouseMove", e), X(e), N && K();
+	function Ct(e) {
+		Z("onMouseMove", e), X(e), q();
 	}
-	function Et(e) {
+	function wt(e) {
 		let { mouseLeaveDelay: t } = C;
-		Y(), Z("onMouseLeave", e), ft() && N && J(!1, t || 0);
+		Y(), Z("onMouseLeave", e), dt() && j && J(!1, t || 0);
 	}
-	function Dt() {
+	function Tt() {
 		Y();
 	}
-	function Ot(e) {
-		Et(e);
+	function Et(e) {
+		wt(e);
 	}
 	function X(e) {
-		C.alignPoint && (I.current.mouseLocation = {
+		let t = L.current;
+		C.alignPoint && (t.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 Dt(e) {
+		e.preventDefault(), Z("onContextMenu", e), X(e), j ? C.alignPoint && q() : J(!0, 0);
 	}
-	function At(e) {
-		N && (I.current.mousedownToHide = !0), Z("onClick", e), U() && N && J(!N, 0);
+	function Ot(e) {
+		let t = L.current;
+		j && (t.mousedownToHide = !0), Z("onClick", e), W() && j && J(!j, 0);
 	}
-	function jt(e) {
-		N && (I.current.mousedownToHide = !0), Z("onClick", e), X(e), !(N && !U()) && J(!N, 0);
+	function kt(e) {
+		let t = L.current;
+		j && (t.mousedownToHide = !0), Z("onClick", e), X(e), !(j && !W()) && J(!j, 0);
 	}
-	function Mt(e) {
-		let { focusDelay: t } = C, n = () => {
+	function At(e) {
+		let { focusDelay: t } = C, n = L.current, r = () => {
 			Z("onFocus", e);
 		};
-		Y(), I.current.mousedownToHide || (N ? n?.() : J(!0, t || 0, n)), I.current.mousedownToHide = !1;
+		Y(), n.mousedownToHide || (j ? r?.() : J(!0, t || 0, r)), n.mousedownToHide = !1;
 	}
-	function Nt(e) {
+	function jt(e) {
 		J(!1, 200, () => Z("onBlur", e));
 	}
-	function Pt(e) {
-		N && C.autoFixPosition && q();
+	function Mt(e) {
+		C.autoFixPosition && q();
 	}
-	function Ft() {
+	function Nt() {
 		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", {
+			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" || [
-				ce.id,
-				de.id,
+				se.id,
 				ue.id,
-				le.id
+				le.id,
+				ce.id
 			].includes(i.id))) {
-				let { picked: e, omitted: r } = Ee(a?.style, [
+				let { picked: e, omitted: r } = we(a?.style, [
 					"position",
 					"left",
 					"right",
@@ -270,14 +264,14 @@ function y(l, Me) {
 					"display",
 					"zIndex"
 				]);
-				n = /* @__PURE__ */ h("span", {
+				n = /* @__PURE__ */ _("span", {
 					style: {
 						display: "inline-block",
 						...e,
 						cursor: "not-allowed"
 					},
 					className: a?.className,
-					children: je(t, {
+					children: ke(t, {
 						style: {
 							...r,
 							pointerEvents: "none"
@@ -287,172 +281,163 @@ function y(l, Me) {
 				});
 			}
 		}
-		return n || /* @__PURE__ */ h("span", {});
+		return n || /* @__PURE__ */ _("span", {});
 	}
 	function Z(e, t) {
-		L?.props?.[e]?.(t), C[e]?.(t);
+		R?.props?.[e]?.(t), C[e]?.(t);
 	}
 	function Q(e) {
 		return (t) => {
-			L?.props?.[e]?.(t), C[e]?.(t);
+			R?.props?.[e]?.(t), C[e]?.(t);
 		};
 	}
-	function It() {
+	function Pt() {
 		let { containerScrollToClose: e, updateOnScroll: t } = C;
 		e ? J(!1) : t && q();
 	}
-	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 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 Rt() {
-		I.current.scrollElements && (I.current.scrollElements.forEach((e, t, n) => {
-			ae(e, "scroll", It);
-		}), I.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(), () => {}), [
+	function It() {
+		let e = L.current;
+		e.scrollElements &&= (e.scrollElements.forEach((e, t, n) => {
+			(0, c.off)(e, "scroll", Pt);
+		}), null);
+	}
+	Pe(() => (q(), () => {}), [
+		j,
+		M.current,
 		P.current,
-		ot.current,
-		st.current,
-		I.current.rootElement
-	]), ve((e) => {
+		F.current,
+		L.current.rootElement
+	]), f((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, {
+	}, [(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
 		})), () => {};
 	}, [
-		I.current.rootElement,
+		L.current.rootElement,
 		C.alignPoint,
 		C.boundaryDistance,
 		C.position
-	]), f(() => (N && (C.updateOnScroll || C.containerScrollToClose ? Lt() : (q(), Rt())), () => {
-		Rt();
+	]), h(() => (j && (C.updateOnScroll || C.containerScrollToClose ? Ft() : (q(), It())), () => {
+		It();
 	}), [
-		N,
+		j,
 		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);
+	]), 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);
 		};
-	}, [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]), Pe(() => () => {}, []), h(() => () => {}, []), ie(() => {
+		Y();
+	}), Ne(Ae, () => ({
+		getPopupElement() {
+			return M.current;
+		},
+		getRootElement: ct,
+		getChildren: Nt,
+		getPopupStyle: K,
+		getTransformTranslate: ht,
+		getTransformOrigin: mt,
+		update: q,
+		updatePopupPosition: q,
+		setPopupVisible: J
+	}));
 	let $;
-	if ((N || P.current && !I.current.triggerDestoried) && n(tt)) {
-		let e = tt(I.current.rootElement);
-		e && ($ = /* @__PURE__ */ h("div", {
-			ref: F,
+	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__ */ h(_e.TransitionCSS, {
-				in: !!N,
-				duration: We,
+			children: /* @__PURE__ */ _(ge.TransitionCSS, {
+				in: !!j,
+				duration: Ge,
 				classNames: E,
-				unmountOnExit: Ge,
+				unmountOnExit: Ke,
 				appear: !0,
 				mountOnEnter: !0,
-				refElement: P,
+				refElement: M,
 				onBeforePhaseChange: () => {
-					G();
+					q();
 				},
 				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();
+					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 ||= P.current, r(e) && W(E) && (e.style.transform = ""), G();
+					e ||= M.current, i(e) && G(E) && (e.style.transform = ""), q();
 				},
 				onEnterDone: (e) => {
-					e ||= P.current, r(e) && (e.style.pointerEvents = "auto"), G();
+					e ||= M.current, i(e) && (e.style.pointerEvents = "auto"), q();
 				},
 				onExitStart: (e) => {
-					e ||= P.current, r(e) && (e.style.pointerEvents = "none"), n($e) && $e(e);
+					e ||= M.current, i(e) && (e.style.pointerEvents = "none"), r(rt) && rt(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);
+					e ||= M.current, i(e) && (e.style.display = "none"), Ke && (L.current.triggerDestoried = !0), A({}), r(it) && it(e);
 				},
-				children: /* @__PURE__ */ g("span", {
-					ref: P,
-					"trigger-placement": I.current.realPosition,
-					...se(C),
+				children: /* @__PURE__ */ Fe("span", {
+					ref: M,
+					"trigger-placement": L.current.position,
+					...oe(C),
 					style: {
 						...x?.Trigger?.style,
-						width: qe && o(w?.width) ? I.current.childrenDomSize?.width : "",
-						...M,
+						width: Je && s(w?.width) ? L.current.childrenDomSize?.width : "",
+						...k,
 						position: "absolute",
 						zIndex: b || "",
 						...w
 					},
-					...z,
-					className: ct,
-					children: [i(O) ? /* @__PURE__ */ h(B.type, {
-						ref: he(B),
-						...B.props,
+					...B,
+					className: st,
+					children: [a($e) ? /* @__PURE__ */ _(V.type, {
+						ref: me(V),
+						...V.props,
 						style: {
-							...B.props?.style,
-							...O
+							...V.props?.style,
+							...$e
 						}
-					}, B.key) : B, !!A && /* @__PURE__ */ h("div", {
-						ref: ot,
-						className: c(`${S}-arrow-container`, { [`${D}-arrow-container`]: D }),
-						children: /* @__PURE__ */ h("div", {
-							ref: st,
-							...A,
+					}, V.key) : V, !!O && /* @__PURE__ */ _("div", {
+						ref: P,
+						className: l(`${S}-arrow-container`, { [`${D}-arrow-container`]: D }),
+						children: /* @__PURE__ */ _("div", {
+							ref: F,
+							...O,
 							style: {
-								...I.current.arrowStyle,
-								...A?.style
+								...L.current.arrowStyle,
+								...O?.style
 							},
-							className: c(`${S}-arrow`, { [`${D}-arrow`]: D }, A?.className)
+							className: l(`${S}-arrow`, { [`${D}-arrow`]: D }, O?.className)
 						})
 					})]
 				})
 			})
 		}), $ = Ie($, e));
 	}
-	return it && ($ = /* @__PURE__ */ g(Ae, { children: [je(L, {
-		...R,
-		ref: ge(L) ? (e) => {
-			I.current.children = e, oe(L, e);
+	return at && ($ = /* @__PURE__ */ Fe(Oe, { children: [ke(R, {
+		...z,
+		ref: he(R) ? (e) => {
+			I.current = e, ae(R, e);
 		} : void 0
 	}), $] })), $;
 }
-var b = Me(y);
-b.displayName = l.displayName;
+var b = Ae(ze);
+Object.assign(b, { ...u });
 //#endregion
 export { b as default };
 /* 独立思考，明辨是非 */