@gobolt/genesis 0.2.14 → 0.2.15

package/dist/node_modules/@rc-component/trigger/es/index.js

@@ -1,155 +1,349 @@
-import b from "../../../@babel/runtime/helpers/esm/objectSpread2.js";
-import s from "../../../@babel/runtime/helpers/esm/slicedToArray.js";
-import rn from "../../../@babel/runtime/helpers/esm/objectWithoutProperties.js";
-import Le from "../../portal/es/Portal.js";
-import G from "../../../../_virtual/index.js";
-import tn from "../../../rc-resize-observer/es/index.js";
-import { isDOM as Re } from "../../../rc-util/es/Dom/findDOMNode.js";
-import { getShadowRoot as Te } from "../../../rc-util/es/Dom/shadow.js";
-import h from "../../../rc-util/es/hooks/useEvent.js";
-import un from "../../../rc-util/es/hooks/useId.js";
-import P from "../../../rc-util/es/hooks/useLayoutEffect.js";
-import an from "../../../rc-util/es/isMobile.js";
-import * as r from "react";
-import ln from "./Popup/index.js";
-import sn from "./TriggerWrapper.js";
-import Oe from "./context.js";
-import pn from "./hooks/useAction.js";
-import cn from "./hooks/useAlign.js";
-import mn from "./hooks/useWatch.js";
-import fn from "./hooks/useWinClick.js";
-import { getAlignPopupClassName as gn, getMotion as Ve } from "./util.js";
-var vn = ["prefixCls", "children", "action", "showAction", "hideAction", "popupVisible", "defaultPopupVisible", "onPopupVisibleChange", "afterPopupVisibleChange", "mouseEnterDelay", "mouseLeaveDelay", "focusDelay", "blurDelay", "mask", "maskClosable", "getPopupContainer", "forceRender", "autoDestroy", "destroyPopupOnHide", "popup", "popupClassName", "popupStyle", "popupPlacement", "builtinPlacements", "popupAlign", "zIndex", "stretch", "getPopupClassNameFromAlign", "fresh", "alignPoint", "onPopupClick", "onPopupAlign", "arrow", "popupMotion", "maskMotion", "popupTransitionName", "popupAnimation", "maskTransitionName", "maskAnimation", "className", "getTriggerDOMNode"];
-function dn() {
-  var ze = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Le, K = r.forwardRef(function(o, Be) {
-    var Q = o.prefixCls, y = Q === void 0 ? "rc-trigger-popup" : Q, Fe = o.children, U = o.action, He = U === void 0 ? "hover" : U, Ie = o.showAction, Xe = o.hideAction, C = o.popupVisible, Ye = o.defaultPopupVisible, Z = o.onPopupVisibleChange, $ = o.afterPopupVisibleChange, V = o.mouseEnterDelay, ee = o.mouseLeaveDelay, L = ee === void 0 ? 0.1 : ee, je = o.focusDelay, Je = o.blurDelay, oe = o.mask, ne = o.maskClosable, We = ne === void 0 || ne, _e = o.getPopupContainer, qe = o.forceRender, Ge = o.autoDestroy, Ke = o.destroyPopupOnHide, Qe = o.popup, Ue = o.popupClassName, Ze = o.popupStyle, z = o.popupPlacement, re = o.builtinPlacements, M = re === void 0 ? {} : re, te = o.popupAlign, $e = o.zIndex, ue = o.stretch, B = o.getPopupClassNameFromAlign, eo = o.fresh, k = o.alignPoint, oo = o.onPopupClick, no = o.onPopupAlign, F = o.arrow, ro = o.popupMotion, to = o.maskMotion, uo = o.popupTransitionName, io = o.popupAnimation, ao = o.maskTransitionName, lo = o.maskAnimation, ie = o.className, so = o.getTriggerDOMNode, H = rn(o, vn), po = Ge || Ke || !1, co = r.useState(!1), ae = s(co, 2), mo = ae[0], fo = ae[1];
-    P(function() {
-      fo(an());
+import _objectSpread2 from "../../../@babel/runtime/helpers/esm/objectSpread2.js";
+import _slicedToArray from "../../../@babel/runtime/helpers/esm/slicedToArray.js";
+import _objectWithoutProperties from "../../../@babel/runtime/helpers/esm/objectWithoutProperties.js";
+import Portal from "../../portal/es/Portal.js";
+import classNames from "../../../../_virtual/index.js";
+import RefResizeObserver from "../../../rc-resize-observer/es/index.js";
+import { isDOM } from "../../../rc-util/es/Dom/findDOMNode.js";
+import { getShadowRoot } from "../../../rc-util/es/Dom/shadow.js";
+import useEvent from "../../../rc-util/es/hooks/useEvent.js";
+import useId from "../../../rc-util/es/hooks/useId.js";
+import useLayoutEffect from "../../../rc-util/es/hooks/useLayoutEffect.js";
+import isMobile from "../../../rc-util/es/isMobile.js";
+import * as React from "react";
+import Popup from "./Popup/index.js";
+import TriggerWrapper from "./TriggerWrapper.js";
+import TriggerContext from "./context.js";
+import useAction from "./hooks/useAction.js";
+import useAlign from "./hooks/useAlign.js";
+import useWatch from "./hooks/useWatch.js";
+import useWinClick from "./hooks/useWinClick.js";
+import { getAlignPopupClassName, getMotion } from "./util.js";
+var _excluded = ["prefixCls", "children", "action", "showAction", "hideAction", "popupVisible", "defaultPopupVisible", "onPopupVisibleChange", "afterPopupVisibleChange", "mouseEnterDelay", "mouseLeaveDelay", "focusDelay", "blurDelay", "mask", "maskClosable", "getPopupContainer", "forceRender", "autoDestroy", "destroyPopupOnHide", "popup", "popupClassName", "popupStyle", "popupPlacement", "builtinPlacements", "popupAlign", "zIndex", "stretch", "getPopupClassNameFromAlign", "fresh", "alignPoint", "onPopupClick", "onPopupAlign", "arrow", "popupMotion", "maskMotion", "popupTransitionName", "popupAnimation", "maskTransitionName", "maskAnimation", "className", "getTriggerDOMNode"];
+function generateTrigger() {
+  var PortalComponent = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Portal;
+  var Trigger2 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
+    var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-trigger-popup" : _props$prefixCls, children = props.children, _props$action = props.action, action = _props$action === void 0 ? "hover" : _props$action, showAction = props.showAction, hideAction = props.hideAction, popupVisible = props.popupVisible, defaultPopupVisible = props.defaultPopupVisible, onPopupVisibleChange = props.onPopupVisibleChange, afterPopupVisibleChange = props.afterPopupVisibleChange, mouseEnterDelay = props.mouseEnterDelay, _props$mouseLeaveDela = props.mouseLeaveDelay, mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela, focusDelay = props.focusDelay, blurDelay = props.blurDelay, mask = props.mask, _props$maskClosable = props.maskClosable, maskClosable = _props$maskClosable === void 0 ? true : _props$maskClosable, getPopupContainer = props.getPopupContainer, forceRender = props.forceRender, autoDestroy = props.autoDestroy, destroyPopupOnHide = props.destroyPopupOnHide, popup = props.popup, popupClassName = props.popupClassName, popupStyle = props.popupStyle, popupPlacement = props.popupPlacement, _props$builtinPlaceme = props.builtinPlacements, builtinPlacements = _props$builtinPlaceme === void 0 ? {} : _props$builtinPlaceme, popupAlign = props.popupAlign, zIndex = props.zIndex, stretch = props.stretch, getPopupClassNameFromAlign = props.getPopupClassNameFromAlign, fresh = props.fresh, alignPoint = props.alignPoint, onPopupClick = props.onPopupClick, onPopupAlign = props.onPopupAlign, arrow = props.arrow, popupMotion = props.popupMotion, maskMotion = props.maskMotion, popupTransitionName = props.popupTransitionName, popupAnimation = props.popupAnimation, maskTransitionName = props.maskTransitionName, maskAnimation = props.maskAnimation, className = props.className, getTriggerDOMNode = props.getTriggerDOMNode, restProps = _objectWithoutProperties(props, _excluded);
+    var mergedAutoDestroy = autoDestroy || destroyPopupOnHide || false;
+    var _React$useState = React.useState(false), _React$useState2 = _slicedToArray(_React$useState, 2), mobile = _React$useState2[0], setMobile = _React$useState2[1];
+    useLayoutEffect(function() {
+      setMobile(isMobile());
     }, []);
-    var le = r.useRef({}), A = r.useContext(Oe), go = r.useMemo(function() {
-      return { registerSubPopup: function(e, n) {
-        le.current[e] = n, A == null || A.registerSubPopup(e, n);
-      } };
-    }, [A]), vo = un(), ho = r.useState(null), se = s(ho, 2), p = se[0], Po = se[1], pe = r.useRef(null), yo = h(function(e) {
-      pe.current = e, Re(e) && p !== e && Po(e), A == null || A.registerSubPopup(vo, e);
-    }), Co = r.useState(null), ce = s(Co, 2), f = ce[0], Mo = ce[1], me = r.useRef(null), ko = h(function(e) {
-      Re(e) && f !== e && (Mo(e), me.current = e);
-    }), I = r.Children.only(Fe), c = (I == null ? void 0 : I.props) || {}, g = {}, Ao = h(function(e) {
-      var n, i, u = f;
-      return (u == null ? void 0 : u.contains(e)) || ((n = Te(u)) === null || n === void 0 ? void 0 : n.host) === e || e === u || (p == null ? void 0 : p.contains(e)) || ((i = Te(p)) === null || i === void 0 ? void 0 : i.host) === e || e === p || Object.values(le.current).some(function(t) {
-        return (t == null ? void 0 : t.contains(e)) || e === t;
+    var subPopupElements = React.useRef({});
+    var parentContext = React.useContext(TriggerContext);
+    var context = React.useMemo(function() {
+      return {
+        registerSubPopup: function registerSubPopup(id2, subPopupEle) {
+          subPopupElements.current[id2] = subPopupEle;
+          parentContext === null || parentContext === void 0 || parentContext.registerSubPopup(id2, subPopupEle);
+        }
+      };
+    }, [parentContext]);
+    var id = useId();
+    var _React$useState3 = React.useState(null), _React$useState4 = _slicedToArray(_React$useState3, 2), popupEle = _React$useState4[0], setPopupEle = _React$useState4[1];
+    var externalPopupRef = React.useRef(null);
+    var setPopupRef = useEvent(function(node) {
+      externalPopupRef.current = node;
+      if (isDOM(node) && popupEle !== node) {
+        setPopupEle(node);
+      }
+      parentContext === null || parentContext === void 0 || parentContext.registerSubPopup(id, node);
+    });
+    var _React$useState5 = React.useState(null), _React$useState6 = _slicedToArray(_React$useState5, 2), targetEle = _React$useState6[0], setTargetEle = _React$useState6[1];
+    var externalForwardRef = React.useRef(null);
+    var setTargetRef = useEvent(function(node) {
+      if (isDOM(node) && targetEle !== node) {
+        setTargetEle(node);
+        externalForwardRef.current = node;
+      }
+    });
+    var child = React.Children.only(children);
+    var originChildProps = (child === null || child === void 0 ? void 0 : child.props) || {};
+    var cloneProps = {};
+    var inPopupOrChild = useEvent(function(ele) {
+      var _getShadowRoot, _getShadowRoot2;
+      var childDOM = targetEle;
+      return (childDOM === null || childDOM === void 0 ? void 0 : childDOM.contains(ele)) || ((_getShadowRoot = getShadowRoot(childDOM)) === null || _getShadowRoot === void 0 ? void 0 : _getShadowRoot.host) === ele || ele === childDOM || (popupEle === null || popupEle === void 0 ? void 0 : popupEle.contains(ele)) || ((_getShadowRoot2 = getShadowRoot(popupEle)) === null || _getShadowRoot2 === void 0 ? void 0 : _getShadowRoot2.host) === ele || ele === popupEle || Object.values(subPopupElements.current).some(function(subPopupEle) {
+        return (subPopupEle === null || subPopupEle === void 0 ? void 0 : subPopupEle.contains(ele)) || ele === subPopupEle;
       });
-    }), Do = Ve(y, ro, io, uo), No = Ve(y, to, lo, ao), bo = r.useState(Ye || !1), fe = s(bo, 2), Eo = fe[0], ge = fe[1], a = C ?? Eo, So = h(function(e) {
-      C === void 0 && ge(e);
     });
-    P(function() {
-      ge(C || !1);
-    }, [C]);
-    var D = r.useRef(a);
-    D.current = a;
-    var E = r.useRef([]);
-    E.current = [];
-    var ve = h(function(e) {
-      var n;
-      So(e), ((n = E.current[E.current.length - 1]) !== null && n !== void 0 ? n : a) !== e && (E.current.push(e), Z == null || Z(e));
-    }), de = r.useRef(), he = function() {
-      clearTimeout(de.current);
-    }, m = function(e) {
-      var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
-      he(), n === 0 ? ve(e) : de.current = setTimeout(function() {
-        ve(e);
-      }, 1e3 * n);
+    var mergePopupMotion = getMotion(prefixCls, popupMotion, popupAnimation, popupTransitionName);
+    var mergeMaskMotion = getMotion(prefixCls, maskMotion, maskAnimation, maskTransitionName);
+    var _React$useState7 = React.useState(defaultPopupVisible || false), _React$useState8 = _slicedToArray(_React$useState7, 2), internalOpen = _React$useState8[0], setInternalOpen = _React$useState8[1];
+    var mergedOpen = popupVisible !== null && popupVisible !== void 0 ? popupVisible : internalOpen;
+    var setMergedOpen = useEvent(function(nextOpen) {
+      if (popupVisible === void 0) {
+        setInternalOpen(nextOpen);
+      }
+    });
+    useLayoutEffect(function() {
+      setInternalOpen(popupVisible || false);
+    }, [popupVisible]);
+    var openRef = React.useRef(mergedOpen);
+    openRef.current = mergedOpen;
+    var lastTriggerRef = React.useRef([]);
+    lastTriggerRef.current = [];
+    var internalTriggerOpen = useEvent(function(nextOpen) {
+      var _lastTriggerRef$curre;
+      setMergedOpen(nextOpen);
+      if (((_lastTriggerRef$curre = lastTriggerRef.current[lastTriggerRef.current.length - 1]) !== null && _lastTriggerRef$curre !== void 0 ? _lastTriggerRef$curre : mergedOpen) !== nextOpen) {
+        lastTriggerRef.current.push(nextOpen);
+        onPopupVisibleChange === null || onPopupVisibleChange === void 0 || onPopupVisibleChange(nextOpen);
+      }
+    });
+    var delayRef = React.useRef();
+    var clearDelay = function clearDelay2() {
+      clearTimeout(delayRef.current);
+    };
+    var triggerOpen = function triggerOpen2(nextOpen) {
+      var delay = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+      clearDelay();
+      if (delay === 0) {
+        internalTriggerOpen(nextOpen);
+      } else {
+        delayRef.current = setTimeout(function() {
+          internalTriggerOpen(nextOpen);
+        }, delay * 1e3);
+      }
     };
-    r.useEffect(function() {
-      return he;
+    React.useEffect(function() {
+      return clearDelay;
     }, []);
-    var wo = r.useState(!1), Pe = s(wo, 2), X = Pe[0], ye = Pe[1];
-    P(function(e) {
-      e && !a || ye(!0);
-    }, [a]);
-    var xo = r.useState(null), Ce = s(xo, 2), Y = Ce[0], Me = Ce[1], Ro = r.useState(null), ke = s(Ro, 2), j = ke[0], To = ke[1], S = function(e) {
-      To([e.clientX, e.clientY]);
-    }, Oo = cn(a, p, k && j !== null ? j : f, z, M, te, no), l = s(Oo, 11), Vo = l[0], Lo = l[1], zo = l[2], Bo = l[3], Fo = l[4], Ho = l[5], Io = l[6], Xo = l[7], Yo = l[8], w = l[9], J = l[10], jo = pn(mo, He, Ie, Xe), Ae = s(jo, 2), x = Ae[0], N = Ae[1], De = x.has("click"), R = N.has("click") || N.has("contextMenu"), v = h(function() {
-      X || J();
+    var _React$useState9 = React.useState(false), _React$useState10 = _slicedToArray(_React$useState9, 2), inMotion = _React$useState10[0], setInMotion = _React$useState10[1];
+    useLayoutEffect(function(firstMount) {
+      if (!firstMount || mergedOpen) {
+        setInMotion(true);
+      }
+    }, [mergedOpen]);
+    var _React$useState11 = React.useState(null), _React$useState12 = _slicedToArray(_React$useState11, 2), motionPrepareResolve = _React$useState12[0], setMotionPrepareResolve = _React$useState12[1];
+    var _React$useState13 = React.useState(null), _React$useState14 = _slicedToArray(_React$useState13, 2), mousePos = _React$useState14[0], setMousePos = _React$useState14[1];
+    var setMousePosByEvent = function setMousePosByEvent2(event) {
+      setMousePos([event.clientX, event.clientY]);
+    };
+    var _useAlign = useAlign(mergedOpen, popupEle, alignPoint && mousePos !== null ? mousePos : targetEle, popupPlacement, builtinPlacements, popupAlign, onPopupAlign), _useAlign2 = _slicedToArray(_useAlign, 11), ready = _useAlign2[0], offsetX = _useAlign2[1], offsetY = _useAlign2[2], offsetR = _useAlign2[3], offsetB = _useAlign2[4], arrowX = _useAlign2[5], arrowY = _useAlign2[6], scaleX = _useAlign2[7], scaleY = _useAlign2[8], alignInfo = _useAlign2[9], onAlign = _useAlign2[10];
+    var _useAction = useAction(mobile, action, showAction, hideAction), _useAction2 = _slicedToArray(_useAction, 2), showActions = _useAction2[0], hideActions = _useAction2[1];
+    var clickToShow = showActions.has("click");
+    var clickToHide = hideActions.has("click") || hideActions.has("contextMenu");
+    var triggerAlign = useEvent(function() {
+      if (!inMotion) {
+        onAlign();
+      }
     });
-    mn(a, f, p, v, function() {
-      D.current && k && R && m(!1);
-    }), P(function() {
-      v();
-    }, [j, z]), P(function() {
-      !a || M != null && M[z] || v();
-    }, [JSON.stringify(te)]);
-    var Jo = r.useMemo(function() {
-      var e = gn(M, y, w, k);
-      return G(e, B == null ? void 0 : B(w));
-    }, [w, B, M, y, k]);
-    r.useImperativeHandle(Be, function() {
-      return { nativeElement: me.current, popupElement: pe.current, forceAlign: v };
+    var onScroll = function onScroll2() {
+      if (openRef.current && alignPoint && clickToHide) {
+        triggerOpen(false);
+      }
+    };
+    useWatch(mergedOpen, targetEle, popupEle, triggerAlign, onScroll);
+    useLayoutEffect(function() {
+      triggerAlign();
+    }, [mousePos, popupPlacement]);
+    useLayoutEffect(function() {
+      if (mergedOpen && !(builtinPlacements !== null && builtinPlacements !== void 0 && builtinPlacements[popupPlacement])) {
+        triggerAlign();
+      }
+    }, [JSON.stringify(popupAlign)]);
+    var alignedClassName = React.useMemo(function() {
+      var baseClassName = getAlignPopupClassName(builtinPlacements, prefixCls, alignInfo, alignPoint);
+      return classNames(baseClassName, getPopupClassNameFromAlign === null || getPopupClassNameFromAlign === void 0 ? void 0 : getPopupClassNameFromAlign(alignInfo));
+    }, [alignInfo, getPopupClassNameFromAlign, builtinPlacements, prefixCls, alignPoint]);
+    React.useImperativeHandle(ref, function() {
+      return {
+        nativeElement: externalForwardRef.current,
+        popupElement: externalPopupRef.current,
+        forceAlign: triggerAlign
+      };
     });
-    var Wo = r.useState(0), Ne = s(Wo, 2), _o = Ne[0], qo = Ne[1], Go = r.useState(0), be = s(Go, 2), Ko = be[0], Qo = be[1], Ee = function() {
-      if (ue && f) {
-        var e = f.getBoundingClientRect();
-        qo(e.width), Qo(e.height);
+    var _React$useState15 = React.useState(0), _React$useState16 = _slicedToArray(_React$useState15, 2), targetWidth = _React$useState16[0], setTargetWidth = _React$useState16[1];
+    var _React$useState17 = React.useState(0), _React$useState18 = _slicedToArray(_React$useState17, 2), targetHeight = _React$useState18[0], setTargetHeight = _React$useState18[1];
+    var syncTargetSize = function syncTargetSize2() {
+      if (stretch && targetEle) {
+        var rect = targetEle.getBoundingClientRect();
+        setTargetWidth(rect.width);
+        setTargetHeight(rect.height);
       }
     };
-    function d(e, n, i, u) {
-      g[e] = function(t) {
-        var T;
-        u == null || u(t), m(n, i);
-        for (var q = arguments.length, xe = new Array(q > 1 ? q - 1 : 0), O = 1; O < q; O++) xe[O - 1] = arguments[O];
-        (T = c[e]) === null || T === void 0 || T.call.apply(T, [c, t].concat(xe));
+    var onTargetResize = function onTargetResize2() {
+      syncTargetSize();
+      triggerAlign();
+    };
+    var onVisibleChanged = function onVisibleChanged2(visible) {
+      setInMotion(false);
+      onAlign();
+      afterPopupVisibleChange === null || afterPopupVisibleChange === void 0 || afterPopupVisibleChange(visible);
+    };
+    var onPrepare = function onPrepare2() {
+      return new Promise(function(resolve) {
+        syncTargetSize();
+        setMotionPrepareResolve(function() {
+          return resolve;
+        });
+      });
+    };
+    useLayoutEffect(function() {
+      if (motionPrepareResolve) {
+        onAlign();
+        motionPrepareResolve();
+        setMotionPrepareResolve(null);
+      }
+    }, [motionPrepareResolve]);
+    function wrapperAction(eventName, nextOpen, delay, preEvent) {
+      cloneProps[eventName] = function(event) {
+        var _originChildProps$eve;
+        preEvent === null || preEvent === void 0 || preEvent(event);
+        triggerOpen(nextOpen, delay);
+        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+          args[_key - 1] = arguments[_key];
+        }
+        (_originChildProps$eve = originChildProps[eventName]) === null || _originChildProps$eve === void 0 || _originChildProps$eve.call.apply(_originChildProps$eve, [originChildProps, event].concat(args));
       };
     }
-    P(function() {
-      Y && (J(), Y(), Me(null));
-    }, [Y]), (De || R) && (g.onClick = function(e) {
-      var n;
-      D.current && R ? m(!1) : !D.current && De && (S(e), m(!0));
-      for (var i = arguments.length, u = new Array(i > 1 ? i - 1 : 0), t = 1; t < i; t++) u[t - 1] = arguments[t];
-      (n = c.onClick) === null || n === void 0 || n.call.apply(n, [c, e].concat(u));
-    });
-    var W, Se, Uo = fn(a, R, f, p, oe, We, Ao, m), Zo = x.has("hover"), $o = N.has("hover");
-    Zo && (d("onMouseEnter", !0, V, function(e) {
-      S(e);
-    }), d("onPointerEnter", !0, V, function(e) {
-      S(e);
-    }), W = function(e) {
-      (a || X) && p != null && p.contains(e.target) && m(!0, V);
-    }, k && (g.onMouseMove = function(e) {
-      var n;
-      (n = c.onMouseMove) === null || n === void 0 || n.call(c, e);
-    })), $o && (d("onMouseLeave", !1, L), d("onPointerLeave", !1, L), Se = function() {
-      m(!1, L);
-    }), x.has("focus") && d("onFocus", !0, je), N.has("focus") && d("onBlur", !1, Je), x.has("contextMenu") && (g.onContextMenu = function(e) {
-      var n;
-      D.current && N.has("contextMenu") ? m(!1) : (S(e), m(!0)), e.preventDefault();
-      for (var i = arguments.length, u = new Array(i > 1 ? i - 1 : 0), t = 1; t < i; t++) u[t - 1] = arguments[t];
-      (n = c.onContextMenu) === null || n === void 0 || n.call.apply(n, [c, e].concat(u));
-    }), ie && (g.className = G(c.className, ie));
-    var _ = b(b({}, c), g), we = {};
-    ["onContextMenu", "onClick", "onMouseDown", "onTouchStart", "onMouseEnter", "onMouseLeave", "onFocus", "onBlur"].forEach(function(e) {
-      H[e] && (we[e] = function() {
-        for (var n, i = arguments.length, u = new Array(i), t = 0; t < i; t++) u[t] = arguments[t];
-        (n = _[e]) === null || n === void 0 || n.call.apply(n, [_].concat(u)), H[e].apply(H, u);
+    if (clickToShow || clickToHide) {
+      cloneProps.onClick = function(event) {
+        var _originChildProps$onC;
+        if (openRef.current && clickToHide) {
+          triggerOpen(false);
+        } else if (!openRef.current && clickToShow) {
+          setMousePosByEvent(event);
+          triggerOpen(true);
+        }
+        for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+          args[_key2 - 1] = arguments[_key2];
+        }
+        (_originChildProps$onC = originChildProps.onClick) === null || _originChildProps$onC === void 0 || _originChildProps$onC.call.apply(_originChildProps$onC, [originChildProps, event].concat(args));
+      };
+    }
+    var onPopupPointerDown = useWinClick(mergedOpen, clickToHide, targetEle, popupEle, mask, maskClosable, inPopupOrChild, triggerOpen);
+    var hoverToShow = showActions.has("hover");
+    var hoverToHide = hideActions.has("hover");
+    var onPopupMouseEnter;
+    var onPopupMouseLeave;
+    if (hoverToShow) {
+      wrapperAction("onMouseEnter", true, mouseEnterDelay, function(event) {
+        setMousePosByEvent(event);
       });
-    });
-    var en = r.cloneElement(I, b(b({}, _), we)), on = { x: Ho, y: Io }, nn = F ? b({}, F !== !0 ? F : {}) : null;
-    return r.createElement(r.Fragment, null, r.createElement(tn, { disabled: !a, ref: ko, onResize: function() {
-      Ee(), v();
-    } }, r.createElement(sn, { getTriggerDOMNode: so }, en)), r.createElement(Oe.Provider, { value: go }, r.createElement(ln, { portal: ze, ref: yo, prefixCls: y, popup: Qe, className: G(Ue, Jo), style: Ze, target: f, onMouseEnter: W, onMouseLeave: Se, onPointerEnter: W, zIndex: $e, open: a, keepDom: X, fresh: eo, onClick: oo, onPointerDownCapture: Uo, mask: oe, motion: Do, maskMotion: No, onVisibleChanged: function(e) {
-      ye(!1), J(), $ == null || $(e);
-    }, onPrepare: function() {
-      return new Promise(function(e) {
-        Ee(), Me(function() {
-          return e;
-        });
+      wrapperAction("onPointerEnter", true, mouseEnterDelay, function(event) {
+        setMousePosByEvent(event);
       });
-    }, forceRender: qe, autoDestroy: po, getPopupContainer: _e, align: w, arrow: nn, arrowPos: on, ready: Vo, offsetX: Lo, offsetY: zo, offsetR: Bo, offsetB: Fo, onAlign: v, stretch: ue, targetWidth: _o / Xo, targetHeight: Ko / Yo })));
+      onPopupMouseEnter = function onPopupMouseEnter2(event) {
+        if ((mergedOpen || inMotion) && popupEle !== null && popupEle !== void 0 && popupEle.contains(event.target)) {
+          triggerOpen(true, mouseEnterDelay);
+        }
+      };
+      if (alignPoint) {
+        cloneProps.onMouseMove = function(event) {
+          var _originChildProps$onM;
+          (_originChildProps$onM = originChildProps.onMouseMove) === null || _originChildProps$onM === void 0 || _originChildProps$onM.call(originChildProps, event);
+        };
+      }
+    }
+    if (hoverToHide) {
+      wrapperAction("onMouseLeave", false, mouseLeaveDelay);
+      wrapperAction("onPointerLeave", false, mouseLeaveDelay);
+      onPopupMouseLeave = function onPopupMouseLeave2() {
+        triggerOpen(false, mouseLeaveDelay);
+      };
+    }
+    if (showActions.has("focus")) {
+      wrapperAction("onFocus", true, focusDelay);
+    }
+    if (hideActions.has("focus")) {
+      wrapperAction("onBlur", false, blurDelay);
+    }
+    if (showActions.has("contextMenu")) {
+      cloneProps.onContextMenu = function(event) {
+        var _originChildProps$onC2;
+        if (openRef.current && hideActions.has("contextMenu")) {
+          triggerOpen(false);
+        } else {
+          setMousePosByEvent(event);
+          triggerOpen(true);
+        }
+        event.preventDefault();
+        for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
+          args[_key3 - 1] = arguments[_key3];
+        }
+        (_originChildProps$onC2 = originChildProps.onContextMenu) === null || _originChildProps$onC2 === void 0 || _originChildProps$onC2.call.apply(_originChildProps$onC2, [originChildProps, event].concat(args));
+      };
+    }
+    if (className) {
+      cloneProps.className = classNames(originChildProps.className, className);
+    }
+    var mergedChildrenProps = _objectSpread2(_objectSpread2({}, originChildProps), cloneProps);
+    var passedProps = {};
+    var passedEventList = ["onContextMenu", "onClick", "onMouseDown", "onTouchStart", "onMouseEnter", "onMouseLeave", "onFocus", "onBlur"];
+    passedEventList.forEach(function(eventName) {
+      if (restProps[eventName]) {
+        passedProps[eventName] = function() {
+          var _mergedChildrenProps$;
+          for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+            args[_key4] = arguments[_key4];
+          }
+          (_mergedChildrenProps$ = mergedChildrenProps[eventName]) === null || _mergedChildrenProps$ === void 0 || _mergedChildrenProps$.call.apply(_mergedChildrenProps$, [mergedChildrenProps].concat(args));
+          restProps[eventName].apply(restProps, args);
+        };
+      }
+    });
+    var triggerNode = /* @__PURE__ */ React.cloneElement(child, _objectSpread2(_objectSpread2({}, mergedChildrenProps), passedProps));
+    var arrowPos = {
+      x: arrowX,
+      y: arrowY
+    };
+    var innerArrow = arrow ? _objectSpread2({}, arrow !== true ? arrow : {}) : null;
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(RefResizeObserver, {
+      disabled: !mergedOpen,
+      ref: setTargetRef,
+      onResize: onTargetResize
+    }, /* @__PURE__ */ React.createElement(TriggerWrapper, {
+      getTriggerDOMNode
+    }, triggerNode)), /* @__PURE__ */ React.createElement(TriggerContext.Provider, {
+      value: context
+    }, /* @__PURE__ */ React.createElement(Popup, {
+      portal: PortalComponent,
+      ref: setPopupRef,
+      prefixCls,
+      popup,
+      className: classNames(popupClassName, alignedClassName),
+      style: popupStyle,
+      target: targetEle,
+      onMouseEnter: onPopupMouseEnter,
+      onMouseLeave: onPopupMouseLeave,
+      onPointerEnter: onPopupMouseEnter,
+      zIndex,
+      open: mergedOpen,
+      keepDom: inMotion,
+      fresh,
+      onClick: onPopupClick,
+      onPointerDownCapture: onPopupPointerDown,
+      mask,
+      motion: mergePopupMotion,
+      maskMotion: mergeMaskMotion,
+      onVisibleChanged,
+      onPrepare,
+      forceRender,
+      autoDestroy: mergedAutoDestroy,
+      getPopupContainer,
+      align: alignInfo,
+      arrow: innerArrow,
+      arrowPos,
+      ready,
+      offsetX,
+      offsetY,
+      offsetR,
+      offsetB,
+      onAlign: triggerAlign,
+      stretch,
+      targetWidth: targetWidth / scaleX,
+      targetHeight: targetHeight / scaleY
+    })));
   });
-  return process.env.NODE_ENV !== "production" && (K.displayName = "Trigger"), K;
+  if (process.env.NODE_ENV !== "production") {
+    Trigger2.displayName = "Trigger";
+  }
+  return Trigger2;
 }
-const Bn = dn(Le);
+var Trigger = generateTrigger(Portal);
 export {
-  Bn as default,
-  dn as generateTrigger
+  Trigger as default,
+  generateTrigger
 };

package/dist/node_modules/@rc-component/trigger/es/util.cjs

@@ -1 +1,109 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("../../../@babel/runtime/helpers/esm/objectSpread2.cjs");function x(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[];return arguments.length>2&&arguments[2]?e[0]===o[0]:e[0]===o[0]&&e[1]===o[1]}function v(e){return e.ownerDocument.defaultView}function s(e){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1;return Number.isNaN(e)?o:e}function g(e){return s(parseFloat(e),0)}exports.collectScroller=function(e){for(var o=[],t=e==null?void 0:e.parentElement,n=["hidden","scroll","clip","auto"];t;){var r=v(t).getComputedStyle(t);[r.overflowX,r.overflowY,r.overflow].some(function(i){return n.includes(i)})&&o.push(t),t=t.parentElement}return o},exports.getAlignPopupClassName=function(e,o,t,n){for(var r=t.points,i=Object.keys(e),u=0;u<i.length;u+=1){var l,m=i[u];if(x((l=e[m])===null||l===void 0?void 0:l.points,r,n))return"".concat(o,"-placement-").concat(m)}return""},exports.getMotion=function(e,o,t,n){return o||(t?{motionName:"".concat(e,"-").concat(t)}:n?{motionName:n}:null)},exports.getVisibleArea=function(e,o){var t=k({},e);return(o||[]).forEach(function(n){if(!(n instanceof HTMLBodyElement||n instanceof HTMLHtmlElement)){var r=v(n).getComputedStyle(n),i=r.overflow,u=r.overflowClipMargin,l=r.borderTopWidth,m=r.borderBottomWidth,S=r.borderLeftWidth,T=r.borderRightWidth,a=n.getBoundingClientRect(),p=n.offsetHeight,B=n.clientHeight,M=n.offsetWidth,L=n.clientWidth,b=g(l),w=g(m),N=g(S),W=g(T),c=s(Math.round(a.width/M*1e3)/1e3),f=s(Math.round(a.height/p*1e3)/1e3),V=(M-L-N-W)*c,j=(p-B-b-w)*f,y=b*f,q=w*f,C=N*c,A=W*c,d=0,h=0;if(i==="clip"){var E=g(u);d=E*c,h=E*f}var H=a.x+C-d,P=a.y+y-h,O=H+a.width+2*d-C-A-V,R=P+a.height+2*h-y-q-j;t.left=Math.max(t.left,H),t.top=Math.max(t.top,P),t.right=Math.min(t.right,O),t.bottom=Math.min(t.bottom,R)}}),t},exports.getWin=v,exports.toNum=s;
+"use strict";
+var objectSpread2 = require("../../../@babel/runtime/helpers/esm/objectSpread2.cjs");
+function isPointsEq() {
+  var a1 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
+  var a2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+  var isAlignPoint = arguments.length > 2 ? arguments[2] : void 0;
+  if (isAlignPoint) {
+    return a1[0] === a2[0];
+  }
+  return a1[0] === a2[0] && a1[1] === a2[1];
+}
+function getAlignPopupClassName(builtinPlacements, prefixCls, align, isAlignPoint) {
+  var points = align.points;
+  var placements = Object.keys(builtinPlacements);
+  for (var i = 0; i < placements.length; i += 1) {
+    var _builtinPlacements$pl;
+    var placement = placements[i];
+    if (isPointsEq((_builtinPlacements$pl = builtinPlacements[placement]) === null || _builtinPlacements$pl === void 0 ? void 0 : _builtinPlacements$pl.points, points, isAlignPoint)) {
+      return "".concat(prefixCls, "-placement-").concat(placement);
+    }
+  }
+  return "";
+}
+function getMotion(prefixCls, motion, animation, transitionName) {
+  if (motion) {
+    return motion;
+  }
+  if (animation) {
+    return {
+      motionName: "".concat(prefixCls, "-").concat(animation)
+    };
+  }
+  if (transitionName) {
+    return {
+      motionName: transitionName
+    };
+  }
+  return null;
+}
+function getWin(ele) {
+  return ele.ownerDocument.defaultView;
+}
+function collectScroller(ele) {
+  var scrollerList = [];
+  var current = ele === null || ele === void 0 ? void 0 : ele.parentElement;
+  var scrollStyle = ["hidden", "scroll", "clip", "auto"];
+  while (current) {
+    var _getWin$getComputedSt = getWin(current).getComputedStyle(current), overflowX = _getWin$getComputedSt.overflowX, overflowY = _getWin$getComputedSt.overflowY, overflow = _getWin$getComputedSt.overflow;
+    if ([overflowX, overflowY, overflow].some(function(o) {
+      return scrollStyle.includes(o);
+    })) {
+      scrollerList.push(current);
+    }
+    current = current.parentElement;
+  }
+  return scrollerList;
+}
+function toNum(num) {
+  var defaultValue = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
+  return Number.isNaN(num) ? defaultValue : num;
+}
+function getPxValue(val) {
+  return toNum(parseFloat(val), 0);
+}
+function getVisibleArea(initArea, scrollerList) {
+  var visibleArea = objectSpread2({}, initArea);
+  (scrollerList || []).forEach(function(ele) {
+    if (ele instanceof HTMLBodyElement || ele instanceof HTMLHtmlElement) {
+      return;
+    }
+    var _getWin$getComputedSt2 = getWin(ele).getComputedStyle(ele), overflow = _getWin$getComputedSt2.overflow, overflowClipMargin = _getWin$getComputedSt2.overflowClipMargin, borderTopWidth = _getWin$getComputedSt2.borderTopWidth, borderBottomWidth = _getWin$getComputedSt2.borderBottomWidth, borderLeftWidth = _getWin$getComputedSt2.borderLeftWidth, borderRightWidth = _getWin$getComputedSt2.borderRightWidth;
+    var eleRect = ele.getBoundingClientRect();
+    var eleOutHeight = ele.offsetHeight, eleInnerHeight = ele.clientHeight, eleOutWidth = ele.offsetWidth, eleInnerWidth = ele.clientWidth;
+    var borderTopNum = getPxValue(borderTopWidth);
+    var borderBottomNum = getPxValue(borderBottomWidth);
+    var borderLeftNum = getPxValue(borderLeftWidth);
+    var borderRightNum = getPxValue(borderRightWidth);
+    var scaleX = toNum(Math.round(eleRect.width / eleOutWidth * 1e3) / 1e3);
+    var scaleY = toNum(Math.round(eleRect.height / eleOutHeight * 1e3) / 1e3);
+    var eleScrollWidth = (eleOutWidth - eleInnerWidth - borderLeftNum - borderRightNum) * scaleX;
+    var eleScrollHeight = (eleOutHeight - eleInnerHeight - borderTopNum - borderBottomNum) * scaleY;
+    var scaledBorderTopWidth = borderTopNum * scaleY;
+    var scaledBorderBottomWidth = borderBottomNum * scaleY;
+    var scaledBorderLeftWidth = borderLeftNum * scaleX;
+    var scaledBorderRightWidth = borderRightNum * scaleX;
+    var clipMarginWidth = 0;
+    var clipMarginHeight = 0;
+    if (overflow === "clip") {
+      var clipNum = getPxValue(overflowClipMargin);
+      clipMarginWidth = clipNum * scaleX;
+      clipMarginHeight = clipNum * scaleY;
+    }
+    var eleLeft = eleRect.x + scaledBorderLeftWidth - clipMarginWidth;
+    var eleTop = eleRect.y + scaledBorderTopWidth - clipMarginHeight;
+    var eleRight = eleLeft + eleRect.width + 2 * clipMarginWidth - scaledBorderLeftWidth - scaledBorderRightWidth - eleScrollWidth;
+    var eleBottom = eleTop + eleRect.height + 2 * clipMarginHeight - scaledBorderTopWidth - scaledBorderBottomWidth - eleScrollHeight;
+    visibleArea.left = Math.max(visibleArea.left, eleLeft);
+    visibleArea.top = Math.max(visibleArea.top, eleTop);
+    visibleArea.right = Math.min(visibleArea.right, eleRight);
+    visibleArea.bottom = Math.min(visibleArea.bottom, eleBottom);
+  });
+  return visibleArea;
+}
+exports.collectScroller = collectScroller;
+exports.getAlignPopupClassName = getAlignPopupClassName;
+exports.getMotion = getMotion;
+exports.getVisibleArea = getVisibleArea;
+exports.getWin = getWin;
+exports.toNum = toNum;