@unicom-cloud/ui 0.8.124 → 0.8.125

package/trigger/index.js

@@ -1,33 +1,34 @@
-/* 2025-11-19 10:00:13 */
-import { jsx as P, jsxs as xe } from "react/jsx-runtime";
+/* 2025-11-27 12:11:12 */
+import { jsx as P, jsxs as De } from "react/jsx-runtime";
 import { CSSTransition as lo } from "@unicom-cloud/ui-common/transition-group";
-import { forwardRef as co, useContext as po, useRef as I, useState as ao, Children as Se, useCallback as Me, cloneElement as ve, useImperativeHandle as fo, useLayoutEffect as mo, useEffect as b, Fragment as go } from "react";
+import { forwardRef as co, useContext as ao, useRef as I, useState as po, Children as Se, useCallback as Me, cloneElement as ve, useImperativeHandle as fo, useLayoutEffect as mo, useEffect as b, Fragment as go } from "react";
 import { createPortal as yo } from "react-dom";
 import "../config-provider/ConfigProvider.js";
 import G from "@unicom-cloud/ui-common/hooks/use-resize-observers";
-import R from "@unicom-cloud/ui-common/utils/className";
-import { on as J, off as Z, getScrollElements as To, isScrollElement as Co, contains as Oe } from "@unicom-cloud/ui-common/utils/dom";
-import { isPlainObject as ee, isArray as be, isFunction as D, isString as Po } from "@unicom-cloud/ui-common/utils/is";
+import Co from "@unicom-cloud/ui-common/utils/callbackOriginRef";
+import F from "@unicom-cloud/ui-common/utils/className";
+import { on as J, off as Z, getScrollElements as To, isScrollElement as Po, contains as be } from "@unicom-cloud/ui-common/utils/dom";
+import ho from "@unicom-cloud/ui-common/utils/findRootElement";
+import { isPlainObject as ee, isArray as Oe, isFunction as x, isString as Eo } from "@unicom-cloud/ui-common/utils/is";
 import { Esc as $e } from "@unicom-cloud/utils/constant/keyboardCode";
-import ho from "@unicom-cloud/ui-common/utils/mergeProps";
-import { pickDataAttributes as Eo } from "@unicom-cloud/ui-common/utils/pick";
-import { callbackOriginRef as wo, findDOMNode as Do } from "@unicom-cloud/ui-common/utils/reactDOM";
-import xo from "@unicom-cloud/ui-common/utils/supportRef";
-import Ne from "@unicom-cloud/ui-common/utils/throttleByRaf";
-import So, { getBoundingClientRect as Mo } from "./getPopupStyle.js";
-import vo from "../config-provider/context.js";
-function Oo(d, $) {
+import wo from "@unicom-cloud/ui-common/utils/mergeProps";
+import { pickDataAttributes as xo } from "@unicom-cloud/ui-common/utils/pick";
+import { supportRef as Do, getReactElementRef as So } from "@unicom-cloud/ui-common/utils/ref";
+import ke from "@unicom-cloud/ui-common/utils/throttleByRaf";
+import Mo, { getBoundingClientRect as vo } from "./getPopupStyle.js";
+import bo from "../config-provider/context.js";
+function Oo(d, O) {
   if (!d)
     return {};
-  const { width: y, height: m, left: T, right: z } = Mo(d, $);
+  const { width: y, height: m, left: C, right: z } = vo(d, O);
   return {
     width: y,
     height: m,
-    left: T,
+    left: C,
     right: z
   };
 }
-const jo = [
+const Go = [
   "onClick",
   "onMouseEnter",
   "onMouseLeave",
@@ -37,14 +38,14 @@ const jo = [
   "onContextMenu",
   "onKeyDown"
 ];
-function bo(d, $) {
+function $o(d, O) {
   const y = {}, m = { ...d };
-  return $.forEach((T) => {
-    d && T in d && (y[T] = d[T], delete m[T]);
+  return O.forEach((C) => {
+    d && C in d && (y[C] = d[C], delete m[C]);
   }), { picked: y, omitted: m };
 }
-function $o(d, $) {
-  const y = po(vo), { prefixCls: m, getPrefixCls: T, zIndex: z, rtl: ke } = y, He = {
+function ko(d, O) {
+  const y = ao(bo), { prefixCls: m, getPrefixCls: C, zIndex: z, rtl: He } = y, Ne = {
     blurToHide: !0,
     // clickToClose: true,
     classNames: `${m}-fade-in`,
@@ -64,25 +65,25 @@ function $o(d, $) {
     mouseLeaveDelay: 100,
     autoFitPosition: !0,
     updateOnScroll: !0
-  }, i = u(d), {
+  }, l = s(d), {
     children: oe,
     style: te,
     className: Le,
     arrowProps: V,
-    disabled: x,
+    disabled: D,
     popup: Ie,
     classNames: A,
     duration: Ve,
     unmountOnExit: ne,
     alignPoint: Be,
-    autoAlignPopupWidth: _e,
-    position: Fe,
+    autoAlignPopupWidth: Re,
+    position: _e,
     childrenPrefix: h,
-    showArrow: Re,
+    showArrow: Fe,
     popupStyle: re,
     __onExit: ze,
     __onExited: Ae
-  } = i, ie = "popupVisible" in i, Ye = "defaultPopupVisible" in i, se = oe || oe === 0, a = I(null), N = I(null), ue = I(null), le = I(null), t = I({
+  } = l, ie = "popupVisible" in l, Ye = "defaultPopupVisible" in l, se = oe || oe === 0, p = I(null), $ = I(null), ue = I(null), le = I(null), t = I({
     rootElement: void 0,
     triggerDestoried: !1,
     // 标志 popup 是否被销毁
@@ -103,120 +104,120 @@ function $o(d, $) {
     // 保存当前节点到弹出容器间的所有滚动元素
     delayTimeoutID: -1,
     updatePositionTimeoutID: -1
-  }), [Y, S] = ao({ popupVisible: !1, popupStyle: {} }), K = i.popupVisible, Ke = Y.popupVisible, s = K ?? Ke, c = {}, Q = {
+  }), [Y, S] = po({ popupVisible: !1, popupStyle: {} }), K = l.popupVisible, Ke = Y.popupVisible, i = K ?? Ke, c = {}, Q = {
     onMouseDown() {
       t.current.hasPopupMouseDown = !0, setTimeout(() => {
         t.current.hasPopupMouseDown = !1;
       }, 0);
     }
   };
-  L() && !x ? (c.onMouseEnter = Ge, c.onMouseLeave = ye, U() && (c.onClick = Te), Be && (c.onMouseMove = Je), Xe() || (Q.onMouseEnter = Ze, Q.onMouseLeave = eo)) : (c.onMouseEnter = w("onMouseEnter"), c.onMouseLeave = w("onMouseLeave")), pe() && !x ? (c.onContextMenu = oo, c.onClick = Te) : c.onContextMenu = w("onContextMenu"), ce() && !x ? c.onClick = to : c.onClick = c.onClick || w("onClick"), X() && !x ? (c.onFocus = no, ae() && (c.onBlur = ro)) : (c.onFocus = w("onFocus"), c.onBlur = w("onBlur")), x ? c.onKeyDown = w("onKeyDown") : c.onKeyDown = je;
-  const k = _(), H = Se.only(Ie?.());
-  k.props.className && (c.className = k.props.className), h && s && (c.className = R(
+  L() && !D ? (c.onMouseEnter = Ge, c.onMouseLeave = ye, U() && (c.onClick = Ce), Be && (c.onMouseMove = Je), Xe() || (Q.onMouseEnter = Ze, Q.onMouseLeave = eo)) : (c.onMouseEnter = w("onMouseEnter"), c.onMouseLeave = w("onMouseLeave")), ae() && !D ? (c.onContextMenu = oo, c.onClick = Ce) : c.onContextMenu = w("onContextMenu"), ce() && !D ? c.onClick = to : c.onClick = c.onClick || w("onClick"), X() && !D ? (c.onFocus = no, pe() && (c.onBlur = ro)) : (c.onFocus = w("onFocus"), c.onBlur = w("onBlur")), D ? c.onKeyDown = w("onKeyDown") : c.onKeyDown = je;
+  const k = R(), H = Se.only(Ie?.());
+  k.props.className && (c.className = k.props.className), h && i && (c.className = F(
     c.className,
     `${h}-open`
-  )), X() && (c.tabIndex = x ? -1 : 0);
-  const M = T?.("trigger"), Qe = R(
+  )), X() && (c.tabIndex = D ? -1 : 0);
+  const M = C?.("trigger"), Qe = F(
     M,
     h,
-    `${M}-position-${Fe}`,
-    { [`${M}-rtl`]: ke },
+    `${M}-position-${_e}`,
+    { [`${M}-rtl`]: He },
     Le
   );
-  function u(e) {
+  function s(e) {
     const { componentConfig: o } = y ?? {};
-    return ho(
+    return wo(
       ee(e) ? e : d,
-      He,
+      Ne,
       o?.Trigger ?? {},
-      be(e) ? e : void 0
+      Oe(e) ? e : void 0
     );
   }
-  function v() {
-    const e = Do(
-      i.getTargetDOMNode?.() || i.getRootElement?.() || t.current.child
+  function N() {
+    const e = ho(
+      l.getRootElement?.() || t.current.child
     );
     return t.current.rootElement = e, e;
   }
   const W = Me(
-    Ne(() => {
-      O();
+    ke(() => {
+      v();
     }),
-    [s]
+    [i]
   );
   function ce() {
-    const { trigger: e } = u(["trigger"]);
+    const { trigger: e } = s(["trigger"]);
     return [].concat(e).indexOf("click") > -1;
   }
   function X() {
-    const { trigger: e } = u(["trigger"]);
+    const { trigger: e } = s(["trigger"]);
     return [].concat(e).indexOf("focus") > -1;
   }
   function L() {
-    const { trigger: e } = u(["trigger"]);
+    const { trigger: e } = s(["trigger"]);
     return [].concat(e).indexOf("hover") > -1;
   }
-  function pe() {
-    const { trigger: e } = u(["trigger"]);
+  function ae() {
+    const { trigger: e } = s(["trigger"]);
     return [].concat(e).indexOf("contextMenu") > -1;
   }
   function We() {
-    return L() && u(["mouseLeaveToClose"]).mouseLeaveToClose;
+    return L() && s(["mouseLeaveToClose"]).mouseLeaveToClose;
   }
   function Xe() {
-    return L() && !u(["popupHoverStay"]).popupHoverStay;
+    return L() && !s(["popupHoverStay"]).popupHoverStay;
   }
   function U() {
-    if (ce() || pe()) {
-      const { clickToClose: e = !0 } = u(["clickToClose"]);
+    if (ce() || ae()) {
+      const { clickToClose: e = !0 } = s(["clickToClose"]);
       return e;
     }
-    return L() && i.clickToClose;
+    return L() && l.clickToClose;
   }
-  function ae() {
-    return X() && u(["blurToHide"]).blurToHide;
+  function pe() {
+    return X() && s(["blurToHide"]).blurToHide;
   }
   function Ue() {
     t.current.updatePositionTimeoutID && (t.current.updatePositionTimeoutID.cancel ? t.current.updatePositionTimeoutID.cancel() : (window.clearTimeout(t.current.updatePositionTimeoutID), t.current.updatePositionTimeoutID = null)), E();
   }
   function fe(e) {
-    const o = a.current;
+    const o = p.current;
     if (!o)
       return {};
-    const { showArrow: n, classNames: r } = u([
+    const { showArrow: n, classNames: r } = s([
       "showArrow",
       "classNames"
     ]);
-    let l = n && t.current.arrowStyle?.top || 0, p = n && t.current.arrowStyle?.left || 0;
-    l = l ? `${l}px` : "", p = p ? `${p}px` : "";
+    let u = n && t.current.arrowStyle?.top || 0, a = n && t.current.arrowStyle?.left || 0;
+    u = u ? `${u}px` : "", a = a ? `${a}px` : "";
     const we = {
-      top: `${p || "50%"} 100% 0`,
-      tl: `${p || "15px"} 100% 0`,
-      tr: `${p || `${o.clientWidth - 15}px`} 100% 0`,
-      bottom: `${p || "50%"} 0 0`,
-      bl: `${p || "15px"} 0 0`,
-      br: `${p || `${o.clientWidth - 15}px`} 0 0`,
-      left: `100% ${l || "50%"} 0`,
-      lt: `100% ${l || "15px"} 0`,
-      lb: `100% ${l || `${o.clientHeight - 15}px`} 0`,
-      right: `0 ${l || "50%"} 0`,
-      rt: `0 ${l || "15px"} 0`,
-      rb: `0 ${l || `${o.clientHeight - 15}px`} 0`
+      top: `${a || "50%"} 100% 0`,
+      tl: `${a || "15px"} 100% 0`,
+      tr: `${a || `${o.clientWidth - 15}px`} 100% 0`,
+      bottom: `${a || "50%"} 0 0`,
+      bl: `${a || "15px"} 0 0`,
+      br: `${a || `${o.clientWidth - 15}px`} 0 0`,
+      left: `100% ${u || "50%"} 0`,
+      lt: `100% ${u || "15px"} 0`,
+      lb: `100% ${u || `${o.clientHeight - 15}px`} 0`,
+      right: `0 ${u || "50%"} 0`,
+      rt: `0 ${u || "15px"} 0`,
+      rb: `0 ${u || `${o.clientHeight - 15}px`} 0`
     };
     if (r && r.indexOf("zoom") > -1)
       return {
         transformOrigin: we[e]
       };
     if (r === `${m}-slide-dynamic-origin`) {
-      let De = "0% 0%";
-      return ["top", "tl", "tr"].indexOf(e) > -1 && (De = "100% 100%"), {
-        transformOrigin: De
+      let xe = "0% 0%";
+      return ["top", "tl", "tr"].indexOf(e) > -1 && (xe = "100% 100%"), {
+        transformOrigin: xe
       };
     }
     return {};
   }
   function de() {
-    if (u(["classNames"]).classNames !== `${m}-slide-dynamic-origin`)
+    if (s(["classNames"]).classNames !== `${m}-slide-dynamic-origin`)
       return "";
     switch (t.current.realPosition) {
       case "bottom":
@@ -232,39 +233,39 @@ function $o(d, $) {
     }
   }
   function j() {
-    if (!N.current)
+    if (!$.current)
       return {};
-    const e = a.current, o = v();
+    const e = p.current, o = N();
     if (!o?.offsetParent && !o?.getClientRects()?.length)
       return Y.popupStyle;
-    const { style: n, arrowStyle: r, realPosition: l } = So(
-      i,
+    const { style: n, arrowStyle: r, realPosition: u } = Mo(
+      l,
       e,
       o,
-      N.current,
+      $.current,
       t.current.mouseLocation
     );
     t.current.arrowStyle = r || {};
-    const p = l || i.position;
-    return t.current.realPosition = p, {
+    const a = u || l.position;
+    return t.current.realPosition = a, {
       ...n,
-      ...fe(p)
+      ...fe(a)
     };
   }
-  function C(e) {
+  function T(e) {
     const o = j();
     S((n) => {
       const r = { ...n };
       return r.popupStyle = o, r;
-    }), D(e) && setTimeout(() => {
+    }), x(e) && setTimeout(() => {
       e();
     }, 0);
   }
-  const B = Me(Ne(C), [
-    s
+  const B = Me(ke(T), [
+    i
   ]);
-  function O(e = 0, o) {
-    if (s) {
+  function v(e = 0, o) {
+    if (i) {
       if (e < 4) {
         t.current.updatePositionTimeoutID = B(o);
         return;
@@ -272,22 +273,22 @@ function $o(d, $) {
       t.current.updatePositionTimeoutID = window.setTimeout(() => {
         const n = j();
         S((r) => {
-          const l = { ...r };
-          return l.popupStyle = n, l;
-        }), D(o) && setTimeout(() => {
+          const u = { ...r };
+          return u.popupStyle = n, u;
+        }), x(o) && setTimeout(() => {
           o();
         }, 0);
       }, e);
     }
   }
   function f(e, o = 0, n) {
-    const r = u(["onVisibleChange", "popupVisible"]);
-    e !== s ? me(o, () => {
-      r.onVisibleChange?.(e), ie ? n?.() : (S((l) => {
-        const p = { ...l };
-        return p.popupVisible = !!e, p;
+    const r = s(["onVisibleChange", "popupVisible"]);
+    e !== i ? me(o, () => {
+      r.onVisibleChange?.(e), ie ? n?.() : (S((u) => {
+        const a = { ...u };
+        return a.popupVisible = !!e, a;
       }), setTimeout(e ? () => {
-        C(n);
+        T(n);
       } : () => {
         n?.();
       }, 0));
@@ -302,28 +303,28 @@ function $o(d, $) {
     t.current.delayTimeoutID && (clearTimeout(t.current.delayTimeoutID), t.current.delayTimeoutID = null);
   }
   function ge(e) {
-    const o = u(["onClickOutside", "clickOutsideToClose"]);
-    let n = Oe(a.current, e.target);
-    n ||= Oe(v(), e.target), n ||= !!t.current.hasPopupMouseDown, n || (o.onClickOutside?.(), o.clickOutsideToClose && (ae() || L() || f(!1)));
+    const o = s(["onClickOutside", "clickOutsideToClose"]);
+    let n = be(p.current, e.target);
+    n ||= be(N(), e.target), n ||= !!t.current.hasPopupMouseDown, n || (o.onClickOutside?.(), o.clickOutsideToClose && (pe() || L() || f(!1)));
   }
   function je(e) {
     const o = e.key;
     g("onKeyDown", e), o === $e.key && qe(e);
   }
   function qe(e) {
-    const { escToClose: o } = u(["escToClose"]);
-    o && e && e.key === $e.key && s && f(!1);
+    const { escToClose: o } = s(["escToClose"]);
+    o && e && e.key === $e.key && i && f(!1);
   }
   function Ge(e) {
-    const { mouseEnterDelay: o } = u(["mouseEnterDelay"]);
+    const { mouseEnterDelay: o } = s(["mouseEnterDelay"]);
     g("onMouseEnter", e), E(), f(!0, o || 0);
   }
   function Je(e) {
-    g("onMouseMove", e), q(e), s && B();
+    g("onMouseMove", e), q(e), i && B();
   }
   function ye(e) {
-    const { mouseLeaveDelay: o } = u(["mouseLeaveDelay"]);
-    E(), g("onMouseLeave", e), We() && s && f(!1, o || 0);
+    const { mouseLeaveDelay: o } = s(["mouseLeaveDelay"]);
+    E(), g("onMouseLeave", e), We() && i && f(!1, o || 0);
   }
   function Ze() {
     E();
@@ -332,39 +333,39 @@ function $o(d, $) {
     ye(e);
   }
   function q(e) {
-    u(["alignPoint"]).alignPoint && (t.current.mouseLocation = {
+    s(["alignPoint"]).alignPoint && (t.current.mouseLocation = {
       clientX: e.clientX,
       clientY: e.clientY
     });
   }
   function oo(e) {
-    e.preventDefault(), g("onContextMenu", e), q(e), s ? u(["alignPoint"]).alignPoint && B() : f(!0, 0);
+    e.preventDefault(), g("onContextMenu", e), q(e), i ? s(["alignPoint"]).alignPoint && B() : f(!0, 0);
   }
-  function Te(e) {
-    s && (t.current.mousedownToHide = !0), g("onClick", e), U() && s && f(!s, 0);
+  function Ce(e) {
+    i && (t.current.mousedownToHide = !0), g("onClick", e), U() && i && f(!i, 0);
   }
   function to(e) {
-    s && (t.current.mousedownToHide = !0), g("onClick", e), q(e), !(!U() && s) && f(!s, 0);
+    i && (t.current.mousedownToHide = !0), g("onClick", e), q(e), !(!U() && i) && f(!i, 0);
   }
   function no(e) {
-    const { focusDelay: o } = u(["focusDelay"]), n = () => {
+    const { focusDelay: o } = s(["focusDelay"]), n = () => {
       g("onFocus", e);
     };
-    E(), t.current.mousedownToHide || (s ? n?.() : f(!0, o || 0, n)), t.current.mousedownToHide = !1;
+    E(), t.current.mousedownToHide || (i ? n?.() : f(!0, o || 0, n)), t.current.mousedownToHide = !1;
   }
   function ro(e) {
     f(!1, 200, () => g("onBlur", e));
   }
-  function Ce(e) {
-    s && u(["autoFixPosition"]).autoFixPosition && O();
+  function Te(e) {
+    i && s(["autoFixPosition"]).autoFixPosition && v();
   }
-  function _() {
-    const { children: e } = i, o = e, n = o && !Po(o) && o.type;
+  function R() {
+    const { children: e } = l, o = e, n = o && !Eo(o) && o.type;
     let r = e;
     if (["string", "number"].indexOf(typeof e) > -1 || Se.count(e) > 1)
       r = /* @__PURE__ */ P("span", { children: e });
     else if (o && n && (n.__PQB_BUTTON === !0 || n.__PQB_CHECKBOX === !0 || n.__PQB_SWITCH === !0 || n.__PQB_RADIO === !0 || n === "button") && o.props.disabled) {
-      const { picked: l, omitted: p } = bo(o.props.style, [
+      const { picked: u, omitted: a } = $o(o.props.style, [
         "position",
         "left",
         "right",
@@ -378,10 +379,10 @@ function $o(d, $) {
         "span",
         {
           className: o.props?.className,
-          style: { display: "inline-block", ...l, cursor: "not-allowed" },
+          style: { display: "inline-block", ...u, cursor: "not-allowed" },
           children: ve(o, {
             style: {
-              ...p,
+              ...a,
               pointerEvents: "none"
             },
             className: void 0
@@ -392,26 +393,26 @@ function $o(d, $) {
     return r || /* @__PURE__ */ P("span", {});
   }
   function g(e, o) {
-    const n = _(), r = n && n.props && n.props[e], l = u([e])[e];
-    D(r) && r(o), D(l) && l(o);
+    const n = R(), r = n && n.props && n.props[e], u = s([e])[e];
+    x(r) && r(o), x(u) && u(o);
   }
   function w(e) {
-    const o = _(), n = o && o.props && o.props[e], r = u([e])[e];
-    return D(r) && D(n) ? (l) => {
-      n(l), r(l);
+    const o = R(), n = o && o.props && o.props[e], r = s([e])[e];
+    return x(r) && x(n) ? (u) => {
+      n(u), r(u);
     } : n || r;
   }
   function Pe() {
-    const e = u(["containerScrollToClose", "updateOnScroll"]);
-    e.containerScrollToClose ? f(!1) : e.updateOnScroll && O();
+    const e = s(["containerScrollToClose", "updateOnScroll"]);
+    e.containerScrollToClose ? f(!1) : e.updateOnScroll && v();
   }
   function io() {
     if (!t.current.scrollElements && (t.current.scrollElements = To(
-      v()
+      N()
       // refPopupContainer.current.parentNode as HTMLElement,
-    ), be(t.current.scrollElements))) {
+    ), Oe(t.current.scrollElements))) {
       const e = document.body;
-      i.containerScrollToClose && N.current?.parentNode === e && t.current.scrollElements.indexOf(e) === -1 && Co(document.documentElement) && t.current.scrollElements.push(window), t.current.scrollElements.forEach((o) => {
+      l.containerScrollToClose && $.current?.parentNode === e && t.current.scrollElements.indexOf(e) === -1 && Po(document.documentElement) && t.current.scrollElements.push(window), t.current.scrollElements.forEach((o) => {
         J(o, "scroll", Pe);
       });
     }
@@ -421,66 +422,68 @@ function $o(d, $) {
       Z(e, "scroll", Pe);
     }), t.current.scrollElements = null);
   }
-  fo($, () => ({
-    getRootDOMNode: v,
-    getRootElement: v,
+  fo(O, () => ({
+    getRootElement: N,
     getPopupElement() {
-      return a.current;
+      return p.current;
     },
-    getChild: _,
+    getChild: R,
     getPopupStyle: j,
     getTransformTranslate: de,
     getTransformOrigin: fe,
     updateThrottleByRaf: B,
-    update: C,
-    updatePopupStyle: C,
-    updatePopupPosition: O,
+    update: T,
+    updatePopupStyle: T,
+    updatePopupPosition: v,
     handleUpdatePosition: W,
     setPopupVisible: f,
     delayToDo: me
-  })), mo(() => (C(), () => {
+  })), mo(() => (T(), () => {
   }), [
-    a.current,
+    p.current,
     ue.current,
     le.current,
     t.current.rootElement
   ]), G(
     (e) => {
-      O(e);
+      v(e);
     },
     // refPopupContainer.current?.parentNode 相当于是通过 getPopupContainer 传入的节点
     // 因为弹出容器会被挂载到 getPopupContainer 返回的节点上
-    [N.current?.parentNode]
+    [$.current?.parentNode],
+    { immediate: !0 }
   ), G(
     (e) => {
-      Ce();
+      Te();
     },
-    [a.current]
+    [p.current],
+    { immediate: !0 }
   ), G(
     (e) => {
-      Ce();
+      Te();
     },
-    [t.current.rootElement]
+    [t.current.rootElement],
+    { immediate: !0 }
   ), b(() => {
     const e = t.current.rootElement;
-    return s && (t.current.childrenDomSize = Oo(e, {
-      boundaryDistance: i.alignPoint ? void 0 : i.boundaryDistance,
-      position: i.position
+    return i && (t.current.childrenDomSize = Oo(e, {
+      boundaryDistance: l.alignPoint ? void 0 : l.boundaryDistance,
+      position: l.position
     })), () => {
     };
   }, [
     t.current.rootElement,
-    i.alignPoint,
-    i.boundaryDistance,
-    i.position
-  ]), b(() => (s && (i.updateOnScroll || i.containerScrollToClose ? io() : (O(), he())), () => {
+    l.alignPoint,
+    l.boundaryDistance,
+    l.position
+  ]), b(() => (i && (l.updateOnScroll || l.containerScrollToClose ? io() : (v(), he())), () => {
     he();
   }), [
-    s,
-    i.updateOnScroll,
-    i.containerScrollToClose
+    i,
+    l.updateOnScroll,
+    l.containerScrollToClose
   ]), b(() => {
-    const { clickOutsideToClose: e, getDocument: o } = u([
+    const { clickOutsideToClose: e, getDocument: o } = s([
       "clickOutsideToClose",
       "getDocument"
     ]), n = o?.() || window.document, r = {
@@ -489,12 +492,12 @@ function $o(d, $) {
       // 2. 点击label标签，会触发对应input元素的点击事件，导致触发clickOutside，隐藏popup。
       capture: ee(e) ? e.capture : !1
     };
-    return s && (J(n, "mousedown", ge, r), J(window, "resize", W)), () => {
+    return i && (J(n, "mousedown", ge, r), J(window, "resize", W)), () => {
       Z(n, "mousedown", ge, r), Z(window, "resize", W);
     };
-  }, [s]), b(() => (Ye && S((e) => {
+  }, [i]), b(() => (Ye && S((e) => {
     const o = { ...e };
-    return o.popupVisible = !!i?.defaultPopupVisible, o;
+    return o.popupVisible = !!l?.defaultPopupVisible, o;
   }), () => {
   }), []), b(() => (ie && S((e) => {
     const o = { ...e };
@@ -505,13 +508,13 @@ function $o(d, $) {
   }, []);
   const so = se && ve(k, {
     ...c,
-    ref: xo(k) ? (e) => {
-      t.current.child = e, wo(k, e);
+    ref: Do(k) ? (e) => {
+      t.current.child = e, Co(k, e);
     } : void 0
   }), uo = /* @__PURE__ */ P(
     lo,
     {
-      in: !!s,
+      in: !!i,
       timeout: Ve,
       classNames: A,
       unmountOnExit: ne,
@@ -519,37 +522,37 @@ function $o(d, $) {
       mountOnEnter: !0,
       onEnter: () => {
         t.current.triggerDestoried = !1;
-        const e = a.current;
-        e && (e.style.display = "initial", e.style.pointerEvents = "none", A === `${m}-slide-dynamic-origin` && (e.style.transform = de()), C());
+        const e = p.current;
+        e && (e.style.display = "initial", e.style.pointerEvents = "none", A === `${m}-slide-dynamic-origin` && (e.style.transform = de()), T());
       },
       onEntering: () => {
-        const e = a.current;
-        e && (A === `${m}-slide-dynamic-origin` && (e.style.transform = ""), C());
+        const e = p.current;
+        e && (A === `${m}-slide-dynamic-origin` && (e.style.transform = ""), T());
       },
       onEntered: () => {
-        const e = a.current;
-        e && (e.style.pointerEvents = "auto", C());
+        const e = p.current;
+        e && (e.style.pointerEvents = "auto", T());
       },
       onExit: () => {
-        const e = a.current;
+        const e = p.current;
         e && (e.style.pointerEvents = "none", ze?.(e));
       },
       onExited: () => {
-        const e = a.current;
+        const e = p.current;
         e && (e.style.display = "none", ne && (t.current.triggerDestoried = !0), S((o) => {
           const n = { ...o };
           return n.popupStyle = {}, n;
         }), Ae?.(e));
       },
-      refElement: a,
-      children: /* @__PURE__ */ xe(
+      refElement: p,
+      children: /* @__PURE__ */ De(
         "span",
         {
-          ref: a,
+          ref: p,
           "trigger-placement": t.current.realPosition,
-          ...Eo(i),
+          ...xo(l),
           style: {
-            width: _e && te?.width === void 0 ? t.current.childrenDomSize?.width : "",
+            width: Re && te?.width === void 0 ? t.current.childrenDomSize?.width : "",
             ...Y.popupStyle,
             position: "absolute",
             zIndex: z || "",
@@ -562,16 +565,16 @@ function $o(d, $) {
             ee(re) ? /* @__PURE__ */ P(
               H.type,
               {
-                ref: H.ref,
+                ref: So(H),
                 ...H.props,
                 style: { ...H.props.style, ...re }
               }
             ) : H,
-            (Re || V) && /* @__PURE__ */ P(
+            (Fe || V) && /* @__PURE__ */ P(
               "div",
               {
                 ref: ue,
-                className: R(`${M}-arrow-container`, {
+                className: F(`${M}-arrow-container`, {
                   [`${h}-arrow-container`]: h
                 }),
                 children: /* @__PURE__ */ P(
@@ -579,7 +582,7 @@ function $o(d, $) {
                   {
                     ref: le,
                     ...V,
-                    className: R(
+                    className: F(
                       `${M}-arrow`,
                       {
                         [`${h}-arrow`]: h
@@ -596,26 +599,26 @@ function $o(d, $) {
       )
     }
   );
-  let F, Ee = s;
-  if (Ee ||= !!a.current && !t.current.triggerDestoried, Ee) {
-    const e = i.getPopupContainer || y.getPopupContainer;
-    if (D(e)) {
-      const o = e(v());
-      o && (F = yo(
-        /* @__PURE__ */ P("div", { ref: N, className: `${M}-container`, children: uo }),
+  let _, Ee = i;
+  if (Ee ||= !!p.current && !t.current.triggerDestoried, Ee) {
+    const e = l.getPopupContainer || y.getPopupContainer;
+    if (x(e)) {
+      const o = e(N());
+      o && (_ = yo(
+        /* @__PURE__ */ P("div", { ref: $, className: `${M}-container`, children: uo }),
         o
         // popupVisible ? 1 : 0,
       ));
     }
   }
-  return se && (F = /* @__PURE__ */ xe(go, { children: [
+  return se && (_ = /* @__PURE__ */ De(go, { children: [
     so,
-    F
-  ] })), F;
+    _
+  ] })), _;
 }
-const No = co($o);
-No.displayName = "Trigger";
+const Ho = co(ko);
+Ho.displayName = "Trigger";
 export {
-  jo as EventsByTriggerNeed,
-  No as default
+  Go as EventsByTriggerNeed,
+  Ho as default
 };