@unicom-cloud/ui 0.8.41

package/Trigger.js

@@ -0,0 +1,858 @@
+var it = Object.defineProperty;
+var ot = (h, l, t) => l in h ? it(h, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[l] = t;
+var s = (h, l, t) => (ot(h, typeof l != "symbol" ? l + "" : l, t), t);
+import { jsx as R, jsxs as X } from "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import { CSSTransition as st } from "@unicom-cloud/react-transition-group";
+import rt from "lodash/isArray";
+import nt from "lodash/isEqual";
+import W from "lodash/isFunction";
+import q from "lodash/isPlainObject";
+import A, { useRef as lt, useEffect as pt, PureComponent as ht } from "react";
+import ut, { findDOMNode as at } from "react-dom";
+import { a as ct } from "./chunk/Dc_89PVN.js";
+import _ from "@unicom-cloud/utils/class-name";
+import { isServerRendering as tt, on as U, off as Y, getScrollElements as ft, isScrollElement as dt, contains as Q } from "./utils/dom.js";
+import { Esc as K } from "./utils/keyCode.js";
+import gt from "./utils/mergeProp.js";
+import { pickDataAttributes as mt } from "./utils/pick.js";
+import { caf as G, raf as bt } from "./utils/raf.js";
+import j from "./utils/throttleByRaf.js";
+import Pt from "./hooks/useIsFirstRender.js";
+import { isArray as Tt } from "./utils/is.js";
+const yt = (h) => {
+  const { getContainer: l, children: t } = h, e = lt();
+  return (Pt() || e.current === null) && !tt && (e.current = l()), pt(() => () => {
+    const r = e.current;
+    r && r.parentNode && (r.parentNode.removeChild(r), e.current = null);
+  }, []), e.current ? ut.createPortal(t, e.current) : null;
+}, B = 0, I = (h, l) => {
+  const { position: t } = l, { width: e, height: i, left: r, right: n, top: u, bottom: P } = h.getBoundingClientRect(), o = l.boundaryDistance || {}, M = "left" in o && o.left || B, g = "top" in o && o.top || B;
+  let a, c, f, m;
+  return ["bottom", "bl", "br"].indexOf(t) > -1 ? (f = u, m = P) : (f = u - g, m = P - g), ["right", "rt", "rb"].indexOf(t) > -1 ? (a = r, c = n) : (a = r - M, c = n - M), {
+    width: e,
+    height: i,
+    left: a,
+    right: c,
+    top: f,
+    bottom: m
+  };
+};
+function wt(h, l, t, e) {
+  if (!t || !h || tt)
+    return { left: 0, width: 0, height: 0, top: 0 };
+  const i = (m) => document.documentElement[m] || document.body[m], r = t === document.body ? i("scrollTop") : t.scrollTop, n = t === document.body ? i("scrollLeft") : t.scrollLeft, { left: u, top: P, width: o, height: M } = l, g = t === document.body ? 0 : I(t, e).left, a = t === document.body ? 0 : I(t, e).top, c = P + r - a;
+  return {
+    left: u + n - g,
+    top: c,
+    width: o,
+    height: M
+  };
+}
+const E = function(h, l, t) {
+  return t < h ? h : t > l ? l : t;
+}, Ct = (h, l) => {
+  let t = 0, e = 0, i = {};
+  l ? i = {
+    left: 12,
+    right: 12,
+    top: 12,
+    bottom: 12,
+    ...h
+  } : i = { ...h };
+  for (const r in i)
+    if (Tt(i[r])) {
+      let n = 0;
+      ["top", "bottom"].indexOf(r) > -1 ? (n = 1, t = i[r][0]) : e = i[r][1], i[r] = i[r][n];
+    }
+  return {
+    ...i,
+    horizontalOffset: t,
+    verticalOffset: e
+  };
+}, vt = (h, l, { boundaryDistance: t, position: e }) => l ? {
+  left: l.clientX,
+  top: l.clientY,
+  width: 0,
+  height: 0,
+  right: l.clientX,
+  bottom: l.clientY
+} : I(h, { boundaryDistance: t, position: e }), Mt = (h) => {
+  const l = h.offsetWidth, t = h.offsetHeight;
+  return {
+    width: l,
+    height: t
+  };
+}, Ot = (h) => {
+  var n, u;
+  const l = h || {}, t = "left" in l ? l.left : "right" in l ? l.right : B, e = "top" in l ? l.top : "bottom" in l ? l.bottom : B, i = (((n = document.documentElement) == null ? void 0 : n.clientHeight) || window.innerHeight) - (e || B), r = (((u = document.documentElement) == null ? void 0 : u.clientWidth) || window.innerWidth) - (t || B);
+  return {
+    windowHeight: i,
+    windowWidth: r
+  };
+}, Dt = (h, l, t, e, i) => {
+  const {
+    autoAlignPopupWidth: r,
+    autoAlignPopupMinWidth: n,
+    alignPoint: u,
+    style: P
+  } = h;
+  if (!t || !l || !e)
+    return {};
+  const o = {}, M = !h.alignPoint && h.boundaryDistance || {}, g = vt(t, u && i, {
+    boundaryDistance: M,
+    position: h.position
+  }), { left: a, top: c, width: f, height: m } = wt(
+    t,
+    g,
+    e,
+    {
+      boundaryDistance: M,
+      position: h.position
+    }
+  ), V = Ct(h.popupAlign, h.showArrow), H = V.left || 0, N = V.right || 0, k = V.top || 0, F = V.bottom || 0;
+  r && (P == null ? void 0 : P.width) === void 0 && (l.style.width = `${t.offsetWidth}px`), n && (l.style.minWidth = `${t.offsetWidth}px`);
+  const p = Mt(l);
+  let v = h.position;
+  const y = {}, O = (D) => {
+    if (!h.autoFitPosition)
+      return;
+    const { windowHeight: S, windowWidth: z } = Ot(M);
+    let L = !1;
+    const b = {
+      left: a - g.left,
+      top: c - g.top
+    }, { top: $ = 0, left: T = 0 } = o;
+    if ((D === "top" || D === "bottom") && (b.left > T && g.right > 12 ? (o.left = Math.max(b.left, a - p.width), o.left = Math.max(
+      o.left,
+      a - p.width + 24
+    )) : T - b.left + p.width > z && z - g.left > 12 && (o.left = Math.max(
+      b.left,
+      b.left + z - p.width
+    ), o.left = Math.max(
+      o.left,
+      a - p.width + 24
+    ))), (D === "left" || D === "right") && (b.top > $ && g.bottom > 12 ? (o.top = b.top, o.top = Math.max(
+      o.top,
+      c - p.height + g.height / 2
+    )) : $ - b.top + p.height > S && S - g.top > 12 && (o.top = Math.max(
+      b.top,
+      b.top + S - p.height
+    ), o.top = Math.max(
+      o.top,
+      c - p.height + g.height / 2
+    ))), D === "top" && b.top > $ && (g.top < S - g.bottom ? (o.top = Math.min(
+      c + m + (k || 0),
+      b.top + S - p.height
+    ), L = !0) : o.top = b.top), D === "bottom" && $ - b.top + p.height > S && (S - g.bottom < g.top ? (o.top = Math.max(
+      c - p.height - (F || 0),
+      b.top
+    ), L = !0) : o.top = b.top + S - p.height), D === "left" && b.left > T && (g.left < z - g.right ? (o.left = Math.min(
+      f + a + N,
+      b.left + z - p.width
+    ), L = !0) : o.left = b.left), D === "right" && T - b.left + p.width > z && (z - g.right < g.left ? (o.left = Math.max(
+      a - p.width - H,
+      b.left
+    ), L = !0) : o.left = b.left + z - p.width), o.left < 0)
+      o.left = 0;
+    else {
+      const et = e.scrollWidth - p.width;
+      o.left = Math.min(et, o.left);
+    }
+    return L;
+  }, d = V.horizontalOffset || 0, x = V.verticalOffset || 0;
+  let C = a - Number(o.left) + f / 2, w = c - Number(o.top) + m / 2;
+  switch (h.position) {
+    case "top": {
+      o.top = c - p.height - k, o.left = a + f / 2 - p.width / 2, O("top") && (v = "bottom"), o.left += d, C = a - Number(o.left) + f / 2, y.left = E(12, p.width - 12, C);
+      break;
+    }
+    case "tl":
+      o.top = c - p.height - k, o.left = a, O("top") && (v = "bl"), o.left += d, C = a - Number(o.left) + Math.min(f / 2, 50), y.left = E(12, p.width - 12, C);
+      break;
+    case "tr":
+      o.top = -l.clientHeight + c - k, o.left = a + f - p.width, O("top") && (v = "br"), o.left += d, C = a - Number(o.left) + Math.max(f / 2, f - 50), y.left = E(12, p.width - 12, C);
+      break;
+    case "bottom": {
+      o.top = m + c + F, o.left = a + f / 2 - p.width / 2, O("bottom") && (v = "top"), o.left += d, C = a - Number(o.left) + f / 2, y.left = E(12, p.width - 12, C);
+      break;
+    }
+    case "bl":
+      o.top = m + c + F, o.left = a, O("bottom") && (v = "tl"), o.left += d, C = a - Number(o.left) + Math.min(f / 2, 50), y.left = E(12, p.width - 12, C);
+      break;
+    case "br":
+      o.top = m + c + F, o.left = a + f - p.width, O("bottom") && (v = "tr"), o.left += d, C = a - Number(o.left) + Math.max(f / 2, f - 50), y.left = E(12, p.width - 12, C);
+      break;
+    case "left": {
+      o.top = c + m / 2 - p.height / 2, o.left = a - p.width - H, O("left") && (v = "right"), o.top += x, w = c - Number(o.top) + m / 2, y.top = E(12, p.height - 12, w);
+      break;
+    }
+    case "lt":
+      o.top = c, o.left = a - p.width - H, O("left") && (v = "rt"), o.top += x, w = c - Number(o.top) + Math.min(m / 2, 50), y.top = E(12, p.height - 12, w);
+      break;
+    case "lb":
+      o.top = c + m - p.height, o.left = a - p.width - H, O("left") && (v = "rb"), o.top += x, w = c - Number(o.top) + Math.max(m / 2, m - 50), y.top = E(12, p.height - 12, w);
+      break;
+    case "right": {
+      o.top = c + m / 2 - p.height / 2, o.left = f + a + N, O("right") && (v = "left"), o.top += x, w = c - Number(o.top) + m / 2, y.top = E(12, p.height - 12, w);
+      break;
+    }
+    case "rt":
+      o.top = c, o.left = f + a + N, O("right") && (v = "lt"), o.top += x, w = c - Number(o.top) + Math.min(m / 2, 50), y.top = E(12, p.height - 12, w);
+      break;
+    case "rb":
+      o.top = c + m - p.height, o.left = f + a + N, O("right") && (v = "lb"), o.top += x, w = c - Number(o.top) + Math.max(m / 2, m - 50), y.top = E(12, p.height - 12, w);
+      break;
+  }
+  return {
+    style: o,
+    arrowStyle: y,
+    realPosition: v
+  };
+};
+function J(h, l) {
+  if (!h)
+    return {};
+  const { width: t, height: e, left: i, right: r } = I(h, l);
+  return {
+    width: t,
+    height: e,
+    left: i,
+    right: r
+  };
+}
+const Kt = [
+  "onClick",
+  "onMouseEnter",
+  "onMouseLeave",
+  "onMouseMove",
+  "onFocus",
+  "onBlur",
+  "onContextMenu",
+  "onKeyDown"
+];
+function Et(h, l) {
+  const t = {}, e = { ...h };
+  return l.forEach((i) => {
+    h && i in h && (t[i] = h[i], delete e[i]);
+  }), { picked: t, omitted: e };
+}
+const xt = {
+  blurToHide: !0,
+  // clickToClose: true,
+  classNames: "fadeIn",
+  trigger: "hover",
+  position: "bottom",
+  duration: 200,
+  unmountOnExit: !0,
+  popupAlign: {},
+  popupHoverStay: !0,
+  clickOutsideToClose: !0,
+  escToClose: !1,
+  mouseLeaveToClose: !0,
+  containerScrollToClose: !1,
+  getDocument: () => window.document,
+  autoFixPosition: !0,
+  mouseEnterDelay: 100,
+  mouseLeaveDelay: 100,
+  autoFitPosition: !0
+};
+class Z extends ht {
+  constructor(t, e) {
+    super(t, e);
+    s(this, "context");
+    s(this, "popupContainer");
+    s(this, "refTrigger");
+    s(this, "delayTimer", null);
+    s(this, "updatePositionTimer", null);
+    // popup 真正出现的位置
+    s(this, "realPosition");
+    // arrow 箭头的位置
+    s(this, "arrowStyle");
+    // is popup open?
+    s(this, "popupOpen", !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", {
+      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", null);
+    s(this, "resizeObserver3", null);
+    s(this, "childrenDom", null);
+    // 保存children节点的尺寸。 主要用于在弹出层动画前和动画完成后比较尺寸是否有变化。
+    s(this, "childrenDomSize", {});
+    s(this, "getMergedProps", (t) => {
+      const { componentConfig: e } = this.context ?? {};
+      return gt(
+        t && q(t) ? t : this.props,
+        xt,
+        e == null ? void 0 : e.Trigger,
+        t && rt(t) ? t : void 0
+      );
+    });
+    s(this, "getRootElement", () => (this.childrenDom = at(this), this.childrenDom));
+    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 = ft(
+        this.childrenDom,
+        (e = this.popupContainer) == null ? void 0 : e.parentNode
+      ), t.containerScrollToClose && ((i = this.popupContainer) == null ? void 0 : i.parentNode) === document.body && this.scrollElements.indexOf(document.body) === -1 && dt(document.documentElement) && this.scrollElements.push(window), this.scrollElements.forEach((r) => {
+        U(r, "scroll", this.handleScroll);
+      }));
+    });
+    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, M;
+      const e = this.refTrigger;
+      if (!e)
+        return {};
+      const { showArrow: i, classNames: r } = this.getMergedProps([
+        "showArrow",
+        "classNames"
+      ]);
+      let n = i && ((o = this.arrowStyle) == null ? void 0 : o.top) || 0, u = i && ((M = this.arrowStyle) == null ? void 0 : M.left) || 0;
+      n = n ? `${n}px` : "", u = u ? `${u}px` : "";
+      const P = {
+        top: `${u || "50%"} 100% 0`,
+        tl: `${u || "15px"} 100% 0`,
+        tr: `${u || `${e.clientWidth - 15}px`} 100% 0`,
+        bottom: `${u || "50%"} 0 0`,
+        bl: `${u || "15px"} 0 0`,
+        br: `${u || `${e.clientWidth - 15}px`} 0 0`,
+        left: `100% ${n || "50%"} 0`,
+        lt: `100% ${n || "15px"} 0`,
+        lb: `100% ${n || `${e.clientHeight - 15}px`} 0`,
+        right: `0 ${n || "50%"} 0`,
+        rt: `0 ${n || "15px"} 0`,
+        rb: `0 ${n || `${e.clientHeight - 15}px`} 0`
+      };
+      if (r && r.indexOf("zoom") > -1)
+        return {
+          transformOrigin: P[t]
+        };
+      if (r === "slideDynamicOrigin") {
+        let g = "0% 0%";
+        return ["top", "tl", "tr"].indexOf(t) > -1 && (g = "100% 100%"), {
+          transformOrigin: g
+        };
+      }
+      return {};
+    });
+    // 下拉框存在初始translateY/translateX，需要根据真实的弹出位置确定
+    s(this, "getTransformTranslate", () => {
+      if (this.getMergedProps(["classNames"]).classNames !== "slideDynamicOrigin")
+        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)
+        return;
+      const t = this.popupContainer, e = this.refTrigger, i = this.getRootElement();
+      if (!i.offsetParent && !i.getClientRects().length)
+        return this.state.popupStyle;
+      const r = this.getMergedProps(), { style: n, arrowStyle: u, realPosition: P } = Dt(
+        r,
+        e,
+        i,
+        t,
+        this.mouseLocation
+      );
+      return this.realPosition = P || r.position, this.arrowStyle = u || {}, {
+        ...n,
+        ...this.getTransformOrigin(this.realPosition)
+      };
+    });
+    s(this, "showPopup", (t = () => {
+    }) => {
+      const e = this.getPopupStyle();
+      this.setState(
+        {
+          popupStyle: e
+        },
+        t
+      );
+    });
+    s(this, "update", j((t) => {
+      if (this.unmount || !this.state.popupVisible)
+        return;
+      const e = this.getPopupStyle();
+      this.setState(
+        {
+          popupStyle: e
+        },
+        () => {
+          t == null || t();
+        }
+      );
+    }));
+    s(this, "updatePopupPosition", (t = 0, e) => {
+      if (this.state.popupVisible) {
+        if (t < 4) {
+          this.updatePositionTimer = this.update(e);
+          return;
+        }
+        this.updatePositionTimer = setTimeout(() => {
+          const r = this.getPopupStyle();
+          this.setState(
+            {
+              popupStyle: r
+            },
+            () => {
+              e == null || e();
+            }
+          );
+        }, t);
+      }
+    });
+    s(this, "setPopupVisible", (t, e = 0, i) => {
+      const r = this.getMergedProps([
+        "onVisibleChange",
+        "popupVisible"
+      ]), { onVisibleChange: n } = r, u = this.state.popupVisible;
+      t !== u ? this.delayToDo(e, () => {
+        n == null || n(t), "popupVisible" in r ? i == null || i() : t ? this.setState(
+          {
+            popupVisible: !0
+          },
+          () => {
+            this.showPopup(i);
+          }
+        ) : this.setState(
+          {
+            popupVisible: !1
+          },
+          () => {
+            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"
+      ]), r = this.refTrigger, n = this.getRootElement();
+      !Q(r, t.target) && !Q(n, t.target) && !this.hasPopupMouseDown && (e == null || e(), i && !this.isBlurToHide() && !this.isHoverTrigger() && this.setPopupVisible(!1));
+    });
+    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"]), i = t.key;
+      e && t && i === 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 n;
+      const { children: t } = this.props, e = t, i = e && typeof e != "string" && e.type;
+      let r = t;
+      if (["string", "number"].indexOf(typeof t) > -1 || A.Children.count(t) > 1)
+        r = /* @__PURE__ */ R("span", { children: t });
+      else if (e && i && (i.__PQB_BUTTON === !0 || i.__PQB_CHECKBOX === !0 || i.__PQB_SWITCH === !0 || i.__PQB_RADIO === !0 || i === "button") && e.props.disabled) {
+        const { picked: u, omitted: P } = Et(e.props.style, [
+          "position",
+          "left",
+          "right",
+          "top",
+          "bottom",
+          "float",
+          "display",
+          "zIndex"
+        ]);
+        r = /* @__PURE__ */ R(
+          "span",
+          {
+            className: (n = e.props) == null ? void 0 : n.className,
+            style: { display: "inline-block", ...u, cursor: "not-allowed" },
+            children: A.cloneElement(e, {
+              style: {
+                ...P,
+                pointerEvents: "none"
+              },
+              className: void 0
+            })
+          }
+        );
+      }
+      return r || /* @__PURE__ */ R("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"]), r = i || e, n = this.getRootElement(), u = r == null ? void 0 : r(n);
+        if (u) {
+          u.appendChild(t);
+          return;
+        }
+      }
+      this.rafId = bt(() => {
+        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(), r = i && i.props && i.props[t], n = this.getMergedProps([t])[t];
+      W(r) && r(e), W(n) && n(e);
+    });
+    // 触发 children/ trigger 组件上被附加的事件
+    s(this, "triggerOriginEvent", (t) => {
+      const e = this.getChild(), i = e && e.props && e.props[t], r = this.getMergedProps([t])[t];
+      return W(r) && W(i) ? (n) => {
+        i(n), r(n);
+      } : i || r;
+    });
+    const i = this.getMergedProps(t), r = "popupVisible" in i ? i.popupVisible : i.defaultPopupVisible;
+    this.popupOpen = !!r, this.state = {
+      popupVisible: !!r,
+      popupStyle: {}
+    };
+  }
+  static getDerivedStateFromProps(t, e) {
+    return "popupVisible" in t && t.popupVisible !== e.popupVisible ? {
+      popupVisible: t.popupVisible
+    } : null;
+  }
+  resizeObserver2Observe() {
+    var t, e;
+    this.refTrigger && (this.resizeObserver2 || (this.resizeObserver2Disconnect(), this.resizeObserver2 = new ResizeObserver(() => {
+      window.requestAnimationFrame(() => {
+        const i = this.refTrigger;
+        if (i) {
+          const r = this.getPopupStyle(), n = this.props.style || {};
+          i.style.top = String(n.top || `${r.top}px`), i.style.left = String(n.left || `${r.left}px`);
+        }
+        this.onResize();
+      });
+    }), (e = (t = this.resizeObserver2) == null ? void 0 : t.observe) == null || e.call(t, this.refTrigger)));
+  }
+  resizeObserver2Disconnect() {
+    var t, e;
+    (e = (t = this.resizeObserver2) == null ? void 0 : t.disconnect) == null || e.call(t), this.resizeObserver2 = null;
+  }
+  resizeObserver3Observe() {
+    var t, e;
+    this.childrenDom && (this.resizeObserver3 || (this.resizeObserver3Disconnect(), this.resizeObserver3 = new ResizeObserver(() => {
+      window.requestAnimationFrame(this.onResize);
+    }), (e = (t = this.resizeObserver3) == null ? void 0 : t.observe) == null || e.call(t, this.childrenDom)));
+  }
+  resizeObserver3Disconnect() {
+    var t, e;
+    (e = (t = this.resizeObserver3) == null ? void 0 : t.disconnect) == null || e.call(t), this.resizeObserver3 = null;
+  }
+  componentDidMount() {
+    this.componentDidUpdate(this.getMergedProps()), this.isDidMount = !0, this.unmount = !1, this.childrenDom = this.getRootElement(), this.state.popupVisible && (this.childrenDomSize = J(this.childrenDom, {
+      boundaryDistance: this.props.alignPoint ? void 0 : this.props.boundaryDistance,
+      position: this.props.position
+    }));
+  }
+  componentDidUpdate(t) {
+    this.resizeObserver3Observe();
+    const e = this.getMergedProps(t), i = this.getMergedProps();
+    !e.popupVisible && i.popupVisible && this.update();
+    const { popupVisible: r } = this.state;
+    this.popupOpen = r;
+    const { getDocument: n } = i;
+    if (!r) {
+      this.offClickOutside(), this.offContainerResize(), this.offWindowResize(), this.offScrollListeners();
+      return;
+    }
+    const u = J(this.childrenDom, {
+      boundaryDistance: this.props.alignPoint ? {} : this.props.boundaryDistance,
+      position: this.props.position
+    });
+    if (nt(u, this.childrenDomSize) || (this.updatePopupPosition(), this.childrenDomSize = u), this.onContainerResize(), (i.updateOnScroll || i.containerScrollToClose) && this.onContainersScroll(i), this.handleWindowResize || (U(window, "resize", this.handleUpdatePosition), this.handleWindowResize = !0), !this.handleClickOutside) {
+      const P = W(n) && n();
+      P && (U(P, "mousedown", this.onClickOutside, {
+        capture: q(i.clickOutsideToClose) ? i.clickOutsideToClose.capture : !1
+      }), this.handleClickOutside = !0);
+    }
+  }
+  componentWillUnmount() {
+    this.unmount = !0, this.offClickOutside(), this.clearTimer(), this.offWindowResize(), this.offScrollListeners(), this.offContainerResize(), G(this.rafId), this.resizeObserver2Disconnect(), this.resizeObserver3Disconnect();
+  }
+  clearDelayTimer() {
+    this.delayTimer && (clearTimeout(this.delayTimer), this.delayTimer = null);
+  }
+  render() {
+    var $;
+    const {
+      children: t,
+      style: e,
+      className: i,
+      arrowProps: r,
+      disabled: n,
+      popup: u,
+      classNames: P,
+      duration: o,
+      unmountOnExit: M,
+      alignPoint: g,
+      autoAlignPopupWidth: a,
+      position: c,
+      childrenPrefix: f,
+      showArrow: m,
+      popupStyle: V,
+      __onExit: H,
+      __onExited: N
+    } = this.getMergedProps(), k = t || t === 0, { getPrefixCls: F, zIndex: p, rtl: v } = this.context, { popupVisible: y, popupStyle: O } = this.state;
+    if (!u)
+      return null;
+    const d = {}, x = {
+      onMouseDown: this.onPopupMouseDown
+    };
+    this.isHoverTrigger() && !n ? (d.onMouseEnter = this.onMouseEnter, d.onMouseLeave = this.onMouseLeave, this.isClickToHide() && (d.onClick = this.clickToHidePopup), g && (d.onMouseMove = this.onMouseMove), this.isPopupHoverHide() || (x.onMouseEnter = this.onPopupMouseEnter, x.onMouseLeave = this.onPopupMouseLeave)) : (d.onMouseEnter = this.triggerOriginEvent("onMouseEnter"), d.onMouseLeave = this.triggerOriginEvent("onMouseLeave")), this.isContextMenuTrigger() && !n ? (d.onContextMenu = this.onContextMenu, d.onClick = this.clickToHidePopup) : d.onContextMenu = this.triggerOriginEvent("onContextMenu"), this.isClickTrigger() && !n ? d.onClick = this.onClick : d.onClick = d.onClick || this.triggerOriginEvent("onClick"), this.isFocusTrigger() && !n ? (d.onFocus = this.onFocus, this.isBlurToHide() && (d.onBlur = this.onBlur)) : (d.onFocus = this.triggerOriginEvent("onFocus"), d.onBlur = this.triggerOriginEvent("onBlur")), n ? d.onKeyDown = this.triggerOriginEvent("onKeyDown") : d.onKeyDown = this.onKeyDown;
+    const C = this.getChild(), w = A.Children.only(u());
+    C.props.className && (d.className = C.props.className), f && y && (d.className = d.className ? `${d.className} ${f}-open` : `${f}-open`), this.isFocusTrigger() && (d.tabIndex = n ? -1 : 0);
+    const D = F("trigger"), S = _(
+      D,
+      f,
+      `${D}-position-${c}`,
+      { [`${D}-rtl`]: v },
+      i
+    ), z = k && A.cloneElement(C, {
+      ...d
+    }), L = /* @__PURE__ */ R(
+      st,
+      {
+        in: !!y,
+        timeout: o,
+        classNames: P,
+        unmountOnExit: M,
+        appear: !0,
+        mountOnEnter: !0,
+        onEnter: (T) => {
+          T.style.display = "initial", T.style.pointerEvents = "none", P === "slideDynamicOrigin" && (T.style.transform = this.getTransformTranslate());
+        },
+        onEntering: (T) => {
+          P === "slideDynamicOrigin" && (T.style.transform = "");
+        },
+        onEntered: (T) => {
+          T.style.pointerEvents = "auto", this.forceUpdate();
+        },
+        onExit: (T) => {
+          T.style.pointerEvents = "none", H == null || H(T);
+        },
+        onExited: (T) => {
+          T.style.display = "none", M && (this.refTrigger = null), this.setState({ popupStyle: {} }), N == null || N(T);
+        },
+        children: /* @__PURE__ */ X(
+          "span",
+          {
+            ref: (T) => {
+              this.resizeObserver2Disconnect(), this.refTrigger = T, this.resizeObserver2Observe();
+            },
+            "trigger-placement": this.realPosition,
+            style: {
+              width: a && (e == null ? void 0 : e.width) === void 0 ? ($ = this.childrenDomSize) == null ? void 0 : $.width : "",
+              ...O,
+              position: "absolute",
+              zIndex: p || "",
+              ...e
+              // display
+            },
+            ...x,
+            className: S,
+            ...mt(this.props),
+            children: [
+              /* @__PURE__ */ R(
+                w.type,
+                {
+                  ref: w.ref,
+                  ...w.props,
+                  style: { ...w.props.style, ...V }
+                }
+              ),
+              (m || r) && /* @__PURE__ */ R(
+                "div",
+                {
+                  className: _(`${D}-arrow-container`, {
+                    [`${f}-arrow-container`]: f
+                  }),
+                  children: /* @__PURE__ */ R(
+                    "div",
+                    {
+                      ...r,
+                      className: _(
+                        `${D}-arrow`,
+                        {
+                          [`${f}-arrow`]: f
+                        },
+                        r == null ? void 0 : r.className
+                      ),
+                      style: { ...this.arrowStyle, ...r == null ? void 0 : r.style }
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
+      }
+    ), b = y || this.refTrigger ? /* @__PURE__ */ R(yt, { getContainer: this.getContainer, children: L }) : null;
+    return k ? /* @__PURE__ */ X(A.Fragment, { children: [
+      z,
+      b
+    ] }) : b;
+  }
+}
+s(Z, "displayName", "Trigger"), s(Z, "contextType", ct);
+export {
+  Kt as EventsByTriggerNeed,
+  Z as default
+};