@unicom-cloud/ui 0.8.66 → 0.8.67

package/Trigger.js

@@ -1,229 +1,218 @@
-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 N, jsxs as X } from "react/jsx-runtime";
-import { $ as nt } from "./chunk/CLBavO5c.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 { d as at } from "./chunk/-zpSUpGE.js";
-import { y as _ } from "./chunk/BAWsPQBM.js";
-import { isServerRendering as et, on as U, off as Y, getScrollElements as ct, isScrollElement as ft, contains as Q } from "./utils/dom.js";
-import { supportRef as dt } from "./utils/is.js";
-import { d as K } from "./chunk/C2lIz2F9.js";
-import gt from "./utils/mergeProps.js";
-import { pickDataAttributes as mt } from "./utils/pick.js";
-import { caf as G, raf as Pt } from "./utils/raf.js";
-import { findDOMNode as bt, callbackOriginRef as yt } from "./utils/reactDOM.js";
-import j from "./utils/throttleByRaf.js";
-import wt from "react-dom";
-import { useIsFirstRender as Tt } from "./hooks/useIsFirstRender.js";
+import { jsx as X, jsxs as Rt } from "react/jsx-runtime";
+import { $ as fe } from "./chunk/DC1iHEiy.js";
+import pe from "lodash/isArray";
+import j from "lodash/isFunction";
+import { forwardRef as ae, useContext as de, useRef as ut, useState as me, Children as Wt, useCallback as Ft, cloneElement as _t, useImperativeHandle as he, useLayoutEffect as ge, useEffect as F, Fragment as ye } from "react";
+import { createPortal as we } from "react-dom";
+import { a as be } from "./chunk/BJQ5UNa-.js";
+import { m as wt } from "./chunk/JPPo5nY_.js";
+import { isServerRendering as Te, on as bt, off as Tt, getScrollElements as Ce, isScrollElement as xe, contains as Yt } from "./utils/dom.js";
+import { A as De } from "./chunk/CkNSv2U7.js";
+import { o as Xt } from "./chunk/BrOW642m.js";
+import { b as Me } from "./chunk/DNUz6zgo.js";
+import { r as Pe } from "./chunk/D7NyvE5f.js";
+import { D as Ee, g as Se } from "./chunk/BUdtVdnv.js";
+import { l as Ct } from "./chunk/flvYlqx3.js";
+import Kt from "./utils/throttleByRaf.js";
 import "./chunk/CSC_V_25.js";
-import Ct from "lodash/isArray.js";
-import J from "lodash/isPlainObject.js";
-const Mt = (h) => {
-  const { getContainer: l, children: t } = h, e = pt();
-  return (Tt() || e.current === null) && !et && (e.current = l()), ht(() => () => {
-    const n = e.current;
-    n && n.parentNode && (n.parentNode.removeChild(n), e.current = null);
-  }, []), e.current ? wt.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
+import Oe from "lodash/isArray.js";
+import xt from "lodash/isPlainObject.js";
+const ot = 0, at = (u, c) => {
+  const { position: l } = c, { width: x, height: g, left: M, right: s, top: V, bottom: L } = u.getBoundingClientRect(), e = c.boundaryDistance || {}, P = "left" in e && e.left || ot, d = "top" in e && e.top || ot;
+  let f, p, b, y;
+  return ["bottom", "bl", "br"].indexOf(l) > -1 ? (b = V, y = L) : (b = V - d, y = L - d), ["right", "rt", "rb"].indexOf(l) > -1 ? (f = M, p = s) : (f = M - P, p = s - P), {
+    width: x,
+    height: g,
+    left: f,
+    right: p,
+    top: b,
+    bottom: y
   };
 };
-function vt(h, l, t, e) {
-  if (!t || !h || et)
+function Ne(u, c, l, x) {
+  if (!l || !u || Te)
     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;
+  const g = (y) => document.documentElement[y] || document.body[y], M = l === document.body ? g("scrollTop") : l.scrollTop, s = l === document.body ? g("scrollLeft") : l.scrollLeft, { left: V, top: L, width: e, height: P } = c, d = l === document.body ? 0 : at(l, x).left, f = l === document.body ? 0 : at(l, x).top, p = L + M - f;
   return {
-    left: u + r - g,
-    top: c,
-    width: o,
-    height: v
+    left: V + s - d,
+    top: p,
+    width: e,
+    height: P
   };
 }
-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 = {
+const B = function(u, c, l) {
+  return l < u ? u : l > c ? c : l;
+}, ve = (u, c) => {
+  let l = 0, x = 0, g = {};
+  c ? g = {
     left: 12,
     right: 12,
     top: 12,
     bottom: 12,
-    ...h
-  } : i = { ...h };
-  for (const n in i)
-    if (Ct(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];
+    ...u
+  } : g = { ...u };
+  for (const M in g)
+    if (Oe(g[M])) {
+      let s = 0;
+      ["top", "bottom"].indexOf(M) > -1 ? (s = 1, l = g[M][0]) : x = g[M][1], g[M] = g[M][s];
     }
   return {
-    ...i,
-    horizontalOffset: t,
-    verticalOffset: e
+    ...g,
+    horizontalOffset: l,
+    verticalOffset: x
   };
-}, Dt = (h, l, { boundaryDistance: t, position: e }) => l ? {
-  left: l.clientX,
-  top: l.clientY,
+}, $e = (u, c, { boundaryDistance: l, position: x }) => c ? {
+  left: c.clientX,
+  top: c.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;
+  right: c.clientX,
+  bottom: c.clientY
+} : at(u, { boundaryDistance: l, position: x }), He = (u) => {
+  const c = u.offsetWidth, l = u.offsetHeight;
   return {
-    width: l,
-    height: t
+    width: c,
+    height: l
   };
-}, 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);
+}, Le = (u) => {
+  var s, V;
+  const c = u || {}, l = "left" in c ? c.left : "right" in c ? c.right : ot, x = "top" in c ? c.top : "bottom" in c ? c.bottom : ot, g = (((s = document.documentElement) == null ? void 0 : s.clientHeight) || window.innerHeight) - (x || ot), M = (((V = document.documentElement) == null ? void 0 : V.clientWidth) || window.innerWidth) - (l || ot);
   return {
-    windowHeight: i,
-    windowWidth: n
+    windowHeight: g,
+    windowWidth: M
   };
-}, Rt = (h, l, t, e, i) => {
+}, ke = (u, c, l, x, g) => {
   const {
-    autoAlignPopupWidth: n,
-    autoAlignPopupMinWidth: r,
-    alignPoint: u,
-    style: y
-  } = h;
-  if (!t || !l || !e)
+    autoAlignPopupWidth: M,
+    autoAlignPopupMinWidth: s,
+    alignPoint: V,
+    style: L
+  } = u;
+  if (!l || !c || !x)
     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,
+  const e = {}, P = !u.alignPoint && u.boundaryDistance || {}, d = $e(l, V && g, {
+    boundaryDistance: P,
+    position: u.position
+  }), { left: f, top: p, width: b, height: y } = Ne(
+    l,
+    d,
+    x,
     {
-      boundaryDistance: v,
-      position: h.position
+      boundaryDistance: P,
+      position: u.position
     }
-  ), z = Et(h.popupAlign, h.showArrow), V = z.left || 0, H = 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)
+  ), _ = ve(u.popupAlign, u.showArrow), q = _.left || 0, G = _.right || 0, k = _.top || 0, J = _.bottom || 0;
+  M && (L == null ? void 0 : L.width) === void 0 && (c.style.width = `${l.offsetWidth}px`), s && (c.style.minWidth = `${l.offsetWidth}px`);
+  const r = He(c);
+  let E = u.position;
+  const S = {}, N = (n) => {
+    if (!u.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 + H,
-      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;
+    const { windowHeight: A, windowWidth: H } = Le(P);
+    let R = !1;
+    const T = {
+      left: f - d.left,
+      top: p - d.top
+    }, { top: m = 0, left: h = 0 } = e;
+    if ((n === "top" || n === "bottom") && (T.left > h && d.right > 12 ? (e.left = Math.max(T.left, f - r.width), e.left = Math.max(
+      e.left,
+      f - r.width + 24
+    )) : h - T.left + r.width > H && H - d.left > 12 && (e.left = Math.max(
+      T.left,
+      T.left + H - r.width
+    ), e.left = Math.max(
+      e.left,
+      f - r.width + 24
+    ))), (n === "left" || n === "right") && (T.top > m && d.bottom > 12 ? (e.top = T.top, e.top = Math.max(
+      e.top,
+      p - r.height + d.height / 2
+    )) : m - T.top + r.height > A && A - d.top > 12 && (e.top = Math.max(
+      T.top,
+      T.top + A - r.height
+    ), e.top = Math.max(
+      e.top,
+      p - r.height + d.height / 2
+    ))), n === "top" && T.top > m && (d.top < A - d.bottom ? (e.top = Math.min(
+      p + y + (k || 0),
+      T.top + A - r.height
+    ), R = !0) : e.top = T.top), n === "bottom" && m - T.top + r.height > A && (A - d.bottom < d.top ? (e.top = Math.max(
+      p - r.height - (J || 0),
+      T.top
+    ), R = !0) : e.top = T.top + A - r.height), n === "left" && T.left > h && (d.left < H - d.right ? (e.left = Math.min(
+      b + f + G,
+      T.left + H - r.width
+    ), R = !0) : e.left = T.left), n === "right" && h - T.left + r.width > H && (H - d.right < d.left ? (e.left = Math.max(
+      f - r.width - q,
+      T.left
+    ), R = !0) : e.left = T.left + H - r.width), e.left < 0)
+      e.left = 0;
     else {
-      const it = e.scrollWidth - p.width;
-      o.left = Math.min(it, o.left);
+      const nt = x.scrollWidth - r.width;
+      e.left = Math.min(nt, e.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) {
+    return R;
+  }, D = _.horizontalOffset || 0, I = _.verticalOffset || 0;
+  let v = f - Number(e.left) + b / 2, $ = p - Number(e.top) + y / 2;
+  switch (u.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);
+      e.top = p - r.height - k, e.left = f + b / 2 - r.width / 2, N("top") && (E = "bottom"), e.left += D, v = f - Number(e.left) + b / 2, S.left = B(12, r.width - 12, v);
       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);
+      e.top = p - r.height - k, e.left = f, N("top") && (E = "bl"), e.left += D, v = f - Number(e.left) + Math.min(b / 2, 50), S.left = B(12, r.width - 12, v);
       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);
+      e.top = -c.clientHeight + p - k, e.left = f + b - r.width, N("top") && (E = "br"), e.left += D, v = f - Number(e.left) + Math.max(b / 2, b - 50), S.left = B(12, r.width - 12, v);
       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);
+      e.top = y + p + J, e.left = f + b / 2 - r.width / 2, N("bottom") && (E = "top"), e.left += D, v = f - Number(e.left) + b / 2, S.left = B(12, r.width - 12, v);
       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);
+      e.top = y + p + J, e.left = f, N("bottom") && (E = "tl"), e.left += D, v = f - Number(e.left) + Math.min(b / 2, 50), S.left = B(12, r.width - 12, v);
       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);
+      e.top = y + p + J, e.left = f + b - r.width, N("bottom") && (E = "tr"), e.left += D, v = f - Number(e.left) + Math.max(b / 2, b - 50), S.left = B(12, r.width - 12, v);
       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);
+      e.top = p + y / 2 - r.height / 2, e.left = f - r.width - q, N("left") && (E = "right"), e.top += I, $ = p - Number(e.top) + y / 2, S.top = B(12, r.height - 12, $);
       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);
+      e.top = p, e.left = f - r.width - q, N("left") && (E = "rt"), e.top += I, $ = p - Number(e.top) + Math.min(y / 2, 50), S.top = B(12, r.height - 12, $);
       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);
+      e.top = p + y - r.height, e.left = f - r.width - q, N("left") && (E = "rb"), e.top += I, $ = p - Number(e.top) + Math.max(y / 2, y - 50), S.top = B(12, r.height - 12, $);
       break;
     case "right": {
-      o.top = c + m / 2 - p.height / 2, o.left = f + a + H, E("right") && (M = "left"), o.top += x, C = c - Number(o.top) + m / 2, T.top = O(12, p.height - 12, C);
+      e.top = p + y / 2 - r.height / 2, e.left = b + f + G, N("right") && (E = "left"), e.top += I, $ = p - Number(e.top) + y / 2, S.top = B(12, r.height - 12, $);
       break;
     }
     case "rt":
-      o.top = c, o.left = f + a + H, 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);
+      e.top = p, e.left = b + f + G, N("right") && (E = "lt"), e.top += I, $ = p - Number(e.top) + Math.min(y / 2, 50), S.top = B(12, r.height - 12, $);
       break;
     case "rb":
-      o.top = c + m - p.height, o.left = f + a + H, 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);
+      e.top = p + y - r.height, e.left = b + f + G, N("right") && (E = "lb"), e.top += I, $ = p - Number(e.top) + Math.max(y / 2, y - 50), S.top = B(12, r.height - 12, $);
       break;
   }
   return {
-    style: o,
-    arrowStyle: T,
-    realPosition: M
+    style: e,
+    arrowStyle: S,
+    realPosition: E
   };
 };
-function Z(h, l) {
-  if (!h)
+function Ie(u, c) {
+  if (!u)
     return {};
-  const { width: t, height: e, left: i, right: n } = I(h, l);
+  const { width: l, height: x, left: g, right: M } = at(u, c);
   return {
-    width: t,
-    height: e,
-    left: i,
-    right: n
+    width: l,
+    height: x,
+    left: g,
+    right: M
   };
 }
-const te = [
+const ro = [
   "onClick",
   "onMouseEnter",
   "onMouseLeave",
@@ -233,13 +222,13 @@ const te = [
   "onContextMenu",
   "onKeyDown"
 ];
-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 };
+function Ve(u, c) {
+  const l = {}, x = { ...u };
+  return c.forEach((g) => {
+    u && g in u && (l[g] = u[g], delete x[g]);
+  }), { picked: l, omitted: x };
 }
-const zt = {
+const Ae = {
   blurToHide: !0,
   // clickToClose: true,
   classNames: "fadeIn",
@@ -257,628 +246,566 @@ const zt = {
   autoFixPosition: !0,
   mouseEnterDelay: 100,
   mouseLeaveDelay: 100,
-  autoFitPosition: !0
+  autoFitPosition: !0,
+  updateOnScroll: !0
 };
-class tt extends ut {
-  constructor(t, e) {
-    super(t, e);
-    s(this, "context");
-    s(this, "popupContainer");
-    s(this, "rootElementRef");
-    s(this, "triggerRef", q());
+function Be(u, c) {
+  var Vt, At;
+  const l = de(be), { getPrefixCls: x, zIndex: g, rtl: M } = l, s = C(u), {
+    children: V,
+    style: L,
+    className: e,
+    arrowProps: P,
+    disabled: d,
+    popup: f,
+    classNames: p,
+    duration: b,
+    unmountOnExit: y,
+    alignPoint: _,
+    autoAlignPopupWidth: q,
+    position: G,
+    childrenPrefix: k,
+    showArrow: J,
+    popupStyle: r,
+    __onExit: E,
+    __onExited: S
+  } = s;
+  if (!f)
+    return null;
+  const N = V || V === 0, D = ut(null), I = ut(null), v = ut(null), $ = ut(null), n = ut({
+    rootElement: void 0,
+    triggerDestoried: !1,
     // 标志 popup 是否被销毁
-    s(this, "triggerRefDestoried");
-    s(this, "delayTimer", null);
-    s(this, "updatePositionTimer", null);
+    realPosition: null,
     // popup 真正出现的位置
-    s(this, "realPosition");
+    arrowStyle: null,
     // arrow 箭头的位置
-    s(this, "arrowStyle");
-    // is popup open?
-    s(this, "popupOpen", !1);
+    mousedownToHide: !1,
     // if mousedown to hide popup, ignore onFocus
-    s(this, "mousedownToHide", !1);
-    s(this, "mouseDownTimeout");
-    s(this, "hasPopupMouseDown", !1);
-    // handle click outside document
-    s(this, "handleClickOutside");
-    // 是否监听了window 的resize
-    s(this, "handleWindowResize");
-    s(this, "unmount", !1);
-    s(this, "isDidMount", !1);
-    // 保存鼠标的位置
-    s(this, "mouseLocation", {
+    hasPopupMouseDown: !1,
+    mouseLocation: {
       clientX: 0,
       clientY: 0
-    });
-    // 保存当前的mount container dom元素
-    s(this, "observerContainer", null);
-    // 保存当前节点到 popupContainer 间的所有滚动元素
-    s(this, "scrollElements", null);
-    // container 触发 resize时执行
-    s(this, "resizeObserver", new ResizeObserver(() => {
-      window.requestAnimationFrame(this.handleUpdatePosition);
-    }));
-    s(this, "resizeObserver2", new ResizeObserver(() => {
-      window.requestAnimationFrame(() => {
-        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();
-      });
-    }));
-    s(this, "onResizeObserver2", () => {
-      var e, i;
-      this.offResizeObserver2();
-      const t = this.getPopupElement();
-      t && ((i = (e = this.resizeObserver2) == null ? void 0 : e.observe) == null || i.call(e, t));
-    });
-    s(this, "offResizeObserver2", () => {
-      var e, i;
-      const t = this.getPopupElement();
-      t && ((i = (e = this.resizeObserver2) == null ? void 0 : e.unobserve) == null || i.call(e, t));
-    });
-    s(this, "resizeObserver3", new ResizeObserver(() => {
-      window.requestAnimationFrame(this.onResize);
-    }));
-    s(this, "onResizeObserver3", () => {
-      var e, i;
-      this.offResizeObserver3();
-      const t = this.getRootElement();
-      t && ((i = (e = this.resizeObserver3) == null ? void 0 : e.observe) == null || i.call(e, t));
-    });
-    s(this, "offResizeObserver3", () => {
-      var e, i;
-      const t = this.getRootElement();
-      t && ((i = (e = this.resizeObserver3) == null ? void 0 : e.unobserve) == null || i.call(e, t));
-    });
-    s(this, "childrenDom", null);
-    // 保存children节点的尺寸。 主要用于在弹出层动画前和动画完成后比较尺寸是否有变化。
-    s(this, "childrenDomSize", {});
-    s(this, "getMergedProps", (t) => {
-      const { componentConfig: e } = this.context ?? {};
-      return gt(
-        t && J(t) ? t : this.props,
-        zt,
-        e == null ? void 0 : e.Trigger,
-        t && rt(t) ? t : void 0
-      );
-    });
-    s(this, "getRootElement", () => {
-      var t, e;
-      return this.childrenDom = bt(
-        ((e = (t = this.props).getTargetDOMNode) == null ? void 0 : e.call(t)) || this.rootElementRef,
-        this
-      ), this.childrenDom;
-    });
-    s(this, "getPopupElement", () => this.triggerRef.current || null);
-    s(this, "offScrollListeners", () => {
-      (this.scrollElements || []).forEach((t) => {
-        Y(t, "scroll", this.handleScroll);
-      }), this.scrollElements = null;
-    });
-    s(this, "offWindowResize", () => {
-      this.handleWindowResize = !1, Y(window, "resize", this.handleUpdatePosition);
-    });
-    s(this, "offContainerResize", () => {
-      this.resizeObserver && this.observerContainer && (this.resizeObserver.unobserve(this.observerContainer), this.observerContainer = null);
-    });
-    s(this, "handleScroll", () => {
-      const t = this.getMergedProps([
-        "containerScrollToClose",
-        "updateOnScroll"
-      ]);
-      t.containerScrollToClose ? this.setPopupVisible(!1) : t.updateOnScroll && this.handleUpdatePosition();
-    });
-    s(this, "onContainersScroll", (t) => {
-      var e, i;
-      this.scrollElements || (this.scrollElements = ct(
-        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 && ft(document.documentElement) && this.scrollElements.push(window), this.scrollElements.forEach((n) => {
-        U(n, "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);
-    });
-    // getPopupContainer 改变时候触发
-    s(this, "handleUpdatePosition", j(() => {
-      this.updatePopupPosition();
-    }));
-    s(this, "isClickTrigger", () => {
-      const { trigger: t } = this.getMergedProps(["trigger"]);
-      return [].concat(t).indexOf("click") > -1;
-    });
-    s(this, "isFocusTrigger", () => {
-      const { trigger: t } = this.getMergedProps(["trigger"]);
-      return [].concat(t).indexOf("focus") > -1;
-    });
-    s(this, "isHoverTrigger", () => {
-      const { trigger: t } = this.getMergedProps(["trigger"]);
-      return [].concat(t).indexOf("hover") > -1;
-    });
-    s(this, "isContextMenuTrigger", () => {
-      const { trigger: t } = this.getMergedProps(["trigger"]);
-      return [].concat(t).indexOf("contextMenu") > -1;
-    });
-    // 是否在鼠标移出触发节点和popup的时候隐藏弹出层
-    s(this, "isMouseLeaveToClose", () => this.isHoverTrigger() && this.getMergedProps(["mouseLeaveToClose"]).mouseLeaveToClose);
-    // 是否在悬浮到popup的时候隐藏弹出层
-    s(this, "isPopupHoverHide", () => this.isHoverTrigger() && !this.getMergedProps(["popupHoverStay"]).popupHoverStay);
-    s(this, "isClickToHide", () => {
-      if (this.isClickTrigger() || this.isContextMenuTrigger()) {
-        const { clickToClose: t = !0 } = this.getMergedProps(["clickToClose"]);
-        return t;
-      }
-      return this.isHoverTrigger() && this.props.clickToClose;
-    });
-    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);
-    });
-    s(this, "offClickOutside", () => {
-      if (this.handleClickOutside) {
-        const { getDocument: t } = this.getMergedProps(["getDocument"]), e = W(t) && t();
-        Y(e, "mousedown", this.onClickOutside), this.handleClickOutside = !1;
-      }
-    });
-    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 = 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 || `${e.clientHeight - 15}px`} 0`,
-        right: `0 ${r || "50%"} 0`,
-        rt: `0 ${r || "15px"} 0`,
-        rb: `0 ${r || `${e.clientHeight - 15}px`} 0`
-      };
-      if (n && n.indexOf("zoom") > -1)
-        return {
-          transformOrigin: y[t]
-        };
-      if (n === "slideDynamicOrigin") {
-        let g = "0% 0%";
-        return ["top", "tl", "tr"].indexOf(t) > -1 && (g = "100% 100%"), {
-          transformOrigin: g
-        };
-      }
+    },
+    // 保存鼠标的位置
+    childrenDomSize: {},
+    scrollElements: null,
+    // 保存当前节点到弹出容器间的所有滚动元素
+    delayTimeoutID: -1,
+    updatePositionTimeoutID: -1
+  }), [A, H] = me({ popupVisible: !1, popupStyle: {} }), R = s.popupVisible, T = A.popupVisible, m = R ?? T, h = {}, nt = {
+    onMouseDown() {
+      n.current.hasPopupMouseDown = !0, setTimeout(() => {
+        n.current.hasPopupMouseDown = !1;
+      }, 0);
+    }
+  };
+  st() && !d ? (h.onMouseEnter = Zt, h.onMouseLeave = vt, ht() && (h.onClick = $t), _ && (h.onMouseMove = te), jt() || (nt.onMouseEnter = ee, nt.onMouseLeave = oe)) : (h.onMouseEnter = Q("onMouseEnter"), h.onMouseLeave = Q("onMouseLeave")), Mt() && !d ? (h.onContextMenu = ne, h.onClick = $t) : h.onContextMenu = Q("onContextMenu"), Dt() && !d ? h.onClick = ie : h.onClick = h.onClick || Q("onClick"), mt() && !d ? (h.onFocus = re, Pt() && (h.onBlur = se)) : (h.onFocus = Q("onFocus"), h.onBlur = Q("onBlur")), d ? h.onKeyDown = Q("onKeyDown") : h.onKeyDown = Gt;
+  const it = ft(), rt = Wt.only(f());
+  it.props.className && (h.className = it.props.className), k && m && (h.className = h.className ? `${h.className} ${k}-open` : `${k}-open`), mt() && (h.tabIndex = d ? -1 : 0);
+  const Z = x("trigger"), Qt = wt(
+    Z,
+    k,
+    `${Z}-position-${G}`,
+    { [`${Z}-rtl`]: M },
+    e
+  );
+  function C(t) {
+    const { componentConfig: o } = l ?? {};
+    return Me(
+      xt(t) ? t : u,
+      Ae,
+      (o == null ? void 0 : o.Trigger) ?? {},
+      pe(t) ? t : void 0
+    );
+  }
+  function tt() {
+    var o, i;
+    const t = Se(
+      ((o = s.getTargetDOMNode) == null ? void 0 : o.call(s)) || ((i = s.getRootElement) == null ? void 0 : i.call(s)) || n.current.child
+    );
+    return n.current.rootElement = t, t;
+  }
+  const dt = Ft(
+    Kt(() => {
+      et();
+    }),
+    [m]
+  );
+  function Dt() {
+    const { trigger: t } = C(["trigger"]);
+    return [].concat(t).indexOf("click") > -1;
+  }
+  function mt() {
+    const { trigger: t } = C(["trigger"]);
+    return [].concat(t).indexOf("focus") > -1;
+  }
+  function st() {
+    const { trigger: t } = C(["trigger"]);
+    return [].concat(t).indexOf("hover") > -1;
+  }
+  function Mt() {
+    const { trigger: t } = C(["trigger"]);
+    return [].concat(t).indexOf("contextMenu") > -1;
+  }
+  function Ut() {
+    return st() && C(["mouseLeaveToClose"]).mouseLeaveToClose;
+  }
+  function jt() {
+    return st() && !C(["popupHoverStay"]).popupHoverStay;
+  }
+  function ht() {
+    if (Dt() || Mt()) {
+      const { clickToClose: t = !0 } = C(["clickToClose"]);
+      return t;
+    }
+    return st() && s.clickToClose;
+  }
+  function Pt() {
+    return mt() && C(["blurToHide"]).blurToHide;
+  }
+  function qt() {
+    n.current.updatePositionTimeoutID && (n.current.updatePositionTimeoutID.cancel ? n.current.updatePositionTimeoutID.cancel() : (clearTimeout(n.current.updatePositionTimeoutID), n.current.updatePositionTimeoutID = null)), K();
+  }
+  function Et(t) {
+    var lt, Bt;
+    const o = D.current;
+    if (!o)
       return {};
-    });
-    // 下拉框存在初始translateY/translateX，需要根据真实的弹出位置确定
-    s(this, "getTransformTranslate", () => {
-      if (this.getMergedProps(["classNames"]).classNames !== "slideDynamicOrigin")
+    const { showArrow: i, classNames: a } = C([
+      "showArrow",
+      "classNames"
+    ]);
+    let w = i && ((lt = n.current.arrowStyle) == null ? void 0 : lt.top) || 0, O = i && ((Bt = n.current.arrowStyle) == null ? void 0 : Bt.left) || 0;
+    w = w ? `${w}px` : "", O = O ? `${O}px` : "";
+    const U = {
+      top: `${O || "50%"} 100% 0`,
+      tl: `${O || "15px"} 100% 0`,
+      tr: `${O || `${o.clientWidth - 15}px`} 100% 0`,
+      bottom: `${O || "50%"} 0 0`,
+      bl: `${O || "15px"} 0 0`,
+      br: `${O || `${o.clientWidth - 15}px`} 0 0`,
+      left: `100% ${w || "50%"} 0`,
+      lt: `100% ${w || "15px"} 0`,
+      lb: `100% ${w || `${o.clientHeight - 15}px`} 0`,
+      right: `0 ${w || "50%"} 0`,
+      rt: `0 ${w || "15px"} 0`,
+      rb: `0 ${w || `${o.clientHeight - 15}px`} 0`
+    };
+    if (a && a.indexOf("zoom") > -1)
+      return {
+        transformOrigin: U[t]
+      };
+    if (a === "slideDynamicOrigin") {
+      let zt = "0% 0%";
+      return ["top", "tl", "tr"].indexOf(t) > -1 && (zt = "100% 100%"), {
+        transformOrigin: zt
+      };
+    }
+    return {};
+  }
+  function St() {
+    if (C(["classNames"]).classNames !== "slideDynamicOrigin")
+      return "";
+    switch (n.current.realPosition) {
+      case "bottom":
+      case "bl":
+      case "br":
+        return "scaleY(0.9) translateY(-4px)";
+      case "top":
+      case "tl":
+      case "tr":
+        return "scaleY(0.9) translateY(4px)";
+      default:
         return "";
-      switch (this.realPosition) {
-        case "bottom":
-        case "bl":
-        case "br":
-          return "scaleY(0.9) translateY(-4px)";
-        case "top":
-        case "tl":
-        case "tr":
-          return "scaleY(0.9) translateY(4px)";
-        default:
-          return "";
-      }
-    });
-    s(this, "getPopupStyle", () => {
-      if (this.unmount || !this.popupContainer)
+    }
+  }
+  function gt() {
+    var lt;
+    if (!I.current)
+      return {};
+    const t = D.current, o = tt();
+    if (!(o != null && o.offsetParent) && !((lt = o == null ? void 0 : o.getClientRects()) != null && lt.length))
+      return A.popupStyle;
+    const { style: i, arrowStyle: a, realPosition: w } = ke(
+      s,
+      t,
+      o,
+      I.current,
+      n.current.mouseLocation
+    );
+    n.current.arrowStyle = a || {};
+    const O = w || s.position;
+    return n.current.realPosition = O, {
+      ...i,
+      ...Et(O)
+    };
+  }
+  function Y(t) {
+    const o = gt();
+    H((i) => {
+      const a = { ...i };
+      return a.popupStyle = o, a;
+    }), j(t) && setTimeout(() => {
+      t();
+    }, 0);
+  }
+  const ct = Ft(Kt(Y), [
+    m
+  ]);
+  function et(t = 0, o) {
+    if (m) {
+      if (t < 4) {
+        n.current.updatePositionTimeoutID = ct(o);
         return;
-      const t = this.popupContainer, e = this.triggerRef.current, i = this.getRootElement();
-      if (!i.offsetParent && !i.getClientRects().length)
-        return this.state.popupStyle;
-      const n = this.getMergedProps(), { style: r, arrowStyle: u, realPosition: y } = Rt(
-        n,
-        e,
-        i,
-        t,
-        this.mouseLocation
-      );
-      return this.realPosition = y || n.position, this.arrowStyle = u || {}, {
-        ...r,
-        ...this.getTransformOrigin(this.realPosition)
-      };
-    });
-    s(this, "showPopup", (t = () => {
-    }) => {
-      const e = this.getPopupStyle();
-      this.setState(
-        {
-          popupStyle: e
-        },
-        t
-      );
+      }
+      n.current.updatePositionTimeoutID = setTimeout(() => {
+        const i = gt();
+        H((a) => {
+          const w = { ...a };
+          return w.popupStyle = i, w;
+        }), j(o) && setTimeout(() => {
+          o();
+        }, 0);
+      }, t);
+    }
+  }
+  function z(t, o = 0, i) {
+    const a = C(["onVisibleChange", "popupVisible"]);
+    t !== m ? Ot(o, () => {
+      var w;
+      (w = a.onVisibleChange) == null || w.call(a, t), "popupVisible" in a ? i == null || i() : (H((O) => {
+        const U = { ...O };
+        return U.popupVisible = !!t, U;
+      }), setTimeout(t ? () => {
+        Y(i);
+      } : () => {
+        i == null || i();
+      }, 0));
+    }) : i == null || i();
+  }
+  function Ot(t, o) {
+    t ? (K(), n.current.delayTimeoutID = setTimeout(() => {
+      o(), K();
+    }, t)) : o();
+  }
+  function K() {
+    n.current.delayTimeoutID && (clearTimeout(n.current.delayTimeoutID), n.current.delayTimeoutID = null);
+  }
+  function Nt(t) {
+    var a;
+    const o = C(["onClickOutside", "clickOutsideToClose"]);
+    let i = Yt(D.current, t.target);
+    i || (i = Yt(tt(), t.target)), i || (i = !!n.current.hasPopupMouseDown), i || ((a = o.onClickOutside) == null || a.call(o), o.clickOutsideToClose && (Pt() || st() || z(!1)));
+  }
+  function Gt(t) {
+    const o = t.key;
+    W("onKeyDown", t), o === Xt.key && Jt(t);
+  }
+  function Jt(t) {
+    const { escToClose: o } = C(["escToClose"]);
+    o && t && t.key === Xt.key && m && z(!1);
+  }
+  function Zt(t) {
+    const { mouseEnterDelay: o } = C(["mouseEnterDelay"]);
+    W("onMouseEnter", t), K(), z(!0, o || 0);
+  }
+  function te(t) {
+    W("onMouseMove", t), yt(t), m && ct();
+  }
+  function vt(t) {
+    const { mouseLeaveDelay: o } = C(["mouseLeaveDelay"]);
+    K(), W("onMouseLeave", t), Ut() && m && z(!1, o || 0);
+  }
+  function ee() {
+    K();
+  }
+  function oe(t) {
+    vt(t);
+  }
+  function yt(t) {
+    C(["alignPoint"]).alignPoint && (n.current.mouseLocation = {
+      clientX: t.clientX,
+      clientY: t.clientY
     });
-    s(this, "update", j((t) => {
-      if (this.unmount || !this.state.popupVisible)
-        return;
-      const e = this.getPopupStyle();
-      this.setState(
+  }
+  function ne(t) {
+    t.preventDefault(), W("onContextMenu", t), yt(t), m ? C(["alignPoint"]).alignPoint && ct() : z(!0, 0);
+  }
+  function $t(t) {
+    m && (n.current.mousedownToHide = !0), W("onClick", t), ht() && m && z(!m, 0);
+  }
+  function ie(t) {
+    m && (n.current.mousedownToHide = !0), W("onClick", t), yt(t), !(!ht() && m) && z(!m, 0);
+  }
+  function re(t) {
+    const { focusDelay: o } = C(["focusDelay"]), i = () => {
+      W("onFocus", t);
+    };
+    K(), n.current.mousedownToHide || (m ? i == null || i() : z(!0, o || 0, i)), n.current.mousedownToHide = !1;
+  }
+  function se(t) {
+    z(!1, 200, () => W("onBlur", t));
+  }
+  function Ht() {
+    m && C(["autoFixPosition"]).autoFixPosition && et();
+  }
+  function ft() {
+    var w;
+    const { children: t } = s, o = t, i = o && typeof o != "string" && o.type;
+    let a = t;
+    if (["string", "number"].indexOf(typeof t) > -1 || Wt.count(t) > 1)
+      a = /* @__PURE__ */ X("span", { children: t });
+    else if (o && i && (i.__PQB_BUTTON === !0 || i.__PQB_CHECKBOX === !0 || i.__PQB_SWITCH === !0 || i.__PQB_RADIO === !0 || i === "button") && o.props.disabled) {
+      const { picked: O, omitted: U } = Ve(o.props.style, [
+        "position",
+        "left",
+        "right",
+        "top",
+        "bottom",
+        "float",
+        "display",
+        "zIndex"
+      ]);
+      a = /* @__PURE__ */ X(
+        "span",
         {
-          popupStyle: e
-        },
-        () => {
-          t == null || t();
+          className: (w = o.props) == null ? void 0 : w.className,
+          style: { display: "inline-block", ...O, cursor: "not-allowed" },
+          children: _t(o, {
+            style: {
+              ...U,
+              pointerEvents: "none"
+            },
+            className: void 0
+          })
         }
       );
-    }));
-    s(this, "getRootDOMNode", () => this.getRootElement());
-    s(this, "updatePopupPosition", (t = 0, e) => {
-      if (this.state.popupVisible) {
-        if (t < 4) {
-          this.updatePositionTimer = this.update(e);
-          return;
-        }
-        this.updatePositionTimer = setTimeout(() => {
-          const n = this.getPopupStyle();
-          this.setState(
-            {
-              popupStyle: n
-            },
-            () => {
-              e == null || e();
-            }
-          );
-        }, t);
-      }
-    });
-    s(this, "setPopupVisible", (t, e = 0, i) => {
-      const n = this.getMergedProps([
-        "onVisibleChange",
-        "popupVisible"
-      ]), { 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(i);
-          }
-        ) : this.setState(
-          {
-            popupVisible: !1
+    }
+    return a || /* @__PURE__ */ X("span", {});
+  }
+  function W(t, o) {
+    const i = ft(), a = i && i.props && i.props[t], w = C([t])[t];
+    j(a) && a(o), j(w) && w(o);
+  }
+  function Q(t) {
+    const o = ft(), i = o && o.props && o.props[t], a = C([t])[t];
+    return j(a) && j(i) ? (w) => {
+      i(w), a(w);
+    } : i || a;
+  }
+  function Lt() {
+    const t = C(["containerScrollToClose", "updateOnScroll"]);
+    t.containerScrollToClose ? z(!1) : t.updateOnScroll && et();
+  }
+  function le() {
+    var t;
+    n.current.scrollElements || (n.current.scrollElements = Ce(
+      tt()
+      // refPopupContainer.current.parentNode as HTMLElement,
+    ), Array.isArray(n.current.scrollElements) && (s.containerScrollToClose && ((t = I.current) == null ? void 0 : t.parentNode) === document.body && n.current.scrollElements.indexOf(document.body) === -1 && xe(document.documentElement) && n.current.scrollElements.push(window), n.current.scrollElements.forEach((o) => {
+      bt(o, "scroll", Lt);
+    })));
+  }
+  function kt() {
+    n.current.scrollElements && (n.current.scrollElements.forEach((t) => {
+      Tt(t, "scroll", Lt);
+    }), n.current.scrollElements = null);
+  }
+  he(c, () => ({
+    getRootDOMNode: tt,
+    getRootElement: tt,
+    getPopupElement() {
+      return D.current;
+    },
+    getChild: ft,
+    getPopupStyle: gt,
+    getTransformTranslate: St,
+    getTransformOrigin: Et,
+    updateThrottleByRaf: ct,
+    update: Y,
+    updatePopupStyle: Y,
+    updatePopupPosition: et,
+    handleUpdatePosition: dt,
+    setPopupVisible: z,
+    delayToDo: Ot
+  })), ge(() => (Y(), () => {
+  }), [
+    D.current,
+    v.current,
+    $.current,
+    n.current.rootElement
+  ]), F(() => {
+    var i;
+    const t = (i = I.current) == null ? void 0 : i.parentNode, o = Ct([t], et);
+    return () => {
+      o();
+    };
+  }, [(Vt = I.current) == null ? void 0 : Vt.parentNode]), F(() => {
+    const t = D.current, o = Ct([t], Ht);
+    return () => {
+      o();
+    };
+  }, [D.current]), F(() => {
+    const t = n.current.rootElement, o = Ct([t], Ht);
+    return () => {
+      o();
+    };
+  }, [n.current.rootElement]), F(() => {
+    const t = n.current.rootElement;
+    return m && (n.current.childrenDomSize = Ie(t, {
+      boundaryDistance: s.alignPoint ? void 0 : s.boundaryDistance,
+      position: s.position
+    })), () => {
+    };
+  }, [
+    n.current.rootElement,
+    s.alignPoint,
+    s.boundaryDistance,
+    s.position
+  ]), F(() => (m && (s.updateOnScroll || s.containerScrollToClose ? le() : (et(), kt())), () => {
+    kt();
+  }), [
+    m,
+    s.updateOnScroll,
+    s.containerScrollToClose
+  ]), F(() => {
+    const { clickOutsideToClose: t, getDocument: o } = C([
+      "clickOutsideToClose",
+      "getDocument"
+    ]), i = (o == null ? void 0 : o()) || window.document, a = {
+      // clickOutside 必须监听mousedown。
+      // 1. 如果事件目标元素在click后被移除，document.onclick被触发时已经没有该元素，会错误触发clickOutside逻辑，隐藏popup。
+      // 2. 点击label标签，会触发对应input元素的点击事件，导致触发clickOutside，隐藏popup。
+      capture: xt(t) ? t.capture : !1
+    };
+    return m && (bt(i, "mousedown", Nt, a), bt(window, "resize", dt)), () => {
+      Tt(i, "mousedown", Nt, a), Tt(window, "resize", dt);
+    };
+  }, [m]), F(() => ("defaultPopupVisible" in s && H((t) => {
+    const o = { ...t };
+    return o.popupVisible = !!(s != null && s.defaultPopupVisible), o;
+  }), () => {
+  }), []), F(() => ("popupVisible" in s && H((t) => {
+    const o = { ...t };
+    return o.popupVisible = !!R, o;
+  }), () => {
+  }), [R]), F(() => () => {
+    qt();
+  }, []);
+  const ue = N && _t(it, {
+    ...h,
+    ref: De(it) ? (t) => {
+      n.current.child = t, Ee(it, t);
+    } : void 0
+  }), ce = /* @__PURE__ */ X(
+    fe,
+    {
+      in: !!m,
+      timeout: b,
+      classNames: p,
+      unmountOnExit: y,
+      appear: !0,
+      mountOnEnter: !0,
+      onEnter: () => {
+        n.current.triggerDestoried = !1;
+        const t = D.current;
+        t && (t.style.display = "initial", t.style.pointerEvents = "none", p === "slideDynamicOrigin" && (t.style.transform = St()), Y());
+      },
+      onEntering: () => {
+        const t = D.current;
+        t && (p === "slideDynamicOrigin" && (t.style.transform = ""), Y());
+      },
+      onEntered: () => {
+        const t = D.current;
+        t && (t.style.pointerEvents = "auto", Y());
+      },
+      onExit: () => {
+        const t = D.current;
+        t && (t.style.pointerEvents = "none", E == null || E(t));
+      },
+      onExited: () => {
+        const t = D.current;
+        t && (t.style.display = "none", y && (n.current.triggerDestoried = !0), H((o) => {
+          const i = { ...o };
+          return i.popupStyle = {}, i;
+        }), S == null || S(t));
+      },
+      nodeRef: D,
+      children: /* @__PURE__ */ Rt(
+        "span",
+        {
+          ref: D,
+          "trigger-placement": n.current.realPosition,
+          ...Pe(s),
+          style: {
+            width: q && (L == null ? void 0 : L.width) === void 0 ? (At = n.current.childrenDomSize) == null ? void 0 : At.width : "",
+            ...A.popupStyle,
+            position: "absolute",
+            zIndex: g || "",
+            ...L
+            // display
           },
-          () => {
-            i == null || i();
-          }
-        );
-      }) : i == null || i();
-    });
-    s(this, "delayToDo", (t, e) => {
-      t ? (this.clearDelayTimer(), this.delayTimer = setTimeout(() => {
-        e(), this.clearDelayTimer();
-      }, t)) : e();
-    });
-    // 点击非popup内部，非children内部的节点，触发clickoutside 逻辑
-    s(this, "onClickOutside", (t) => {
-      const { onClickOutside: e, clickOutsideToClose: i } = this.getMergedProps([
-        "onClickOutside",
-        "clickOutsideToClose"
-      ]), 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));
-    });
-    s(this, "onKeyDown", (t) => {
-      const e = t.key;
-      this.triggerPropsEvent("onKeyDown", t), e === K.key && this.onPressEsc(t);
-    });
-    s(this, "onPressEsc", (t) => {
-      const { escToClose: e } = this.getMergedProps(["escToClose"]);
-      e && t && t.key === K.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);
-    });
-    s(this, "onMouseMove", (t) => {
-      this.triggerPropsEvent("onMouseMove", t), this.setMouseLocation(t), 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);
-    });
-    s(this, "onPopupMouseEnter", () => {
-      this.clearDelayTimer();
-    });
-    s(this, "onPopupMouseLeave", (t) => {
-      this.onMouseLeave(t);
-    });
-    s(this, "setMouseLocation", (t) => {
-      this.getMergedProps(["alignPoint"]).alignPoint && (this.mouseLocation = {
-        clientX: t.clientX,
-        clientY: t.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);
-    });
-    s(this, "clickToHidePopup", (t) => {
-      const { popupVisible: e } = this.state;
-      e && (this.mousedownToHide = !0), this.triggerPropsEvent("onClick", t), this.isClickToHide() && e && this.setPopupVisible(!e, 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);
-    });
-    s(this, "onFocus", (t) => {
-      const { focusDelay: e } = this.getMergedProps(["focusDelay"]), i = () => {
-        this.triggerPropsEvent("onFocus", t);
-      };
-      this.clearDelayTimer(), this.mousedownToHide || (this.state.popupVisible ? i == null || i() : this.setPopupVisible(!0, e || 0, i)), this.mousedownToHide = !1;
-    });
-    s(this, "onBlur", (t) => {
-      this.setPopupVisible(!1, 200, () => this.triggerPropsEvent("onBlur", t));
-    });
-    s(this, "onResize", () => {
-      this.getMergedProps(["autoFixPosition"]).autoFixPosition && this.state.popupVisible && this.updatePopupPosition();
-    });
-    s(this, "onPopupMouseDown", () => {
-      this.hasPopupMouseDown = !0, clearTimeout(this.mouseDownTimeout), this.mouseDownTimeout = setTimeout(() => {
-        this.hasPopupMouseDown = !1;
-      }, 0);
-    });
-    // 当 children 中的元素 disabled 时，不能正确触发 hover 等事件，所以当监测到对应
-    // 组件有 disabled 时，给元素加一层 span，处理事件，模拟样式
-    s(this, "getChild", () => {
-      var r;
-      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__ */ N("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",
-          "top",
-          "bottom",
-          "float",
-          "display",
-          "zIndex"
-        ]);
-        n = /* @__PURE__ */ N(
-          "span",
-          {
-            className: (r = e.props) == null ? void 0 : r.className,
-            style: { display: "inline-block", ...u, cursor: "not-allowed" },
-            children: A.cloneElement(e, {
-              style: {
-                ...y,
-                pointerEvents: "none"
-              },
-              className: void 0
-            })
-          }
-        );
-      }
-      return n || /* @__PURE__ */ N("span", {});
-    });
-    s(this, "rafId");
-    // 创建的dom节点插入getPopupContainer。
-    s(this, "appendToContainer", (t) => {
-      if (G(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;
+          ...nt,
+          className: Qt,
+          children: [
+            xt(r) ? /* @__PURE__ */ X(
+              rt.type,
+              {
+                ref: rt.ref,
+                ...rt.props,
+                style: { ...rt.props.style, ...r }
+              }
+            ) : rt,
+            (J || P) && /* @__PURE__ */ X(
+              "div",
+              {
+                ref: v,
+                className: wt(`${Z}-arrow-container`, {
+                  [`${k}-arrow-container`]: k
+                }),
+                children: /* @__PURE__ */ X(
+                  "div",
+                  {
+                    ref: $,
+                    ...P,
+                    className: wt(
+                      `${Z}-arrow`,
+                      {
+                        [`${k}-arrow`]: k
+                      },
+                      P == null ? void 0 : P.className
+                    ),
+                    style: { ...n.current.arrowStyle, ...P == null ? void 0 : P.style }
+                  }
+                )
+              }
+            )
+          ]
         }
-      }
-      this.rafId = Pt(() => {
-        this.appendToContainer(t);
-      });
-    });
-    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上直接被附加的事件
-    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 组件上被附加的事件
-    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(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 = Z(this.childrenDom, {
-      boundaryDistance: this.props.alignPoint ? void 0 : this.props.boundaryDistance,
-      position: this.props.position
-    }));
-  }
-  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 u = Z(this.childrenDom, {
-      boundaryDistance: this.props.alignPoint ? {} : this.props.boundaryDistance,
-      position: this.props.position
-    });
-    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: J(i.clickOutsideToClose) ? i.clickOutsideToClose.capture : !1
-      }), this.handleClickOutside = !0);
+  );
+  let pt, It = m;
+  if (It || (It = !!D.current && !n.current.triggerDestoried), It) {
+    const t = s.getPopupContainer || l.getPopupContainer;
+    if (j(t)) {
+      const o = t(tt());
+      o && (pt = we(
+        /* @__PURE__ */ X("div", { ref: I, className: `${Z}-container`, children: ce }),
+        o
+        // popupVisible ? 1 : 0,
+      ));
     }
-    this.onResizeObserver2(), this.onResizeObserver3();
-  }
-  componentWillUnmount() {
-    this.unmount = !0, this.offClickOutside(), this.clearTimer(), this.offWindowResize(), this.offScrollListeners(), this.offContainerResize(), G(this.rafId), this.offResizeObserver2(), this.offResizeObserver3();
-  }
-  clearDelayTimer() {
-    this.delayTimer && (clearTimeout(this.delayTimer), this.delayTimer = null);
-  }
-  render() {
-    var $;
-    const {
-      children: t,
-      style: e,
-      className: i,
-      arrowProps: n,
-      disabled: r,
-      popup: u,
-      classNames: y,
-      duration: o,
-      unmountOnExit: v,
-      alignPoint: g,
-      autoAlignPopupWidth: a,
-      position: c,
-      childrenPrefix: f,
-      showArrow: m,
-      popupStyle: z,
-      __onExit: V,
-      __onExited: H
-    } = 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 d = {}, x = {
-      onMouseDown: this.onPopupMouseDown
-    };
-    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: dt(w) ? (P) => {
-        this.rootElementRef = P, yt(w, P);
-      } : void 0
-    }), L = /* @__PURE__ */ N(
-      nt,
-      {
-        in: !!T,
-        timeout: o,
-        classNames: y,
-        unmountOnExit: v,
-        appear: !0,
-        mountOnEnter: !0,
-        onEnter: () => {
-          this.triggerRefDestoried = !1;
-          const P = this.getPopupElement();
-          P && (P.style.display = "initial", P.style.pointerEvents = "none", y === "slideDynamicOrigin" && (P.style.transform = this.getTransformTranslate()));
-        },
-        onEntering: () => {
-          const P = this.getPopupElement();
-          P && y === "slideDynamicOrigin" && (P.style.transform = "");
-        },
-        onEntered: () => {
-          const P = this.getPopupElement();
-          P && (P.style.pointerEvents = "auto", this.forceUpdate());
-        },
-        onExit: () => {
-          const P = this.getPopupElement();
-          P && (P.style.pointerEvents = "none", V == null || V(P));
-        },
-        onExited: () => {
-          const P = this.getPopupElement();
-          P && (P.style.display = "none", v && (this.triggerRefDestoried = !0), this.setState({ popupStyle: {} }), H == null || H(P));
-        },
-        nodeRef: this.triggerRef,
-        children: /* @__PURE__ */ X(
-          "span",
-          {
-            ref: this.triggerRef,
-            "trigger-placement": this.realPosition,
-            style: {
-              width: a && (e == null ? void 0 : e.width) === void 0 ? ($ = this.childrenDomSize) == null ? void 0 : $.width : "",
-              ...E,
-              position: "absolute",
-              zIndex: p || "",
-              ...e
-              // display
-            },
-            ...x,
-            className: R,
-            ...mt(this.props),
-            children: [
-              /* @__PURE__ */ N(
-                C.type,
-                {
-                  ref: C.ref,
-                  ...C.props,
-                  style: { ...C.props.style, ...z }
-                }
-              ),
-              (m || n) && /* @__PURE__ */ N(
-                "div",
-                {
-                  className: _(`${D}-arrow-container`, {
-                    [`${f}-arrow-container`]: f
-                  }),
-                  children: /* @__PURE__ */ N(
-                    "div",
-                    {
-                      ...n,
-                      className: _(
-                        `${D}-arrow`,
-                        {
-                          [`${f}-arrow`]: f
-                        },
-                        n == null ? void 0 : n.className
-                      ),
-                      style: { ...this.arrowStyle, ...n == null ? void 0 : n.style }
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        )
-      }
-    ), b = T || this.getPopupElement() && !this.triggerRefDestoried ? /* @__PURE__ */ N(Mt, { getContainer: this.getContainer, children: L }) : null;
-    return k ? /* @__PURE__ */ X(A.Fragment, { children: [
-      S,
-      b
-    ] }) : b;
   }
+  return N && (pt = /* @__PURE__ */ Rt(ye, { children: [
+    ue,
+    pt
+  ] })), pt;
 }
-s(tt, "displayName", "Trigger"), s(tt, "contextType", at);
+const ze = ae(Be);
+ze.displayName = "Trigger";
 export {
-  te as EventsByTriggerNeed,
-  tt as default
+  ro as EventsByTriggerNeed,
+  ze as default
 };