@unicom-cloud/ui 0.8.46 → 0.8.47

package/Trigger.js

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