@unicom-cloud/ui 0.8.43 → 0.8.45

package/Trigger.js

@@ -1,227 +1,39 @@
-var it = Object.defineProperty;
-var ot = (h, l, t) => l in h ? it(h, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[l] = t;
-var s = (h, l, t) => (ot(h, typeof l != "symbol" ? l + "" : l, t), t);
-import { jsx as R, jsxs as X } from "react/jsx-runtime";
-import "./chunk/C6Kfwj0f.js";
-import { CSSTransition as st } from "@unicom-cloud/react-transition-group";
-import rt from "lodash/isArray";
-import nt from "lodash/isEqual";
-import W from "lodash/isFunction";
-import q from "lodash/isPlainObject";
-import A, { useRef as lt, useEffect as pt, PureComponent as ht } from "react";
-import ut, { findDOMNode as at } from "react-dom";
-import { a as ct } from "./chunk/Dr0iXIXO.js";
-import _ from "@unicom-cloud/utils/class-name";
-import { isServerRendering as tt, on as U, off as Y, getScrollElements as ft, isScrollElement as dt, contains as Q } from "./utils/dom.js";
-import { Esc as K } from "./utils/keyCode.js";
-import gt from "./utils/mergeProp.js";
-import { pickDataAttributes as mt } from "./utils/pick.js";
-import { caf as G, raf as bt } from "./utils/raf.js";
-import j from "./utils/throttleByRaf.js";
-import Pt from "./hooks/useIsFirstRender.js";
-import { isArray as Tt } from "./utils/is.js";
-const yt = (h) => {
-  const { getContainer: l, children: t } = h, e = lt();
-  return (Pt() || e.current === null) && !tt && (e.current = l()), pt(() => () => {
-    const r = e.current;
-    r && r.parentNode && (r.parentNode.removeChild(r), e.current = null);
-  }, []), e.current ? ut.createPortal(t, e.current) : null;
-}, B = 0, I = (h, l) => {
-  const { position: t } = l, { width: e, height: i, left: r, right: n, top: u, bottom: P } = h.getBoundingClientRect(), o = l.boundaryDistance || {}, M = "left" in o && o.left || B, g = "top" in o && o.top || B;
-  let a, c, f, m;
-  return ["bottom", "bl", "br"].indexOf(t) > -1 ? (f = u, m = P) : (f = u - g, m = P - g), ["right", "rt", "rb"].indexOf(t) > -1 ? (a = r, c = n) : (a = r - M, c = n - M), {
-    width: e,
-    height: i,
-    left: a,
-    right: c,
-    top: f,
-    bottom: m
-  };
-};
-function wt(h, l, t, e) {
-  if (!t || !h || tt)
-    return { left: 0, width: 0, height: 0, top: 0 };
-  const i = (m) => document.documentElement[m] || document.body[m], r = t === document.body ? i("scrollTop") : t.scrollTop, n = t === document.body ? i("scrollLeft") : t.scrollLeft, { left: u, top: P, width: o, height: M } = l, g = t === document.body ? 0 : I(t, e).left, a = t === document.body ? 0 : I(t, e).top, c = P + r - a;
-  return {
-    left: u + n - g,
-    top: c,
-    width: o,
-    height: M
-  };
-}
-const E = function(h, l, t) {
-  return t < h ? h : t > l ? l : t;
-}, Ct = (h, l) => {
-  let t = 0, e = 0, i = {};
-  l ? i = {
-    left: 12,
-    right: 12,
-    top: 12,
-    bottom: 12,
-    ...h
-  } : i = { ...h };
-  for (const r in i)
-    if (Tt(i[r])) {
-      let n = 0;
-      ["top", "bottom"].indexOf(r) > -1 ? (n = 1, t = i[r][0]) : e = i[r][1], i[r] = i[r][n];
-    }
-  return {
-    ...i,
-    horizontalOffset: t,
-    verticalOffset: e
-  };
-}, vt = (h, l, { boundaryDistance: t, position: e }) => l ? {
-  left: l.clientX,
-  top: l.clientY,
-  width: 0,
-  height: 0,
-  right: l.clientX,
-  bottom: l.clientY
-} : I(h, { boundaryDistance: t, position: e }), Mt = (h) => {
-  const l = h.offsetWidth, t = h.offsetHeight;
-  return {
-    width: l,
-    height: t
-  };
-}, Ot = (h) => {
-  var n, u;
-  const l = h || {}, t = "left" in l ? l.left : "right" in l ? l.right : B, e = "top" in l ? l.top : "bottom" in l ? l.bottom : B, i = (((n = document.documentElement) == null ? void 0 : n.clientHeight) || window.innerHeight) - (e || B), r = (((u = document.documentElement) == null ? void 0 : u.clientWidth) || window.innerWidth) - (t || B);
-  return {
-    windowHeight: i,
-    windowWidth: r
-  };
-}, Dt = (h, l, t, e, i) => {
-  const {
-    autoAlignPopupWidth: r,
-    autoAlignPopupMinWidth: n,
-    alignPoint: u,
-    style: P
-  } = h;
-  if (!t || !l || !e)
+var J = Object.defineProperty;
+var Z = (u, h, e) => h in u ? J(u, h, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[h] = e;
+var i = (u, h, e) => Z(u, typeof h != "symbol" ? h + "" : h, e);
+import { jsx as d, jsxs as V } from "react/jsx-runtime";
+/* empty css                 */
+/* empty css                         */
+import { CSSTransition as ee } from "@unicom-cloud/react-transition-group";
+import te from "lodash/isArray";
+import ie from "lodash/isEqual";
+import g from "lodash/isFunction";
+import C, { PureComponent as se, createRef as H } from "react";
+import "./config-provider/ConfigProvider.js";
+import b from "@unicom-cloud/utils/class-name";
+import { on as w, off as R, getScrollElements as oe, isScrollElement as re, contains as $ } from "./utils/dom.js";
+import { isObject as L, supportRef as ne } from "./utils/is.js";
+import { Esc as N } from "./utils/keyCode.js";
+import pe from "./utils/mergeProp.js";
+import { pickDataAttributes as le } from "./utils/pick.js";
+import { caf as k, raf as ue } from "./utils/raf.js";
+import { findDOMNode as he, callbackOriginRef as ae } from "./utils/reactDOM.js";
+import F from "./utils/throttleByRaf.js";
+import ce from "./trigger/Portal.js";
+import de, { getBoundingClientRect as ge } from "./trigger/getPopupStyle.js";
+import { ConfigContext as fe } from "./config-provider/context.js";
+function B(u, h) {
+  if (!u)
     return {};
-  const o = {}, M = !h.alignPoint && h.boundaryDistance || {}, g = vt(t, u && i, {
-    boundaryDistance: M,
-    position: h.position
-  }), { left: a, top: c, width: f, height: m } = wt(
-    t,
-    g,
-    e,
-    {
-      boundaryDistance: M,
-      position: h.position
-    }
-  ), V = Ct(h.popupAlign, h.showArrow), H = V.left || 0, N = V.right || 0, k = V.top || 0, F = V.bottom || 0;
-  r && (P == null ? void 0 : P.width) === void 0 && (l.style.width = `${t.offsetWidth}px`), n && (l.style.minWidth = `${t.offsetWidth}px`);
-  const p = Mt(l);
-  let v = h.position;
-  const y = {}, O = (D) => {
-    if (!h.autoFitPosition)
-      return;
-    const { windowHeight: S, windowWidth: z } = Ot(M);
-    let L = !1;
-    const b = {
-      left: a - g.left,
-      top: c - g.top
-    }, { top: $ = 0, left: T = 0 } = o;
-    if ((D === "top" || D === "bottom") && (b.left > T && g.right > 12 ? (o.left = Math.max(b.left, a - p.width), o.left = Math.max(
-      o.left,
-      a - p.width + 24
-    )) : T - b.left + p.width > z && z - g.left > 12 && (o.left = Math.max(
-      b.left,
-      b.left + z - p.width
-    ), o.left = Math.max(
-      o.left,
-      a - p.width + 24
-    ))), (D === "left" || D === "right") && (b.top > $ && g.bottom > 12 ? (o.top = b.top, o.top = Math.max(
-      o.top,
-      c - p.height + g.height / 2
-    )) : $ - b.top + p.height > S && S - g.top > 12 && (o.top = Math.max(
-      b.top,
-      b.top + S - p.height
-    ), o.top = Math.max(
-      o.top,
-      c - p.height + g.height / 2
-    ))), D === "top" && b.top > $ && (g.top < S - g.bottom ? (o.top = Math.min(
-      c + m + (k || 0),
-      b.top + S - p.height
-    ), L = !0) : o.top = b.top), D === "bottom" && $ - b.top + p.height > S && (S - g.bottom < g.top ? (o.top = Math.max(
-      c - p.height - (F || 0),
-      b.top
-    ), L = !0) : o.top = b.top + S - p.height), D === "left" && b.left > T && (g.left < z - g.right ? (o.left = Math.min(
-      f + a + N,
-      b.left + z - p.width
-    ), L = !0) : o.left = b.left), D === "right" && T - b.left + p.width > z && (z - g.right < g.left ? (o.left = Math.max(
-      a - p.width - H,
-      b.left
-    ), L = !0) : o.left = b.left + z - p.width), o.left < 0)
-      o.left = 0;
-    else {
-      const et = e.scrollWidth - p.width;
-      o.left = Math.min(et, o.left);
-    }
-    return L;
-  }, d = V.horizontalOffset || 0, x = V.verticalOffset || 0;
-  let C = a - Number(o.left) + f / 2, w = c - Number(o.top) + m / 2;
-  switch (h.position) {
-    case "top": {
-      o.top = c - p.height - k, o.left = a + f / 2 - p.width / 2, O("top") && (v = "bottom"), o.left += d, C = a - Number(o.left) + f / 2, y.left = E(12, p.width - 12, C);
-      break;
-    }
-    case "tl":
-      o.top = c - p.height - k, o.left = a, O("top") && (v = "bl"), o.left += d, C = a - Number(o.left) + Math.min(f / 2, 50), y.left = E(12, p.width - 12, C);
-      break;
-    case "tr":
-      o.top = -l.clientHeight + c - k, o.left = a + f - p.width, O("top") && (v = "br"), o.left += d, C = a - Number(o.left) + Math.max(f / 2, f - 50), y.left = E(12, p.width - 12, C);
-      break;
-    case "bottom": {
-      o.top = m + c + F, o.left = a + f / 2 - p.width / 2, O("bottom") && (v = "top"), o.left += d, C = a - Number(o.left) + f / 2, y.left = E(12, p.width - 12, C);
-      break;
-    }
-    case "bl":
-      o.top = m + c + F, o.left = a, O("bottom") && (v = "tl"), o.left += d, C = a - Number(o.left) + Math.min(f / 2, 50), y.left = E(12, p.width - 12, C);
-      break;
-    case "br":
-      o.top = m + c + F, o.left = a + f - p.width, O("bottom") && (v = "tr"), o.left += d, C = a - Number(o.left) + Math.max(f / 2, f - 50), y.left = E(12, p.width - 12, C);
-      break;
-    case "left": {
-      o.top = c + m / 2 - p.height / 2, o.left = a - p.width - H, O("left") && (v = "right"), o.top += x, w = c - Number(o.top) + m / 2, y.top = E(12, p.height - 12, w);
-      break;
-    }
-    case "lt":
-      o.top = c, o.left = a - p.width - H, O("left") && (v = "rt"), o.top += x, w = c - Number(o.top) + Math.min(m / 2, 50), y.top = E(12, p.height - 12, w);
-      break;
-    case "lb":
-      o.top = c + m - p.height, o.left = a - p.width - H, O("left") && (v = "rb"), o.top += x, w = c - Number(o.top) + Math.max(m / 2, m - 50), y.top = E(12, p.height - 12, w);
-      break;
-    case "right": {
-      o.top = c + m / 2 - p.height / 2, o.left = f + a + N, O("right") && (v = "left"), o.top += x, w = c - Number(o.top) + m / 2, y.top = E(12, p.height - 12, w);
-      break;
-    }
-    case "rt":
-      o.top = c, o.left = f + a + N, O("right") && (v = "lt"), o.top += x, w = c - Number(o.top) + Math.min(m / 2, 50), y.top = E(12, p.height - 12, w);
-      break;
-    case "rb":
-      o.top = c + m - p.height, o.left = f + a + N, O("right") && (v = "lb"), o.top += x, w = c - Number(o.top) + Math.max(m / 2, m - 50), y.top = E(12, p.height - 12, w);
-      break;
-  }
+  const { width: e, height: t, left: s, right: o } = ge(u, h);
   return {
-    style: o,
-    arrowStyle: y,
-    realPosition: v
-  };
-};
-function J(h, l) {
-  if (!h)
-    return {};
-  const { width: t, height: e, left: i, right: r } = I(h, l);
-  return {
-    width: t,
-    height: e,
-    left: i,
-    right: r
+    width: e,
+    height: t,
+    left: s,
+    right: o
   };
 }
-const Kt = [
+const We = [
   "onClick",
   "onMouseEnter",
   "onMouseLeave",
@@ -231,13 +43,13 @@ const Kt = [
   "onContextMenu",
   "onKeyDown"
 ];
-function Et(h, l) {
-  const t = {}, e = { ...h };
-  return l.forEach((i) => {
-    h && i in h && (t[i] = h[i], delete e[i]);
-  }), { picked: t, omitted: e };
+function me(u, h) {
+  const e = {}, t = { ...u };
+  return h.forEach((s) => {
+    u && s in u && (e[s] = u[s], delete t[s]);
+  }), { picked: e, omitted: t };
 }
-const xt = {
+const Pe = {
   blurToHide: !0,
   // clickToClose: true,
   classNames: "fadeIn",
@@ -257,170 +69,212 @@ const xt = {
   mouseLeaveDelay: 100,
   autoFitPosition: !0
 };
-class Z extends ht {
-  constructor(t, e) {
-    super(t, e);
-    s(this, "context");
-    s(this, "popupContainer");
-    s(this, "refTrigger");
-    s(this, "delayTimer", null);
-    s(this, "updatePositionTimer", null);
+class W extends se {
+  constructor(e, t) {
+    super(e, t);
+    i(this, "context");
+    i(this, "popupContainer");
+    i(this, "rootElementRef");
+    i(this, "triggerRef", H());
+    // 标志 popup 是否被销毁
+    i(this, "triggerRefDestoried");
+    i(this, "delayTimer", null);
+    i(this, "updatePositionTimer", null);
     // popup 真正出现的位置
-    s(this, "realPosition");
+    i(this, "realPosition");
     // arrow 箭头的位置
-    s(this, "arrowStyle");
+    i(this, "arrowStyle");
     // is popup open?
-    s(this, "popupOpen", !1);
+    i(this, "popupOpen", !1);
     // if mousedown to hide popup, ignore onFocus
-    s(this, "mousedownToHide", !1);
-    s(this, "mouseDownTimeout");
-    s(this, "hasPopupMouseDown", !1);
+    i(this, "mousedownToHide", !1);
+    i(this, "mouseDownTimeout");
+    i(this, "hasPopupMouseDown", !1);
     // handle click outside document
-    s(this, "handleClickOutside");
+    i(this, "handleClickOutside");
     // 是否监听了window 的resize
-    s(this, "handleWindowResize");
-    s(this, "unmount", !1);
-    s(this, "isDidMount", !1);
+    i(this, "handleWindowResize");
+    i(this, "unmount", !1);
+    i(this, "isDidMount", !1);
     // 保存鼠标的位置
-    s(this, "mouseLocation", {
+    i(this, "mouseLocation", {
       clientX: 0,
       clientY: 0
     });
     // 保存当前的mount container dom元素
-    s(this, "observerContainer", null);
+    i(this, "observerContainer", null);
     // 保存当前节点到 popupContainer 间的所有滚动元素
-    s(this, "scrollElements", null);
+    i(this, "scrollElements", null);
     // container 触发 resize时执行
-    s(this, "resizeObserver", new ResizeObserver(() => {
+    i(this, "resizeObserver", new ResizeObserver(() => {
       window.requestAnimationFrame(this.handleUpdatePosition);
     }));
-    s(this, "resizeObserver2", null);
-    s(this, "resizeObserver3", null);
-    s(this, "childrenDom", null);
+    i(this, "resizeObserver2", new ResizeObserver(() => {
+      window.requestAnimationFrame(() => {
+        const e = this.triggerRef.current;
+        if (e) {
+          const t = this.getPopupStyle(), s = this.props.style || {};
+          e.style.top = String(s.top || `${t.top}px`), e.style.left = String(s.left || `${t.left}px`);
+        }
+        this.onResize();
+      });
+    }));
+    i(this, "onResizeObserver2", () => {
+      var t, s;
+      this.offResizeObserver2();
+      let e = this.getPopupElement();
+      e && ((s = (t = this.resizeObserver2) == null ? void 0 : t.observe) == null || s.call(t, e));
+    });
+    i(this, "offResizeObserver2", () => {
+      var t, s;
+      let e = this.getPopupElement();
+      e && ((s = (t = this.resizeObserver2) == null ? void 0 : t.unobserve) == null || s.call(t, e));
+    });
+    i(this, "resizeObserver3", new ResizeObserver(() => {
+      window.requestAnimationFrame(this.onResize);
+    }));
+    i(this, "onResizeObserver3", () => {
+      var t, s;
+      this.offResizeObserver3();
+      let e = this.getRootElement();
+      e && ((s = (t = this.resizeObserver3) == null ? void 0 : t.observe) == null || s.call(t, e));
+    });
+    i(this, "offResizeObserver3", () => {
+      var t, s;
+      let e = this.getRootElement();
+      e && ((s = (t = this.resizeObserver3) == null ? void 0 : t.unobserve) == null || s.call(t, e));
+    });
+    i(this, "childrenDom", null);
     // 保存children节点的尺寸。 主要用于在弹出层动画前和动画完成后比较尺寸是否有变化。
-    s(this, "childrenDomSize", {});
-    s(this, "getMergedProps", (t) => {
-      const { componentConfig: e } = this.context ?? {};
-      return gt(
-        t && q(t) ? t : this.props,
-        xt,
-        e == null ? void 0 : e.Trigger,
-        t && rt(t) ? t : void 0
+    i(this, "childrenDomSize", {});
+    i(this, "getMergedProps", (e) => {
+      const { componentConfig: t } = this.context ?? {};
+      return pe(
+        e && L(e) ? e : this.props,
+        Pe,
+        t == null ? void 0 : t.Trigger,
+        e && te(e) ? e : void 0
       );
     });
-    s(this, "getRootElement", () => (this.childrenDom = at(this), this.childrenDom));
-    s(this, "offScrollListeners", () => {
-      (this.scrollElements || []).forEach((t) => {
-        Y(t, "scroll", this.handleScroll);
+    i(this, "getRootElement", () => {
+      var e, t;
+      return this.childrenDom = he(
+        ((t = (e = this.props).getTargetDOMNode) == null ? void 0 : t.call(e)) || this.rootElementRef,
+        this
+      ), this.childrenDom;
+    });
+    i(this, "getPopupElement", () => this.triggerRef.current || null);
+    i(this, "offScrollListeners", () => {
+      (this.scrollElements || []).forEach((e) => {
+        R(e, "scroll", this.handleScroll);
       }), this.scrollElements = null;
     });
-    s(this, "offWindowResize", () => {
-      this.handleWindowResize = !1, Y(window, "resize", this.handleUpdatePosition);
+    i(this, "offWindowResize", () => {
+      this.handleWindowResize = !1, R(window, "resize", this.handleUpdatePosition);
     });
-    s(this, "offContainerResize", () => {
+    i(this, "offContainerResize", () => {
       this.resizeObserver && this.observerContainer && (this.resizeObserver.unobserve(this.observerContainer), this.observerContainer = null);
     });
-    s(this, "handleScroll", () => {
-      const t = this.getMergedProps([
+    i(this, "handleScroll", () => {
+      const e = this.getMergedProps([
         "containerScrollToClose",
         "updateOnScroll"
       ]);
-      t.containerScrollToClose ? this.setPopupVisible(!1) : t.updateOnScroll && this.handleUpdatePosition();
+      e.containerScrollToClose ? this.setPopupVisible(!1) : e.updateOnScroll && this.handleUpdatePosition();
     });
-    s(this, "onContainersScroll", (t) => {
-      var e, i;
-      this.scrollElements || (this.scrollElements = ft(
+    i(this, "onContainersScroll", (e) => {
+      var t, s;
+      this.scrollElements || (this.scrollElements = oe(
         this.childrenDom,
-        (e = this.popupContainer) == null ? void 0 : e.parentNode
-      ), t.containerScrollToClose && ((i = this.popupContainer) == null ? void 0 : i.parentNode) === document.body && this.scrollElements.indexOf(document.body) === -1 && dt(document.documentElement) && this.scrollElements.push(window), this.scrollElements.forEach((r) => {
-        U(r, "scroll", this.handleScroll);
+        (t = this.popupContainer) == null ? void 0 : t.parentNode
+      ), e.containerScrollToClose && ((s = this.popupContainer) == null ? void 0 : s.parentNode) === document.body && this.scrollElements.indexOf(document.body) === -1 && re(document.documentElement) && this.scrollElements.push(window), this.scrollElements.forEach((o) => {
+        w(o, "scroll", this.handleScroll);
       }));
     });
-    s(this, "onContainerResize", () => {
-      var e;
-      const t = (e = this.popupContainer) == null ? void 0 : e.parentNode;
-      this.resizeObserver && this.observerContainer !== t && (this.offContainerResize(), t && this.resizeObserver.observe(t), this.observerContainer = t);
+    i(this, "onContainerResize", () => {
+      var t;
+      const e = (t = this.popupContainer) == null ? void 0 : t.parentNode;
+      this.resizeObserver && this.observerContainer !== e && (this.offContainerResize(), e && this.resizeObserver.observe(e), this.observerContainer = e);
     });
     // getPopupContainer 改变时候触发
-    s(this, "handleUpdatePosition", j(() => {
+    i(this, "handleUpdatePosition", F(() => {
       this.updatePopupPosition();
     }));
-    s(this, "isClickTrigger", () => {
-      const { trigger: t } = this.getMergedProps(["trigger"]);
-      return [].concat(t).indexOf("click") > -1;
+    i(this, "isClickTrigger", () => {
+      const { trigger: e } = this.getMergedProps(["trigger"]);
+      return [].concat(e).indexOf("click") > -1;
     });
-    s(this, "isFocusTrigger", () => {
-      const { trigger: t } = this.getMergedProps(["trigger"]);
-      return [].concat(t).indexOf("focus") > -1;
+    i(this, "isFocusTrigger", () => {
+      const { trigger: e } = this.getMergedProps(["trigger"]);
+      return [].concat(e).indexOf("focus") > -1;
     });
-    s(this, "isHoverTrigger", () => {
-      const { trigger: t } = this.getMergedProps(["trigger"]);
-      return [].concat(t).indexOf("hover") > -1;
+    i(this, "isHoverTrigger", () => {
+      const { trigger: e } = this.getMergedProps(["trigger"]);
+      return [].concat(e).indexOf("hover") > -1;
     });
-    s(this, "isContextMenuTrigger", () => {
-      const { trigger: t } = this.getMergedProps(["trigger"]);
-      return [].concat(t).indexOf("contextMenu") > -1;
+    i(this, "isContextMenuTrigger", () => {
+      const { trigger: e } = this.getMergedProps(["trigger"]);
+      return [].concat(e).indexOf("contextMenu") > -1;
     });
     // 是否在鼠标移出触发节点和popup的时候隐藏弹出层
-    s(this, "isMouseLeaveToClose", () => this.isHoverTrigger() && this.getMergedProps(["mouseLeaveToClose"]).mouseLeaveToClose);
+    i(this, "isMouseLeaveToClose", () => this.isHoverTrigger() && this.getMergedProps(["mouseLeaveToClose"]).mouseLeaveToClose);
     // 是否在悬浮到popup的时候隐藏弹出层
-    s(this, "isPopupHoverHide", () => this.isHoverTrigger() && !this.getMergedProps(["popupHoverStay"]).popupHoverStay);
-    s(this, "isClickToHide", () => {
+    i(this, "isPopupHoverHide", () => this.isHoverTrigger() && !this.getMergedProps(["popupHoverStay"]).popupHoverStay);
+    i(this, "isClickToHide", () => {
       if (this.isClickTrigger() || this.isContextMenuTrigger()) {
-        const { clickToClose: t = !0 } = this.getMergedProps(["clickToClose"]);
-        return t;
+        const { clickToClose: e = !0 } = this.getMergedProps(["clickToClose"]);
+        return e;
       }
       return this.isHoverTrigger() && this.props.clickToClose;
     });
-    s(this, "isBlurToHide", () => this.isFocusTrigger() && this.getMergedProps(["blurToHide"]).blurToHide);
-    s(this, "clearTimer", () => {
+    i(this, "isBlurToHide", () => this.isFocusTrigger() && this.getMergedProps(["blurToHide"]).blurToHide);
+    i(this, "clearTimer", () => {
       this.updatePositionTimer && (this.updatePositionTimer.cancel ? this.updatePositionTimer.cancel() : (clearTimeout(this.updatePositionTimer), this.updatePositionTimer = null)), this.delayTimer && (clearTimeout(this.delayTimer), this.delayTimer = null), this.mouseDownTimeout && (clearTimeout(this.mouseDownTimeout), this.mouseDownTimeout = null);
     });
-    s(this, "offClickOutside", () => {
+    i(this, "offClickOutside", () => {
       if (this.handleClickOutside) {
-        const { getDocument: t } = this.getMergedProps(["getDocument"]), e = W(t) && t();
-        Y(e, "mousedown", this.onClickOutside), this.handleClickOutside = !1;
+        const { getDocument: e } = this.getMergedProps(["getDocument"]), t = g(e) && e();
+        R(t, "mousedown", this.onClickOutside), this.handleClickOutside = !1;
       }
     });
-    s(this, "getTransformOrigin", (t) => {
-      var o, M;
-      const e = this.refTrigger;
-      if (!e)
-        return {};
-      const { showArrow: i, classNames: r } = this.getMergedProps([
+    i(this, "getTransformOrigin", (e) => {
+      var T, f;
+      const t = this.getPopupElement();
+      if (!t) return {};
+      const { showArrow: s, classNames: o } = this.getMergedProps([
         "showArrow",
         "classNames"
       ]);
-      let n = i && ((o = this.arrowStyle) == null ? void 0 : o.top) || 0, u = i && ((M = this.arrowStyle) == null ? void 0 : M.left) || 0;
-      n = n ? `${n}px` : "", u = u ? `${u}px` : "";
-      const P = {
-        top: `${u || "50%"} 100% 0`,
-        tl: `${u || "15px"} 100% 0`,
-        tr: `${u || `${e.clientWidth - 15}px`} 100% 0`,
-        bottom: `${u || "50%"} 0 0`,
-        bl: `${u || "15px"} 0 0`,
-        br: `${u || `${e.clientWidth - 15}px`} 0 0`,
-        left: `100% ${n || "50%"} 0`,
-        lt: `100% ${n || "15px"} 0`,
-        lb: `100% ${n || `${e.clientHeight - 15}px`} 0`,
-        right: `0 ${n || "50%"} 0`,
-        rt: `0 ${n || "15px"} 0`,
-        rb: `0 ${n || `${e.clientHeight - 15}px`} 0`
+      let r = s && ((T = this.arrowStyle) == null ? void 0 : T.top) || 0, n = s && ((f = this.arrowStyle) == null ? void 0 : f.left) || 0;
+      r = r ? `${r}px` : "", n = n ? `${n}px` : "";
+      const a = {
+        top: `${n || "50%"} 100% 0`,
+        tl: `${n || "15px"} 100% 0`,
+        tr: `${n || `${t.clientWidth - 15}px`} 100% 0`,
+        bottom: `${n || "50%"} 0 0`,
+        bl: `${n || "15px"} 0 0`,
+        br: `${n || `${t.clientWidth - 15}px`} 0 0`,
+        left: `100% ${r || "50%"} 0`,
+        lt: `100% ${r || "15px"} 0`,
+        lb: `100% ${r || `${t.clientHeight - 15}px`} 0`,
+        right: `0 ${r || "50%"} 0`,
+        rt: `0 ${r || "15px"} 0`,
+        rb: `0 ${r || `${t.clientHeight - 15}px`} 0`
       };
-      if (r && r.indexOf("zoom") > -1)
+      if (o && o.indexOf("zoom") > -1)
         return {
-          transformOrigin: P[t]
+          transformOrigin: a[e]
         };
-      if (r === "slideDynamicOrigin") {
-        let g = "0% 0%";
-        return ["top", "tl", "tr"].indexOf(t) > -1 && (g = "100% 100%"), {
-          transformOrigin: g
+      if (o === "slideDynamicOrigin") {
+        let v = "0% 0%";
+        return ["top", "tl", "tr"].indexOf(e) > -1 && (v = "100% 100%"), {
+          transformOrigin: v
         };
       }
       return {};
     });
     // 下拉框存在初始translateY/translateX，需要根据真实的弹出位置确定
-    s(this, "getTransformTranslate", () => {
+    i(this, "getTransformTranslate", () => {
       if (this.getMergedProps(["classNames"]).classNames !== "slideDynamicOrigin")
         return "";
       switch (this.realPosition) {
@@ -436,171 +290,172 @@ class Z extends ht {
           return "";
       }
     });
-    s(this, "getPopupStyle", () => {
+    i(this, "getPopupStyle", () => {
       if (this.unmount || !this.popupContainer)
         return;
-      const t = this.popupContainer, e = this.refTrigger, i = this.getRootElement();
-      if (!i.offsetParent && !i.getClientRects().length)
+      const e = this.popupContainer, t = this.triggerRef.current, s = this.getRootElement();
+      if (!s.offsetParent && !s.getClientRects().length)
         return this.state.popupStyle;
-      const r = this.getMergedProps(), { style: n, arrowStyle: u, realPosition: P } = Dt(
-        r,
-        e,
-        i,
+      const o = this.getMergedProps(), { style: r, arrowStyle: n, realPosition: a } = de(
+        o,
         t,
+        s,
+        e,
         this.mouseLocation
       );
-      return this.realPosition = P || r.position, this.arrowStyle = u || {}, {
-        ...n,
+      return this.realPosition = a || o.position, this.arrowStyle = n || {}, {
+        ...r,
         ...this.getTransformOrigin(this.realPosition)
       };
     });
-    s(this, "showPopup", (t = () => {
+    i(this, "showPopup", (e = () => {
     }) => {
-      const e = this.getPopupStyle();
+      const t = this.getPopupStyle();
       this.setState(
         {
-          popupStyle: e
+          popupStyle: t
         },
-        t
+        e
       );
     });
-    s(this, "update", j((t) => {
+    i(this, "update", F((e) => {
       if (this.unmount || !this.state.popupVisible)
         return;
-      const e = this.getPopupStyle();
+      const t = this.getPopupStyle();
       this.setState(
         {
-          popupStyle: e
+          popupStyle: t
         },
         () => {
-          t == null || t();
+          e == null || e();
         }
       );
     }));
-    s(this, "updatePopupPosition", (t = 0, e) => {
+    i(this, "getRootDOMNode", () => this.getRootElement());
+    i(this, "updatePopupPosition", (e = 0, t) => {
       if (this.state.popupVisible) {
-        if (t < 4) {
-          this.updatePositionTimer = this.update(e);
+        if (e < 4) {
+          this.updatePositionTimer = this.update(t);
           return;
         }
         this.updatePositionTimer = setTimeout(() => {
-          const r = this.getPopupStyle();
+          const o = this.getPopupStyle();
           this.setState(
             {
-              popupStyle: r
+              popupStyle: o
             },
             () => {
-              e == null || e();
+              t == null || t();
             }
           );
-        }, t);
+        }, e);
       }
     });
-    s(this, "setPopupVisible", (t, e = 0, i) => {
-      const r = this.getMergedProps([
+    i(this, "setPopupVisible", (e, t = 0, s) => {
+      const o = this.getMergedProps([
         "onVisibleChange",
         "popupVisible"
-      ]), { onVisibleChange: n } = r, u = this.state.popupVisible;
-      t !== u ? this.delayToDo(e, () => {
-        n == null || n(t), "popupVisible" in r ? i == null || i() : t ? this.setState(
+      ]), { onVisibleChange: r } = o, n = this.state.popupVisible;
+      e !== n ? this.delayToDo(t, () => {
+        r == null || r(e), "popupVisible" in o ? s == null || s() : e ? this.setState(
           {
             popupVisible: !0
           },
           () => {
-            this.showPopup(i);
+            this.showPopup(s);
           }
         ) : this.setState(
           {
             popupVisible: !1
           },
           () => {
-            i == null || i();
+            s == null || s();
           }
         );
-      }) : i == null || i();
+      }) : s == null || s();
     });
-    s(this, "delayToDo", (t, e) => {
-      t ? (this.clearDelayTimer(), this.delayTimer = setTimeout(() => {
-        e(), this.clearDelayTimer();
-      }, t)) : e();
+    i(this, "delayToDo", (e, t) => {
+      e ? (this.clearDelayTimer(), this.delayTimer = setTimeout(() => {
+        t(), this.clearDelayTimer();
+      }, e)) : t();
     });
     // 点击非popup内部，非children内部的节点，触发clickoutside 逻辑
-    s(this, "onClickOutside", (t) => {
-      const { onClickOutside: e, clickOutsideToClose: i } = this.getMergedProps([
+    i(this, "onClickOutside", (e) => {
+      const { onClickOutside: t, clickOutsideToClose: s } = this.getMergedProps([
         "onClickOutside",
         "clickOutsideToClose"
-      ]), r = this.refTrigger, n = this.getRootElement();
-      !Q(r, t.target) && !Q(n, t.target) && !this.hasPopupMouseDown && (e == null || e(), i && !this.isBlurToHide() && !this.isHoverTrigger() && this.setPopupVisible(!1));
+      ]), o = this.getPopupElement(), r = this.getRootElement();
+      !$(o, e.target) && !$(r, e.target) && !this.hasPopupMouseDown && (t == null || t(), s && !this.isBlurToHide() && !this.isHoverTrigger() && this.setPopupVisible(!1));
     });
-    s(this, "onKeyDown", (t) => {
-      const e = t.key;
-      this.triggerPropsEvent("onKeyDown", t), e === K.key && this.onPressEsc(t);
+    i(this, "onKeyDown", (e) => {
+      const t = e.key;
+      this.triggerPropsEvent("onKeyDown", e), t === N.key && this.onPressEsc(e);
     });
-    s(this, "onPressEsc", (t) => {
-      const { escToClose: e } = this.getMergedProps(["escToClose"]), i = t.key;
-      e && t && i === K.key && this.state.popupVisible && this.setPopupVisible(!1);
+    i(this, "onPressEsc", (e) => {
+      const { escToClose: t } = this.getMergedProps(["escToClose"]);
+      t && e && e.key === N.key && this.state.popupVisible && this.setPopupVisible(!1);
     });
-    s(this, "onMouseEnter", (t) => {
-      const { mouseEnterDelay: e } = this.getMergedProps(["mouseEnterDelay"]);
-      this.triggerPropsEvent("onMouseEnter", t), this.clearDelayTimer(), this.setPopupVisible(!0, e || 0);
+    i(this, "onMouseEnter", (e) => {
+      const { mouseEnterDelay: t } = this.getMergedProps(["mouseEnterDelay"]);
+      this.triggerPropsEvent("onMouseEnter", e), this.clearDelayTimer(), this.setPopupVisible(!0, t || 0);
     });
-    s(this, "onMouseMove", (t) => {
-      this.triggerPropsEvent("onMouseMove", t), this.setMouseLocation(t), this.state.popupVisible && this.update();
+    i(this, "onMouseMove", (e) => {
+      this.triggerPropsEvent("onMouseMove", e), this.setMouseLocation(e), this.state.popupVisible && this.update();
     });
-    s(this, "onMouseLeave", (t) => {
-      const { mouseLeaveDelay: e } = this.getMergedProps(["mouseLeaveDelay"]);
-      this.clearDelayTimer(), this.triggerPropsEvent("onMouseLeave", t), this.isMouseLeaveToClose() && this.state.popupVisible && this.setPopupVisible(!1, e || 0);
+    i(this, "onMouseLeave", (e) => {
+      const { mouseLeaveDelay: t } = this.getMergedProps(["mouseLeaveDelay"]);
+      this.clearDelayTimer(), this.triggerPropsEvent("onMouseLeave", e), this.isMouseLeaveToClose() && this.state.popupVisible && this.setPopupVisible(!1, t || 0);
     });
-    s(this, "onPopupMouseEnter", () => {
+    i(this, "onPopupMouseEnter", () => {
       this.clearDelayTimer();
     });
-    s(this, "onPopupMouseLeave", (t) => {
-      this.onMouseLeave(t);
+    i(this, "onPopupMouseLeave", (e) => {
+      this.onMouseLeave(e);
     });
-    s(this, "setMouseLocation", (t) => {
+    i(this, "setMouseLocation", (e) => {
       this.getMergedProps(["alignPoint"]).alignPoint && (this.mouseLocation = {
-        clientX: t.clientX,
-        clientY: t.clientY
+        clientX: e.clientX,
+        clientY: e.clientY
       });
     });
-    s(this, "onContextMenu", (t) => {
-      t.preventDefault(), this.triggerPropsEvent("onContextMenu", t), this.setMouseLocation(t), this.state.popupVisible ? this.getMergedProps(["alignPoint"]).alignPoint && this.update() : this.setPopupVisible(!0, 0);
+    i(this, "onContextMenu", (e) => {
+      e.preventDefault(), this.triggerPropsEvent("onContextMenu", e), this.setMouseLocation(e), this.state.popupVisible ? this.getMergedProps(["alignPoint"]).alignPoint && this.update() : this.setPopupVisible(!0, 0);
     });
-    s(this, "clickToHidePopup", (t) => {
-      const { popupVisible: e } = this.state;
-      e && (this.mousedownToHide = !0), this.triggerPropsEvent("onClick", t), this.isClickToHide() && e && this.setPopupVisible(!e, 0);
+    i(this, "clickToHidePopup", (e) => {
+      const { popupVisible: t } = this.state;
+      t && (this.mousedownToHide = !0), this.triggerPropsEvent("onClick", e), this.isClickToHide() && t && this.setPopupVisible(!t, 0);
     });
-    s(this, "onClick", (t) => {
-      const { popupVisible: e } = this.state;
-      e && (this.mousedownToHide = !0), this.triggerPropsEvent("onClick", t), this.setMouseLocation(t), !(!this.isClickToHide() && e) && this.setPopupVisible(!e, 0);
+    i(this, "onClick", (e) => {
+      const { popupVisible: t } = this.state;
+      t && (this.mousedownToHide = !0), this.triggerPropsEvent("onClick", e), this.setMouseLocation(e), !(!this.isClickToHide() && t) && this.setPopupVisible(!t, 0);
     });
-    s(this, "onFocus", (t) => {
-      const { focusDelay: e } = this.getMergedProps(["focusDelay"]), i = () => {
-        this.triggerPropsEvent("onFocus", t);
+    i(this, "onFocus", (e) => {
+      const { focusDelay: t } = this.getMergedProps(["focusDelay"]), s = () => {
+        this.triggerPropsEvent("onFocus", e);
       };
-      this.clearDelayTimer(), this.mousedownToHide || (this.state.popupVisible ? i == null || i() : this.setPopupVisible(!0, e || 0, i)), this.mousedownToHide = !1;
+      this.clearDelayTimer(), this.mousedownToHide || (this.state.popupVisible ? s == null || s() : this.setPopupVisible(!0, t || 0, s)), this.mousedownToHide = !1;
     });
-    s(this, "onBlur", (t) => {
-      this.setPopupVisible(!1, 200, () => this.triggerPropsEvent("onBlur", t));
+    i(this, "onBlur", (e) => {
+      this.setPopupVisible(!1, 200, () => this.triggerPropsEvent("onBlur", e));
     });
-    s(this, "onResize", () => {
+    i(this, "onResize", () => {
       this.getMergedProps(["autoFixPosition"]).autoFixPosition && this.state.popupVisible && this.updatePopupPosition();
     });
-    s(this, "onPopupMouseDown", () => {
+    i(this, "onPopupMouseDown", () => {
       this.hasPopupMouseDown = !0, clearTimeout(this.mouseDownTimeout), this.mouseDownTimeout = setTimeout(() => {
         this.hasPopupMouseDown = !1;
       }, 0);
     });
     // 当 children 中的元素 disabled 时，不能正确触发 hover 等事件，所以当监测到对应
     // 组件有 disabled 时，给元素加一层 span，处理事件，模拟样式
-    s(this, "getChild", () => {
-      var n;
-      const { children: t } = this.props, e = t, i = e && typeof e != "string" && e.type;
-      let r = t;
-      if (["string", "number"].indexOf(typeof t) > -1 || A.Children.count(t) > 1)
-        r = /* @__PURE__ */ R("span", { children: t });
-      else if (e && i && (i.__PQB_BUTTON === !0 || i.__PQB_CHECKBOX === !0 || i.__PQB_SWITCH === !0 || i.__PQB_RADIO === !0 || i === "button") && e.props.disabled) {
-        const { picked: u, omitted: P } = Et(e.props.style, [
+    i(this, "getChild", () => {
+      var r;
+      const { children: e } = this.props, t = e, s = t && typeof t != "string" && t.type;
+      let o = e;
+      if (["string", "number"].indexOf(typeof e) > -1 || C.Children.count(e) > 1)
+        o = /* @__PURE__ */ d("span", { children: e });
+      else if (t && s && (s.__PQB_BUTTON === !0 || s.__PQB_CHECKBOX === !0 || s.__PQB_SWITCH === !0 || s.__PQB_RADIO === !0 || s === "button") && t.props.disabled) {
+        const { picked: n, omitted: a } = me(t.props.style, [
           "position",
           "left",
           "right",
@@ -610,14 +465,14 @@ class Z extends ht {
           "display",
           "zIndex"
         ]);
-        r = /* @__PURE__ */ R(
+        o = /* @__PURE__ */ d(
           "span",
           {
-            className: (n = e.props) == null ? void 0 : n.className,
-            style: { display: "inline-block", ...u, cursor: "not-allowed" },
-            children: A.cloneElement(e, {
+            className: (r = t.props) == null ? void 0 : r.className,
+            style: { display: "inline-block", ...n, cursor: "not-allowed" },
+            children: C.cloneElement(t, {
               style: {
-                ...P,
+                ...a,
                 pointerEvents: "none"
               },
               className: void 0
@@ -625,217 +480,198 @@ class Z extends ht {
           }
         );
       }
-      return r || /* @__PURE__ */ R("span", {});
+      return o || /* @__PURE__ */ d("span", {});
     });
-    s(this, "rafId");
+    i(this, "rafId");
     // 创建的dom节点插入getPopupContainer。
-    s(this, "appendToContainer", (t) => {
-      if (G(this.rafId), this.isDidMount) {
-        const { getPopupContainer: e } = this.context, { getPopupContainer: i } = this.getMergedProps(["getPopupContainer"]), r = i || e, n = this.getRootElement(), u = r == null ? void 0 : r(n);
-        if (u) {
-          u.appendChild(t);
+    i(this, "appendToContainer", (e) => {
+      if (k(this.rafId), this.isDidMount) {
+        const { getPopupContainer: t } = this.context, { getPopupContainer: s } = this.getMergedProps(["getPopupContainer"]), o = s || t, r = this.getRootElement(), n = o == null ? void 0 : o(r);
+        if (n) {
+          n.appendChild(e);
           return;
         }
       }
-      this.rafId = bt(() => {
-        this.appendToContainer(t);
+      this.rafId = ue(() => {
+        this.appendToContainer(e);
       });
     });
-    s(this, "getContainer", () => {
-      const t = document.createElement("div");
-      return t.style.width = "100%", t.style.position = "absolute", t.style.top = "0", t.style.left = "0", this.popupContainer = t, this.appendToContainer(t), t;
+    i(this, "getContainer", () => {
+      const e = document.createElement("div");
+      return e.style.width = "100%", e.style.position = "absolute", e.style.top = "0", e.style.left = "0", this.popupContainer = e, this.appendToContainer(e), e;
     });
     // 1. 触发直接附加到 Trigger 上的事件，大多是Trigger直接嵌套Trigger的情况
     // 2. 触发children上直接被附加的事件
-    s(this, "triggerPropsEvent", (t, e) => {
-      const i = this.getChild(), r = i && i.props && i.props[t], n = this.getMergedProps([t])[t];
-      W(r) && r(e), W(n) && n(e);
+    i(this, "triggerPropsEvent", (e, t) => {
+      const s = this.getChild(), o = s && s.props && s.props[e], r = this.getMergedProps([e])[e];
+      g(o) && o(t), g(r) && r(t);
     });
     // 触发 children/ trigger 组件上被附加的事件
-    s(this, "triggerOriginEvent", (t) => {
-      const e = this.getChild(), i = e && e.props && e.props[t], r = this.getMergedProps([t])[t];
-      return W(r) && W(i) ? (n) => {
-        i(n), r(n);
-      } : i || r;
-    });
-    const i = this.getMergedProps(t), r = "popupVisible" in i ? i.popupVisible : i.defaultPopupVisible;
-    this.popupOpen = !!r, this.state = {
-      popupVisible: !!r,
+    i(this, "triggerOriginEvent", (e) => {
+      const t = this.getChild(), s = t && t.props && t.props[e], o = this.getMergedProps([e])[e];
+      return g(o) && g(s) ? (r) => {
+        s(r), o(r);
+      } : s || o;
+    });
+    const s = this.getMergedProps(e), o = "popupVisible" in s ? s.popupVisible : s.defaultPopupVisible;
+    this.popupOpen = !!o, this.triggerRef = H(), this.state = {
+      popupVisible: !!o,
       popupStyle: {}
     };
   }
-  static getDerivedStateFromProps(t, e) {
-    return "popupVisible" in t && t.popupVisible !== e.popupVisible ? {
-      popupVisible: t.popupVisible
+  static getDerivedStateFromProps(e, t) {
+    return "popupVisible" in e && e.popupVisible !== t.popupVisible ? {
+      popupVisible: e.popupVisible
     } : null;
   }
-  resizeObserver2Observe() {
-    var t, e;
-    this.refTrigger && (this.resizeObserver2 || (this.resizeObserver2Disconnect(), this.resizeObserver2 = new ResizeObserver(() => {
-      window.requestAnimationFrame(() => {
-        const i = this.refTrigger;
-        if (i) {
-          const r = this.getPopupStyle(), n = this.props.style || {};
-          i.style.top = String(n.top || `${r.top}px`), i.style.left = String(n.left || `${r.left}px`);
-        }
-        this.onResize();
-      });
-    }), (e = (t = this.resizeObserver2) == null ? void 0 : t.observe) == null || e.call(t, this.refTrigger)));
-  }
-  resizeObserver2Disconnect() {
-    var t, e;
-    (e = (t = this.resizeObserver2) == null ? void 0 : t.disconnect) == null || e.call(t), this.resizeObserver2 = null;
-  }
-  resizeObserver3Observe() {
-    var t, e;
-    this.childrenDom && (this.resizeObserver3 || (this.resizeObserver3Disconnect(), this.resizeObserver3 = new ResizeObserver(() => {
-      window.requestAnimationFrame(this.onResize);
-    }), (e = (t = this.resizeObserver3) == null ? void 0 : t.observe) == null || e.call(t, this.childrenDom)));
-  }
-  resizeObserver3Disconnect() {
-    var t, e;
-    (e = (t = this.resizeObserver3) == null ? void 0 : t.disconnect) == null || e.call(t), this.resizeObserver3 = null;
-  }
   componentDidMount() {
-    this.componentDidUpdate(this.getMergedProps()), this.isDidMount = !0, this.unmount = !1, this.childrenDom = this.getRootElement(), this.state.popupVisible && (this.childrenDomSize = J(this.childrenDom, {
+    this.componentDidUpdate(this.getMergedProps()), this.isDidMount = !0, this.unmount = !1, this.childrenDom = this.getRootElement(), this.state.popupVisible && (this.childrenDomSize = B(this.childrenDom, {
       boundaryDistance: this.props.alignPoint ? void 0 : this.props.boundaryDistance,
       position: this.props.position
     }));
   }
-  componentDidUpdate(t) {
-    this.resizeObserver3Observe();
-    const e = this.getMergedProps(t), i = this.getMergedProps();
-    !e.popupVisible && i.popupVisible && this.update();
-    const { popupVisible: r } = this.state;
-    this.popupOpen = r;
-    const { getDocument: n } = i;
-    if (!r) {
-      this.offClickOutside(), this.offContainerResize(), this.offWindowResize(), this.offScrollListeners();
+  componentDidUpdate(e) {
+    const t = this.getMergedProps(e), s = this.getMergedProps();
+    !t.popupVisible && s.popupVisible && this.update();
+    const { popupVisible: o } = this.state;
+    this.popupOpen = o;
+    const { getDocument: r } = s;
+    if (!o) {
+      this.offClickOutside(), this.offContainerResize(), this.offWindowResize(), this.offScrollListeners(), this.offResizeObserver2(), this.offResizeObserver3();
       return;
     }
-    const u = J(this.childrenDom, {
+    const n = B(this.childrenDom, {
       boundaryDistance: this.props.alignPoint ? {} : this.props.boundaryDistance,
       position: this.props.position
     });
-    if (nt(u, this.childrenDomSize) || (this.updatePopupPosition(), this.childrenDomSize = u), this.onContainerResize(), (i.updateOnScroll || i.containerScrollToClose) && this.onContainersScroll(i), this.handleWindowResize || (U(window, "resize", this.handleUpdatePosition), this.handleWindowResize = !0), !this.handleClickOutside) {
-      const P = W(n) && n();
-      P && (U(P, "mousedown", this.onClickOutside, {
-        capture: q(i.clickOutsideToClose) ? i.clickOutsideToClose.capture : !1
+    if (ie(n, this.childrenDomSize) || (this.updatePopupPosition(), this.childrenDomSize = n), this.onContainerResize(), (s.updateOnScroll || s.containerScrollToClose) && this.onContainersScroll(s), this.handleWindowResize || (w(window, "resize", this.handleUpdatePosition), this.handleWindowResize = !0), !this.handleClickOutside) {
+      const a = g(r) && r();
+      a && (w(a, "mousedown", this.onClickOutside, {
+        capture: L(s.clickOutsideToClose) ? s.clickOutsideToClose.capture : !1
       }), this.handleClickOutside = !0);
     }
+    this.onResizeObserver2(), this.onResizeObserver3();
   }
   componentWillUnmount() {
-    this.unmount = !0, this.offClickOutside(), this.clearTimer(), this.offWindowResize(), this.offScrollListeners(), this.offContainerResize(), G(this.rafId), this.resizeObserver2Disconnect(), this.resizeObserver3Disconnect();
+    this.unmount = !0, this.offClickOutside(), this.clearTimer(), this.offWindowResize(), this.offScrollListeners(), this.offContainerResize(), k(this.rafId), this.offResizeObserver2(), this.offResizeObserver3();
   }
   clearDelayTimer() {
     this.delayTimer && (clearTimeout(this.delayTimer), this.delayTimer = null);
   }
   render() {
-    var $;
+    var z;
     const {
-      children: t,
-      style: e,
-      className: i,
-      arrowProps: r,
-      disabled: n,
-      popup: u,
-      classNames: P,
-      duration: o,
-      unmountOnExit: M,
-      alignPoint: g,
-      autoAlignPopupWidth: a,
-      position: c,
-      childrenPrefix: f,
-      showArrow: m,
-      popupStyle: V,
-      __onExit: H,
-      __onExited: N
-    } = this.getMergedProps(), k = t || t === 0, { getPrefixCls: F, zIndex: p, rtl: v } = this.context, { popupVisible: y, popupStyle: O } = this.state;
-    if (!u)
+      children: e,
+      style: t,
+      className: s,
+      arrowProps: o,
+      disabled: r,
+      popup: n,
+      classNames: a,
+      duration: T,
+      unmountOnExit: f,
+      alignPoint: v,
+      autoAlignPopupWidth: A,
+      position: I,
+      childrenPrefix: c,
+      showArrow: U,
+      popupStyle: _,
+      __onExit: M,
+      __onExited: E
+    } = this.getMergedProps(), S = e || e === 0, { getPrefixCls: Y, zIndex: q, rtl: Q } = this.context, { popupVisible: D, popupStyle: X } = this.state;
+    if (!n)
       return null;
-    const d = {}, x = {
+    const p = {}, O = {
       onMouseDown: this.onPopupMouseDown
     };
-    this.isHoverTrigger() && !n ? (d.onMouseEnter = this.onMouseEnter, d.onMouseLeave = this.onMouseLeave, this.isClickToHide() && (d.onClick = this.clickToHidePopup), g && (d.onMouseMove = this.onMouseMove), this.isPopupHoverHide() || (x.onMouseEnter = this.onPopupMouseEnter, x.onMouseLeave = this.onPopupMouseLeave)) : (d.onMouseEnter = this.triggerOriginEvent("onMouseEnter"), d.onMouseLeave = this.triggerOriginEvent("onMouseLeave")), this.isContextMenuTrigger() && !n ? (d.onContextMenu = this.onContextMenu, d.onClick = this.clickToHidePopup) : d.onContextMenu = this.triggerOriginEvent("onContextMenu"), this.isClickTrigger() && !n ? d.onClick = this.onClick : d.onClick = d.onClick || this.triggerOriginEvent("onClick"), this.isFocusTrigger() && !n ? (d.onFocus = this.onFocus, this.isBlurToHide() && (d.onBlur = this.onBlur)) : (d.onFocus = this.triggerOriginEvent("onFocus"), d.onBlur = this.triggerOriginEvent("onBlur")), n ? d.onKeyDown = this.triggerOriginEvent("onKeyDown") : d.onKeyDown = this.onKeyDown;
-    const C = this.getChild(), w = A.Children.only(u());
-    C.props.className && (d.className = C.props.className), f && y && (d.className = d.className ? `${d.className} ${f}-open` : `${f}-open`), this.isFocusTrigger() && (d.tabIndex = n ? -1 : 0);
-    const D = F("trigger"), S = _(
-      D,
-      f,
-      `${D}-position-${c}`,
-      { [`${D}-rtl`]: v },
-      i
-    ), z = k && A.cloneElement(C, {
-      ...d
-    }), L = /* @__PURE__ */ R(
-      st,
+    this.isHoverTrigger() && !r ? (p.onMouseEnter = this.onMouseEnter, p.onMouseLeave = this.onMouseLeave, this.isClickToHide() && (p.onClick = this.clickToHidePopup), v && (p.onMouseMove = this.onMouseMove), this.isPopupHoverHide() || (O.onMouseEnter = this.onPopupMouseEnter, O.onMouseLeave = this.onPopupMouseLeave)) : (p.onMouseEnter = this.triggerOriginEvent("onMouseEnter"), p.onMouseLeave = this.triggerOriginEvent("onMouseLeave")), this.isContextMenuTrigger() && !r ? (p.onContextMenu = this.onContextMenu, p.onClick = this.clickToHidePopup) : p.onContextMenu = this.triggerOriginEvent("onContextMenu"), this.isClickTrigger() && !r ? p.onClick = this.onClick : p.onClick = p.onClick || this.triggerOriginEvent("onClick"), this.isFocusTrigger() && !r ? (p.onFocus = this.onFocus, this.isBlurToHide() && (p.onBlur = this.onBlur)) : (p.onFocus = this.triggerOriginEvent("onFocus"), p.onBlur = this.triggerOriginEvent("onBlur")), r ? p.onKeyDown = this.triggerOriginEvent("onKeyDown") : p.onKeyDown = this.onKeyDown;
+    const m = this.getChild(), y = C.Children.only(n());
+    m.props.className && (p.className = m.props.className), c && D && (p.className = p.className ? `${p.className} ${c}-open` : `${c}-open`), this.isFocusTrigger() && (p.tabIndex = r ? -1 : 0);
+    const P = Y("trigger"), K = b(
+      P,
+      c,
+      `${P}-position-${I}`,
+      { [`${P}-rtl`]: Q },
+      s
+    ), G = S && C.cloneElement(m, {
+      ...p,
+      ref: ne(m) ? (l) => {
+        this.rootElementRef = l, ae(m, l);
+      } : void 0
+    }), j = /* @__PURE__ */ d(
+      ee,
       {
-        in: !!y,
-        timeout: o,
-        classNames: P,
-        unmountOnExit: M,
+        in: !!D,
+        timeout: T,
+        classNames: a,
+        unmountOnExit: f,
         appear: !0,
         mountOnEnter: !0,
-        onEnter: (T) => {
-          T.style.display = "initial", T.style.pointerEvents = "none", P === "slideDynamicOrigin" && (T.style.transform = this.getTransformTranslate());
+        onEnter: () => {
+          this.triggerRefDestoried = !1;
+          const l = this.getPopupElement();
+          l && (l.style.display = "initial", l.style.pointerEvents = "none", a === "slideDynamicOrigin" && (l.style.transform = this.getTransformTranslate()));
         },
-        onEntering: (T) => {
-          P === "slideDynamicOrigin" && (T.style.transform = "");
+        onEntering: () => {
+          const l = this.getPopupElement();
+          l && a === "slideDynamicOrigin" && (l.style.transform = "");
         },
-        onEntered: (T) => {
-          T.style.pointerEvents = "auto", this.forceUpdate();
+        onEntered: () => {
+          const l = this.getPopupElement();
+          l && (l.style.pointerEvents = "auto", this.forceUpdate());
         },
-        onExit: (T) => {
-          T.style.pointerEvents = "none", H == null || H(T);
+        onExit: () => {
+          const l = this.getPopupElement();
+          l && (l.style.pointerEvents = "none", M == null || M(l));
         },
-        onExited: (T) => {
-          T.style.display = "none", M && (this.refTrigger = null), this.setState({ popupStyle: {} }), N == null || N(T);
+        onExited: () => {
+          const l = this.getPopupElement();
+          l && (l.style.display = "none", f && (this.triggerRefDestoried = !0), this.setState({ popupStyle: {} }), E == null || E(l));
         },
-        children: /* @__PURE__ */ X(
+        nodeRef: this.triggerRef,
+        children: /* @__PURE__ */ V(
           "span",
           {
-            ref: (T) => {
-              this.resizeObserver2Disconnect(), this.refTrigger = T, this.resizeObserver2Observe();
-            },
+            ref: this.triggerRef,
             "trigger-placement": this.realPosition,
             style: {
-              width: a && (e == null ? void 0 : e.width) === void 0 ? ($ = this.childrenDomSize) == null ? void 0 : $.width : "",
-              ...O,
+              width: A && (t == null ? void 0 : t.width) === void 0 ? (z = this.childrenDomSize) == null ? void 0 : z.width : "",
+              ...X,
               position: "absolute",
-              zIndex: p || "",
-              ...e
+              zIndex: q || "",
+              ...t
               // display
             },
-            ...x,
-            className: S,
-            ...mt(this.props),
+            ...O,
+            className: K,
+            ...le(this.props),
             children: [
-              /* @__PURE__ */ R(
-                w.type,
+              /* @__PURE__ */ d(
+                y.type,
                 {
-                  ref: w.ref,
-                  ...w.props,
-                  style: { ...w.props.style, ...V }
+                  ref: y.ref,
+                  ...y.props,
+                  style: { ...y.props.style, ..._ }
                 }
               ),
-              (m || r) && /* @__PURE__ */ R(
+              (U || o) && /* @__PURE__ */ d(
                 "div",
                 {
-                  className: _(`${D}-arrow-container`, {
-                    [`${f}-arrow-container`]: f
+                  className: b(`${P}-arrow-container`, {
+                    [`${c}-arrow-container`]: c
                   }),
-                  children: /* @__PURE__ */ R(
+                  children: /* @__PURE__ */ d(
                     "div",
                     {
-                      ...r,
-                      className: _(
-                        `${D}-arrow`,
+                      ...o,
+                      className: b(
+                        `${P}-arrow`,
                         {
-                          [`${f}-arrow`]: f
+                          [`${c}-arrow`]: c
                         },
-                        r == null ? void 0 : r.className
+                        o == null ? void 0 : o.className
                       ),
-                      style: { ...this.arrowStyle, ...r == null ? void 0 : r.style }
+                      style: { ...this.arrowStyle, ...o == null ? void 0 : o.style }
                     }
                   )
                 }
@@ -844,15 +680,15 @@ class Z extends ht {
           }
         )
       }
-    ), b = y || this.refTrigger ? /* @__PURE__ */ R(yt, { getContainer: this.getContainer, children: L }) : null;
-    return k ? /* @__PURE__ */ X(A.Fragment, { children: [
-      z,
-      b
-    ] }) : b;
+    ), x = D || this.getPopupElement() && !this.triggerRefDestoried ? /* @__PURE__ */ d(ce, { getContainer: this.getContainer, children: j }) : null;
+    return S ? /* @__PURE__ */ V(C.Fragment, { children: [
+      G,
+      x
+    ] }) : x;
   }
 }
-s(Z, "displayName", "Trigger"), s(Z, "contextType", ct);
+i(W, "displayName", "Trigger"), i(W, "contextType", fe);
 export {
-  Kt as EventsByTriggerNeed,
-  Z as default
+  We as EventsByTriggerNeed,
+  W as default
 };