@rc-component/trigger 2.2.5 → 3.0.0

package/es/Popup/Arrow.js

@@ -1,35 +1,38 @@
 import classNames from 'classnames';
 import * as React from 'react';
 export default function Arrow(props) {
-  var prefixCls = props.prefixCls,
-    align = props.align,
-    arrow = props.arrow,
-    arrowPos = props.arrowPos;
-  var _ref = arrow || {},
-    className = _ref.className,
-    content = _ref.content;
-  var _arrowPos$x = arrowPos.x,
-    x = _arrowPos$x === void 0 ? 0 : _arrowPos$x,
-    _arrowPos$y = arrowPos.y,
-    y = _arrowPos$y === void 0 ? 0 : _arrowPos$y;
-  var arrowRef = React.useRef();
+  const {
+    prefixCls,
+    align,
+    arrow,
+    arrowPos
+  } = props;
+  const {
+    className,
+    content
+  } = arrow || {};
+  const {
+    x = 0,
+    y = 0
+  } = arrowPos;
+  const arrowRef = React.useRef();
 
   // Skip if no align
   if (!align || !align.points) {
     return null;
   }
-  var alignStyle = {
+  const alignStyle = {
     position: 'absolute'
   };
 
   // Skip if no need to align
   if (align.autoArrow !== false) {
-    var popupPoints = align.points[0];
-    var targetPoints = align.points[1];
-    var popupTB = popupPoints[0];
-    var popupLR = popupPoints[1];
-    var targetTB = targetPoints[0];
-    var targetLR = targetPoints[1];
+    const popupPoints = align.points[0];
+    const targetPoints = align.points[1];
+    const popupTB = popupPoints[0];
+    const popupLR = popupPoints[1];
+    const targetTB = targetPoints[0];
+    const targetLR = targetPoints[1];
 
     // Top & Bottom
     if (popupTB === targetTB || !['t', 'b'].includes(popupTB)) {
@@ -51,7 +54,7 @@ export default function Arrow(props) {
   }
   return /*#__PURE__*/React.createElement("div", {
     ref: arrowRef,
-    className: classNames("".concat(prefixCls, "-arrow"), className),
+    className: classNames(`${prefixCls}-arrow`, className),
     style: alignStyle
   }, content);
 }

package/es/Popup/Mask.d.ts

@@ -1,4 +1,4 @@
-import type { CSSMotionProps } from 'rc-motion';
+import type { CSSMotionProps } from '@rc-component/motion';
 import * as React from 'react';
 export interface MaskProps {
     prefixCls: string;

package/es/Popup/Mask.js

@@ -1,13 +1,15 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import classNames from 'classnames';
-import CSSMotion from 'rc-motion';
+import CSSMotion from '@rc-component/motion';
 import * as React from 'react';
 export default function Mask(props) {
-  var prefixCls = props.prefixCls,
-    open = props.open,
-    zIndex = props.zIndex,
-    mask = props.mask,
-    motion = props.motion;
+  const {
+    prefixCls,
+    open,
+    zIndex,
+    mask,
+    motion
+  } = props;
   if (!mask) {
     return null;
   }
@@ -15,13 +17,12 @@ export default function Mask(props) {
     motionAppear: true,
     visible: open,
     removeOnLeave: true
-  }), function (_ref) {
-    var className = _ref.className;
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        zIndex: zIndex
-      },
-      className: classNames("".concat(prefixCls, "-mask"), className)
-    });
-  });
+  }), ({
+    className
+  }) => /*#__PURE__*/React.createElement("div", {
+    style: {
+      zIndex
+    },
+    className: classNames(`${prefixCls}-mask`, className)
+  }));
 }

package/es/Popup/PopupContent.js

@@ -1,10 +1,7 @@
 import * as React from 'react';
-var PopupContent = /*#__PURE__*/React.memo(function (_ref) {
-  var children = _ref.children;
-  return children;
-}, function (_, next) {
-  return next.cache;
-});
+const PopupContent = /*#__PURE__*/React.memo(({
+  children
+}) => children, (_, next) => next.cache);
 if (process.env.NODE_ENV !== 'production') {
   PopupContent.displayName = 'PopupContent';
 }

package/es/Popup/index.d.ts

@@ -1,4 +1,4 @@
-import type { CSSMotionProps } from 'rc-motion';
+import type { CSSMotionProps } from '@rc-component/motion';
 import * as React from 'react';
 import type { TriggerProps } from '../';
 import type { AlignType, ArrowPos, ArrowTypeOuter } from '../interface';

package/es/Popup/index.js

@@ -1,65 +1,68 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import classNames from 'classnames';
-import CSSMotion from 'rc-motion';
-import ResizeObserver from 'rc-resize-observer';
-import useLayoutEffect from "rc-util/es/hooks/useLayoutEffect";
-import { composeRef } from "rc-util/es/ref";
+import CSSMotion from '@rc-component/motion';
+import ResizeObserver from '@rc-component/resize-observer';
+import useLayoutEffect from "@rc-component/util/es/hooks/useLayoutEffect";
+import { composeRef } from "@rc-component/util/es/ref";
 import * as React from 'react';
 import Arrow from "./Arrow";
 import Mask from "./Mask";
 import PopupContent from "./PopupContent";
-var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var popup = props.popup,
-    className = props.className,
-    prefixCls = props.prefixCls,
-    style = props.style,
-    target = props.target,
-    _onVisibleChanged = props.onVisibleChanged,
-    open = props.open,
-    keepDom = props.keepDom,
-    fresh = props.fresh,
-    onClick = props.onClick,
-    mask = props.mask,
-    arrow = props.arrow,
-    arrowPos = props.arrowPos,
-    align = props.align,
-    motion = props.motion,
-    maskMotion = props.maskMotion,
-    forceRender = props.forceRender,
-    getPopupContainer = props.getPopupContainer,
-    autoDestroy = props.autoDestroy,
-    Portal = props.portal,
-    zIndex = props.zIndex,
-    onMouseEnter = props.onMouseEnter,
-    onMouseLeave = props.onMouseLeave,
-    onPointerEnter = props.onPointerEnter,
-    onPointerDownCapture = props.onPointerDownCapture,
-    ready = props.ready,
-    offsetX = props.offsetX,
-    offsetY = props.offsetY,
-    offsetR = props.offsetR,
-    offsetB = props.offsetB,
-    onAlign = props.onAlign,
-    onPrepare = props.onPrepare,
-    stretch = props.stretch,
-    targetWidth = props.targetWidth,
-    targetHeight = props.targetHeight;
-  var childNode = typeof popup === 'function' ? popup() : popup;
+const Popup = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    popup,
+    className,
+    prefixCls,
+    style,
+    target,
+    onVisibleChanged,
+    // Open
+    open,
+    keepDom,
+    fresh,
+    // Click
+    onClick,
+    // Mask
+    mask,
+    // Arrow
+    arrow,
+    arrowPos,
+    align,
+    // Motion
+    motion,
+    maskMotion,
+    // Portal
+    forceRender,
+    getPopupContainer,
+    autoDestroy,
+    portal: Portal,
+    zIndex,
+    onMouseEnter,
+    onMouseLeave,
+    onPointerEnter,
+    onPointerDownCapture,
+    ready,
+    offsetX,
+    offsetY,
+    offsetR,
+    offsetB,
+    onAlign,
+    onPrepare,
+    stretch,
+    targetWidth,
+    targetHeight
+  } = props;
+  const childNode = typeof popup === 'function' ? popup() : popup;
 
   // We can not remove holder only when motion finished.
-  var isNodeVisible = open || keepDom;
+  const isNodeVisible = open || keepDom;
 
   // ======================= Container ========================
-  var getPopupContainerNeedParams = (getPopupContainer === null || getPopupContainer === void 0 ? void 0 : getPopupContainer.length) > 0;
-  var _React$useState = React.useState(!getPopupContainer || !getPopupContainerNeedParams),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    show = _React$useState2[0],
-    setShow = _React$useState2[1];
+  const getPopupContainerNeedParams = getPopupContainer?.length > 0;
+  const [show, setShow] = React.useState(!getPopupContainer || !getPopupContainerNeedParams);
 
   // Delay to show since `getPopupContainer` need target element
-  useLayoutEffect(function () {
+  useLayoutEffect(() => {
     if (!show && getPopupContainerNeedParams && target) {
       setShow(true);
     }
@@ -71,8 +74,8 @@ var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }
 
   // >>>>> Offset
-  var AUTO = 'auto';
-  var offsetStyle = {
+  const AUTO = 'auto';
+  const offsetStyle = {
     left: '-1000vw',
     top: '-1000vh',
     right: AUTO,
@@ -81,11 +84,12 @@ var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   // Set align style
   if (ready || !open) {
-    var _experimental;
-    var points = align.points;
-    var dynamicInset = align.dynamicInset || ((_experimental = align._experimental) === null || _experimental === void 0 ? void 0 : _experimental.dynamicInset);
-    var alignRight = dynamicInset && points[0][1] === 'r';
-    var alignBottom = dynamicInset && points[0][0] === 'b';
+    const {
+      points
+    } = align;
+    const dynamicInset = align.dynamicInset || align._experimental?.dynamicInset;
+    const alignRight = dynamicInset && points[0][1] === 'r';
+    const alignBottom = dynamicInset && points[0][0] === 'b';
     if (alignRight) {
       offsetStyle.right = offsetR;
       offsetStyle.left = AUTO;
@@ -103,7 +107,7 @@ var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }
 
   // >>>>> Misc
-  var miscStyle = {};
+  const miscStyle = {};
   if (stretch) {
     if (stretch.includes('height') && targetHeight) {
       miscStyle.height = targetHeight;
@@ -121,9 +125,7 @@ var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }
   return /*#__PURE__*/React.createElement(Portal, {
     open: forceRender || isNodeVisible,
-    getContainer: getPopupContainer && function () {
-      return getPopupContainer(target);
-    },
+    getContainer: getPopupContainer && (() => getPopupContainer(target)),
     autoDestroy: autoDestroy
   }, /*#__PURE__*/React.createElement(Mask, {
     prefixCls: prefixCls,
@@ -134,37 +136,40 @@ var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), /*#__PURE__*/React.createElement(ResizeObserver, {
     onResize: onAlign,
     disabled: !open
-  }, function (resizeObserverRef) {
+  }, resizeObserverRef => {
     return /*#__PURE__*/React.createElement(CSSMotion, _extends({
       motionAppear: true,
       motionEnter: true,
       motionLeave: true,
       removeOnLeave: false,
       forceRender: forceRender,
-      leavedClassName: "".concat(prefixCls, "-hidden")
+      leavedClassName: `${prefixCls}-hidden`
     }, motion, {
       onAppearPrepare: onPrepare,
       onEnterPrepare: onPrepare,
       visible: open,
-      onVisibleChanged: function onVisibleChanged(nextVisible) {
-        var _motion$onVisibleChan;
-        motion === null || motion === void 0 || (_motion$onVisibleChan = motion.onVisibleChanged) === null || _motion$onVisibleChan === void 0 || _motion$onVisibleChan.call(motion, nextVisible);
-        _onVisibleChanged(nextVisible);
+      onVisibleChanged: nextVisible => {
+        motion?.onVisibleChanged?.(nextVisible);
+        onVisibleChanged(nextVisible);
       }
-    }), function (_ref, motionRef) {
-      var motionClassName = _ref.className,
-        motionStyle = _ref.style;
-      var cls = classNames(prefixCls, motionClassName, className);
+    }), ({
+      className: motionClassName,
+      style: motionStyle
+    }, motionRef) => {
+      const cls = classNames(prefixCls, motionClassName, className);
       return /*#__PURE__*/React.createElement("div", {
         ref: composeRef(resizeObserverRef, ref, motionRef),
         className: cls,
-        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-          '--arrow-x': "".concat(arrowPos.x || 0, "px"),
-          '--arrow-y': "".concat(arrowPos.y || 0, "px")
-        }, offsetStyle), miscStyle), motionStyle), {}, {
+        style: {
+          '--arrow-x': `${arrowPos.x || 0}px`,
+          '--arrow-y': `${arrowPos.y || 0}px`,
+          ...offsetStyle,
+          ...miscStyle,
+          ...motionStyle,
           boxSizing: 'border-box',
-          zIndex: zIndex
-        }, style),
+          zIndex,
+          ...style
+        },
         onMouseEnter: onMouseEnter,
         onMouseLeave: onMouseLeave,
         onPointerEnter: onPointerEnter,

package/es/TriggerWrapper.js

@@ -1,15 +1,17 @@
-import { fillRef, supportRef, useComposeRef } from "rc-util/es/ref";
+import { fillRef, getNodeRef, supportRef, useComposeRef } from "@rc-component/util/es/ref";
 import * as React from 'react';
-var TriggerWrapper = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var children = props.children,
-    getTriggerDOMNode = props.getTriggerDOMNode;
-  var canUseRef = supportRef(children);
+const TriggerWrapper = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    children,
+    getTriggerDOMNode
+  } = props;
+  const canUseRef = supportRef(children);
 
   // When use `getTriggerDOMNode`, we should do additional work to get the real dom
-  var setRef = React.useCallback(function (node) {
+  const setRef = React.useCallback(node => {
     fillRef(ref, getTriggerDOMNode ? getTriggerDOMNode(node) : node);
   }, [getTriggerDOMNode]);
-  var mergedRef = useComposeRef(setRef, children.ref);
+  const mergedRef = useComposeRef(setRef, getNodeRef(children));
   return canUseRef ? /*#__PURE__*/React.cloneElement(children, {
     ref: mergedRef
   }) : children;

package/es/context.js

@@ -1,3 +1,3 @@
 import * as React from 'react';
-var TriggerContext = /*#__PURE__*/React.createContext(null);
+const TriggerContext = /*#__PURE__*/React.createContext(null);
 export default TriggerContext;

package/es/hooks/useAction.js

@@ -3,11 +3,11 @@ function toArray(val) {
   return val ? Array.isArray(val) ? val : [val] : [];
 }
 export default function useAction(mobile, action, showAction, hideAction) {
-  return React.useMemo(function () {
-    var mergedShowAction = toArray(showAction !== null && showAction !== void 0 ? showAction : action);
-    var mergedHideAction = toArray(hideAction !== null && hideAction !== void 0 ? hideAction : action);
-    var showActionSet = new Set(mergedShowAction);
-    var hideActionSet = new Set(mergedHideAction);
+  return React.useMemo(() => {
+    const mergedShowAction = toArray(showAction ?? action);
+    const mergedHideAction = toArray(hideAction ?? action);
+    const showActionSet = new Set(mergedShowAction);
+    const hideActionSet = new Set(mergedHideAction);
     if (mobile) {
       if (showActionSet.has('hover')) {
         showActionSet.delete('hover');