@arco-design/mobile-react 2.24.1 → 2.25.0

package/esm/popover/menu.js

@@ -7,33 +7,30 @@ import { GlobalContext } from '../context-provider';
 export function componentGenerator(Comp) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var menu = props.menu,
-        _props$menuLayout = props.menuLayout,
-        menuLayout = _props$menuLayout === void 0 ? 'vertical' : _props$menuLayout,
-        onSelect = props.onSelect,
-        onClickMenuItem = props.onClickMenuItem,
-        _props$className = props.className,
-        className = _props$className === void 0 ? '' : _props$className,
-        _props$useClickStatus = props.useClickStatus,
-        useClickStatus = _props$useClickStatus === void 0 ? false : _props$useClickStatus,
-        _props$clickStatusDur = props.clickStatusDuration,
-        clickStatusDuration = _props$clickStatusDur === void 0 ? 300 : _props$clickStatusDur,
-        _props$clickSelfToClo = props.clickSelfToClose,
-        clickSelfToClose = _props$clickSelfToClo === void 0 ? true : _props$clickSelfToClo,
-        _props$touchSelfToClo = props.touchSelfToClose,
-        touchSelfToClose = _props$touchSelfToClo === void 0 ? props.touchToClose === void 0 ? false : props.touchToClose : _props$touchSelfToClo,
-        _props$defaultVisible = props.defaultVisible,
-        defaultVisible = _props$defaultVisible === void 0 ? false : _props$defaultVisible,
-        visible = props.visible,
-        onChange = props.onChange,
-        restProps = _objectWithoutPropertiesLoose(props, _excluded);
-
+      _props$menuLayout = props.menuLayout,
+      menuLayout = _props$menuLayout === void 0 ? 'vertical' : _props$menuLayout,
+      onSelect = props.onSelect,
+      onClickMenuItem = props.onClickMenuItem,
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      _props$useClickStatus = props.useClickStatus,
+      useClickStatus = _props$useClickStatus === void 0 ? false : _props$useClickStatus,
+      _props$clickStatusDur = props.clickStatusDuration,
+      clickStatusDuration = _props$clickStatusDur === void 0 ? 300 : _props$clickStatusDur,
+      _props$clickSelfToClo = props.clickSelfToClose,
+      clickSelfToClose = _props$clickSelfToClo === void 0 ? true : _props$clickSelfToClo,
+      _props$touchSelfToClo = props.touchSelfToClose,
+      touchSelfToClose = _props$touchSelfToClo === void 0 ? props.touchToClose === void 0 ? false : props.touchToClose : _props$touchSelfToClo,
+      _props$defaultVisible = props.defaultVisible,
+      defaultVisible = _props$defaultVisible === void 0 ? false : _props$defaultVisible,
+      visible = props.visible,
+      onChange = props.onChange,
+      restProps = _objectWithoutPropertiesLoose(props, _excluded);
     var _useContext = useContext(GlobalContext),
-        prefixCls = _useContext.prefixCls;
-
+      prefixCls = _useContext.prefixCls;
     var _useState = useState(-1),
-        activeIndex = _useState[0],
-        setActiveIndex = _useState[1];
-
+      activeIndex = _useState[0],
+      setActiveIndex = _useState[1];
     var activeTimer = useRef(0);
     var formattedMenu = useMemo(function () {
       return menu.map(function (item) {
@@ -42,15 +39,12 @@ export function componentGenerator(Comp) {
             text: item
           };
         }
-
         return item;
       });
     }, [menu]);
-
     var _useState2 = useState(visible === void 0 ? defaultVisible : visible),
-        visibleState = _useState2[0],
-        setVisibleState = _useState2[1];
-
+      visibleState = _useState2[0],
+      setVisibleState = _useState2[1];
     useEffect(function () {
       setVisibleState(Boolean(visible));
     }, [visible]);
@@ -58,38 +52,35 @@ export function componentGenerator(Comp) {
     useImperativeHandle(ref, function () {
       return popoverRef.current;
     });
-
     var onVisibleChange = function onVisibleChange(newVisible) {
       var handleVisibleChange = function handleVisibleChange() {
         if (onChange && typeof onChange === 'function') {
           onChange(newVisible);
         }
-
         if (visible === void 0) {
           setVisibleState(newVisible);
         }
-      }; // 如果设置了点击效果则延时回调onChange函数，留出点击效果的时间
-      // @en If the click effect is set, the onChange function is delayed and called back, leaving time for the click effect
-
+      };
 
+      // 如果设置了点击效果则延时回调onChange函数，留出点击效果的时间
+      // @en If the click effect is set, the onChange function is delayed and called back, leaving time for the click effect
       if (!newVisible && useClickStatus) {
         window.setTimeout(handleVisibleChange, Math.max(0, clickStatusDuration - 300));
       } else {
         handleVisibleChange();
       }
     };
-
     var content = useMemo(function () {
       return /*#__PURE__*/React.createElement("div", {
         className: cls(prefixCls + "-popover-menu-content", menuLayout + "-menu")
       }, formattedMenu.map(function (item, index) {
         var defaultValue = typeof item.text === 'string' ? item.text : "menu_item_" + index;
         var text = item.text,
-            _item$value = item.value,
-            value = _item$value === void 0 ? defaultValue : _item$value,
-            _item$disabled = item.disabled,
-            disabled = _item$disabled === void 0 ? false : _item$disabled,
-            icon = item.icon;
+          _item$value = item.value,
+          value = _item$value === void 0 ? defaultValue : _item$value,
+          _item$disabled = item.disabled,
+          disabled = _item$disabled === void 0 ? false : _item$disabled,
+          icon = item.icon;
         return /*#__PURE__*/React.createElement("div", {
           className: cls(prefixCls + "-popover-menu-item", {
             disabled: disabled,

package/esm/popover/popover-inner.js

@@ -5,32 +5,29 @@ import { getStyleWithVendor, useMountedState } from '../_helpers';
 import { GlobalContext } from '../context-provider';
 export var PopoverInner = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useContext = useContext(GlobalContext),
-      prefixCls = _useContext.prefixCls;
-
+    prefixCls = _useContext.prefixCls;
   var className = props.className,
-      needShadow = props.needShadow,
-      content = props.content,
-      direction = props.direction,
-      position = props.position,
-      minWidth = props.minWidth,
-      maxWidth = props.maxWidth,
-      arrowWidth = props.arrowWidth,
-      transformOrigin = props.transformOrigin,
-      mode = props.mode,
-      _props$showCloseIcon = props.showCloseIcon,
-      showCloseIcon = _props$showCloseIcon === void 0 ? false : _props$showCloseIcon,
-      _props$textSuffix = props.textSuffix,
-      textSuffix = _props$textSuffix === void 0 ? null : _props$textSuffix,
-      renderArrow = props.renderArrow,
-      onClickCloseIcon = props.onClickCloseIcon,
-      onClickTextSuffix = props.onClickTextSuffix;
+    needShadow = props.needShadow,
+    content = props.content,
+    direction = props.direction,
+    position = props.position,
+    minWidth = props.minWidth,
+    maxWidth = props.maxWidth,
+    arrowWidth = props.arrowWidth,
+    transformOrigin = props.transformOrigin,
+    mode = props.mode,
+    _props$showCloseIcon = props.showCloseIcon,
+    showCloseIcon = _props$showCloseIcon === void 0 ? false : _props$showCloseIcon,
+    _props$textSuffix = props.textSuffix,
+    textSuffix = _props$textSuffix === void 0 ? null : _props$textSuffix,
+    renderArrow = props.renderArrow,
+    onClickCloseIcon = props.onClickCloseIcon,
+    onClickTextSuffix = props.onClickTextSuffix;
   var domRef = useRef(null);
   var contentRef = useRef(null);
-
   var _useMountedState = useMountedState(false),
-      show = _useMountedState[0],
-      setShow = _useMountedState[1];
-
+    show = _useMountedState[0],
+    setShow = _useMountedState[1];
   useImperativeHandle(ref, function () {
     return {
       dom: domRef.current,
@@ -39,11 +36,10 @@ export var PopoverInner = /*#__PURE__*/forwardRef(function (props, ref) {
   });
   useEffect(function () {
     var top = position.top,
-        bottom = position.bottom,
-        height = position.height,
-        left = position.left,
-        width = position.width;
-
+      bottom = position.bottom,
+      height = position.height,
+      left = position.left,
+      width = position.width;
     if (left || width || top || height || bottom) {
       if (!show) {
         setTimeout(function () {
@@ -52,40 +48,37 @@ export var PopoverInner = /*#__PURE__*/forwardRef(function (props, ref) {
       }
     }
   }, [position, show]);
+
   /**
    * 计算容器的样式
    * @en Calculate the stylesheet of the container
    */
-
   var getWrapperStyle = function getWrapperStyle() {
     var top = position.top,
-        bottom = position.bottom,
-        height = position.height,
-        left = position.left;
+      bottom = position.bottom,
+      height = position.height,
+      left = position.left;
     var obj = {
       height: height + "px",
       left: left + "px",
       minWidth: minWidth,
       maxWidth: maxWidth
     };
-
     if (top) {
       obj.top = top + "px";
     } else if (bottom) {
       obj.bottom = bottom + "px";
-    } // 用于执行缩放动画
+    }
+    // 用于执行缩放动画
     // @en Used to perform zoom animations
-
-
     obj.transformOrigin = transformOrigin.x + " " + transformOrigin.y;
     return getStyleWithVendor(obj);
   };
+
   /**
    * 计算icon的样式
    * @en Calculate the stylesheet of the icon
    */
-
-
   var getArrowStyle = function getArrowStyle() {
     var arrowLeft = position.arrowLeft;
     return {
@@ -95,7 +88,6 @@ export var PopoverInner = /*#__PURE__*/forwardRef(function (props, ref) {
       marginRight: arrowLeft ? arrowLeft + "px" : null
     };
   };
-
   return /*#__PURE__*/React.createElement("div", {
     ref: domRef,
     className: cls(prefixCls + "-popover-inner", 'popover-inner', 'all-border-box', mode + "-mode", className, {

package/esm/popover/popover.js

@@ -7,108 +7,97 @@ import { useEvent, usePosition } from './hooks';
 import Portal from '../portal';
 export var Popover = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$innerPopoverCl = props.innerPopoverClassName,
-      innerPopoverClassName = _props$innerPopoverCl === void 0 ? '' : _props$innerPopoverCl,
-      _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style,
-      _props$theme = props.theme,
-      theme = _props$theme === void 0 ? 'black' : _props$theme,
-      _props$needShadow = props.needShadow,
-      needShadow = _props$needShadow === void 0 ? false : _props$needShadow,
-      _props$content = props.content,
-      content = _props$content === void 0 ? '' : _props$content,
-      _props$transitionTime = props.transitionTimeout,
-      transitionTimeout = _props$transitionTime === void 0 ? 300 : _props$transitionTime,
-      _props$minWidth = props.minWidth,
-      minWidth = _props$minWidth === void 0 ? '10px' : _props$minWidth,
-      _props$maxWidth = props.maxWidth,
-      maxWidth = _props$maxWidth === void 0 ? '90vw' : _props$maxWidth,
-      _props$transitionName = props.transitionName,
-      transitionName = _props$transitionName === void 0 ? 'fade' : _props$transitionName,
-      _props$clickSelfToClo = props.clickSelfToClose,
-      clickSelfToClose = _props$clickSelfToClo === void 0 ? true : _props$clickSelfToClo,
-      _props$touchSelfToClo = props.touchSelfToClose,
-      touchSelfToClose = _props$touchSelfToClo === void 0 ? props.touchToClose === void 0 ? false : props.touchToClose : _props$touchSelfToClo,
-      _props$defaultVisible = props.defaultVisible,
-      defaultVisible = _props$defaultVisible === void 0 ? false : _props$defaultVisible,
-      visible = props.visible,
-      children = props.children,
-      _props$bordered = props.bordered,
-      bordered = _props$bordered === void 0 ? props.theme === 'white' : _props$bordered,
-      _props$showCloseIcon = props.showCloseIcon,
-      showCloseIcon = _props$showCloseIcon === void 0 ? false : _props$showCloseIcon,
-      _props$textSuffix = props.textSuffix,
-      textSuffix = _props$textSuffix === void 0 ? null : _props$textSuffix,
-      _props$mode = props.mode,
-      mode = _props$mode === void 0 ? 'follow' : _props$mode,
-      _props$showMask = props.showMask,
-      showMask = _props$showMask === void 0 ? false : _props$showMask,
-      _props$maskTransition = props.maskTransitionTimeout,
-      maskTransitionTimeout = _props$maskTransition === void 0 ? {
-    enter: 450,
-    exit: 240
-  } : _props$maskTransition,
-      renderArrow = props.renderArrow,
-      onChange = props.onChange,
-      onClickCloseIcon = props.onClickCloseIcon,
-      onClickTextSuffix = props.onClickTextSuffix,
-      onClickMask = props.onClickMask;
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$innerPopoverCl = props.innerPopoverClassName,
+    innerPopoverClassName = _props$innerPopoverCl === void 0 ? '' : _props$innerPopoverCl,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    _props$theme = props.theme,
+    theme = _props$theme === void 0 ? 'black' : _props$theme,
+    _props$needShadow = props.needShadow,
+    needShadow = _props$needShadow === void 0 ? false : _props$needShadow,
+    _props$content = props.content,
+    content = _props$content === void 0 ? '' : _props$content,
+    _props$transitionTime = props.transitionTimeout,
+    transitionTimeout = _props$transitionTime === void 0 ? 300 : _props$transitionTime,
+    _props$minWidth = props.minWidth,
+    minWidth = _props$minWidth === void 0 ? '10px' : _props$minWidth,
+    _props$maxWidth = props.maxWidth,
+    maxWidth = _props$maxWidth === void 0 ? '90vw' : _props$maxWidth,
+    _props$transitionName = props.transitionName,
+    transitionName = _props$transitionName === void 0 ? 'fade' : _props$transitionName,
+    _props$clickSelfToClo = props.clickSelfToClose,
+    clickSelfToClose = _props$clickSelfToClo === void 0 ? true : _props$clickSelfToClo,
+    _props$touchSelfToClo = props.touchSelfToClose,
+    touchSelfToClose = _props$touchSelfToClo === void 0 ? props.touchToClose === void 0 ? false : props.touchToClose : _props$touchSelfToClo,
+    _props$defaultVisible = props.defaultVisible,
+    defaultVisible = _props$defaultVisible === void 0 ? false : _props$defaultVisible,
+    visible = props.visible,
+    children = props.children,
+    _props$bordered = props.bordered,
+    bordered = _props$bordered === void 0 ? props.theme === 'white' : _props$bordered,
+    _props$showCloseIcon = props.showCloseIcon,
+    showCloseIcon = _props$showCloseIcon === void 0 ? false : _props$showCloseIcon,
+    _props$textSuffix = props.textSuffix,
+    textSuffix = _props$textSuffix === void 0 ? null : _props$textSuffix,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'follow' : _props$mode,
+    _props$showMask = props.showMask,
+    showMask = _props$showMask === void 0 ? false : _props$showMask,
+    _props$maskTransition = props.maskTransitionTimeout,
+    maskTransitionTimeout = _props$maskTransition === void 0 ? {
+      enter: 450,
+      exit: 240
+    } : _props$maskTransition,
+    renderArrow = props.renderArrow,
+    onChange = props.onChange,
+    onClickCloseIcon = props.onClickCloseIcon,
+    onClickTextSuffix = props.onClickTextSuffix,
+    onClickMask = props.onClickMask;
   var _useContext = useContext(GlobalContext),
-      prefixCls = _useContext.prefixCls;
-
+    prefixCls = _useContext.prefixCls;
   var _useState = useState(false),
-      visibleState = _useState[0],
-      setVisibleState = _useState[1];
-
+    visibleState = _useState[0],
+    setVisibleState = _useState[1];
   var visibleRef = useRef(visibleState);
   var wrapperRef = useRef(null);
   var childRef = useRef(null);
   var popoverRef = useRef(null);
-
   var _usePosition = usePosition(props, popoverRef, childRef, wrapperRef),
-      direction = _usePosition.direction,
-      position = _usePosition.position,
-      isCalcPosition = _usePosition.isCalcPosition,
-      transformOrigin = _usePosition.transformOrigin,
-      computedChildAndPopoverOffset = _usePosition.computedChildAndPopoverOffset,
-      arrowWidth = _usePosition.arrowWidth,
-      resetPosition = _usePosition.resetPosition,
-      adjustVerticalDirection = _usePosition.adjustVerticalDirection;
+    direction = _usePosition.direction,
+    position = _usePosition.position,
+    isCalcPosition = _usePosition.isCalcPosition,
+    transformOrigin = _usePosition.transformOrigin,
+    computedChildAndPopoverOffset = _usePosition.computedChildAndPopoverOffset,
+    arrowWidth = _usePosition.arrowWidth,
+    resetPosition = _usePosition.resetPosition,
+    adjustVerticalDirection = _usePosition.adjustVerticalDirection;
+
   /**
    * 气泡状态切换
    * @en Bubble state toggle
    */
-
-
   var onVisibleChange = function onVisibleChange(newVisible) {
     if (newVisible === void 0) {
       newVisible = true;
     }
-
     // 为了防止退出中有缩放动画影响气泡位置计算，在退出动画结束前不可切换到展示气泡状态
     // @en In order to prevent the zoom animation in the exit from affecting the calculation of the bubble position, it is not possible to switch to the display bubble state before the exit animation ends.
     if (newVisible && !isCalcPosition) {
       return;
     }
-
     onChange == null ? void 0 : onChange(newVisible);
-
     if (visible === void 0) {
       setVisibleState(newVisible);
     }
   };
-
   var _useEvent = useEvent(props, wrapperRef, popoverRef, visibleRef, onVisibleChange, adjustVerticalDirection),
-      popoverDisappear = _useEvent.popoverDisappear,
-      mayAddEventOnBody = _useEvent.mayAddEventOnBody,
-      startCloseTimer = _useEvent.startCloseTimer,
-      mayRemoveEventListenerOnBody = _useEvent.mayRemoveEventListenerOnBody;
-
+    popoverDisappear = _useEvent.popoverDisappear,
+    mayAddEventOnBody = _useEvent.mayAddEventOnBody,
+    startCloseTimer = _useEvent.startCloseTimer,
+    mayRemoveEventListenerOnBody = _useEvent.mayRemoveEventListenerOnBody;
   useImperativeHandle(ref, function () {
     var _popoverRef$current;
-
     return {
       dom: wrapperRef.current,
       child: childRef.current,
@@ -121,7 +110,6 @@ export var Popover = /*#__PURE__*/forwardRef(function (props, ref) {
     if (defaultVisible || visible) {
       setVisibleState(true);
     }
-
     return function () {
       mayRemoveEventListenerOnBody();
     };
@@ -141,7 +129,6 @@ export var Popover = /*#__PURE__*/forwardRef(function (props, ref) {
   useEffect(function () {
     visibleState && showPopover();
     visibleRef.current = visibleState;
-
     if (!visibleState) {
       mayRemoveEventListenerOnBody();
       setTimeout(function () {
@@ -149,41 +136,36 @@ export var Popover = /*#__PURE__*/forwardRef(function (props, ref) {
       }, (typeof transitionTimeout === 'object' ? transitionTimeout.exit : transitionTimeout) || 300);
     }
   }, [visibleState]);
-
   function showPopover() {
     startCloseTimer();
-    setTimeout(mayAddEventOnBody, 0); // 为了防止缩放动画影响气泡位置计算，气泡漏出阶段不重新计算位置
-    // @en In order to prevent the zoom animation from affecting the bubble position calculation, the bubble leakage stage does not recalculate the position
+    setTimeout(mayAddEventOnBody, 0);
 
+    // 为了防止缩放动画影响气泡位置计算，气泡漏出阶段不重新计算位置
+    // @en In order to prevent the zoom animation from affecting the bubble position calculation, the bubble leakage stage does not recalculate the position
     if (!isCalcPosition) {
       return;
-    } // 异步计算气泡位置，等待气泡渲染
-    // @en Calculate the bubble position asynchronously and wait for the bubble to render
-
+    }
 
+    // 异步计算气泡位置，等待气泡渲染
+    // @en Calculate the bubble position asynchronously and wait for the bubble to render
     setTimeout(function () {
       computedChildAndPopoverOffset();
     }, 0);
   }
-
   function updatePosition() {
     if (!visibleState) return;
     computedChildAndPopoverOffset();
   }
-
   function onClickWrapper() {
     var visibleRefValue = visibleRef.current;
-
     if (!visibleRefValue) {
       onVisibleChange(true);
       return;
     }
-
     if (visibleRefValue && clickSelfToClose && !touchSelfToClose) {
       popoverDisappear();
     }
   }
-
   function onTouchWrapper() {
     // 仅处理气泡消失，气泡出现交给onClick来处理
     // @en Only the disappearance of the bubble is processed, and the appearance of the bubble is handed over to onClick for processing
@@ -191,7 +173,6 @@ export var Popover = /*#__PURE__*/forwardRef(function (props, ref) {
       popoverDisappear();
     }
   }
-
   var renderInnerPopover = function renderInnerPopover() {
     return /*#__PURE__*/React.createElement(PopoverInner, {
       className: cls(theme + "-theme", innerPopoverClassName, {
@@ -214,7 +195,6 @@ export var Popover = /*#__PURE__*/forwardRef(function (props, ref) {
       onClickTextSuffix: onClickTextSuffix
     });
   };
-
   var renderPopover = function renderPopover() {
     return /*#__PURE__*/React.createElement(Portal, {
       getContainer: function getContainer() {
@@ -229,7 +209,6 @@ export var Popover = /*#__PURE__*/forwardRef(function (props, ref) {
       unmountOnExit: true
     }, renderInnerPopover()));
   };
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, showMask && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Transition, {
     in: visibleState && !isCalcPosition,
     timeout: maskTransitionTimeout,

package/esm/popup/index.js

@@ -9,33 +9,31 @@ import { open } from './methods';
 export * from './methods';
 var Popup = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
-      maskClass = props.maskClass,
-      contentClass = props.contentClass,
-      contentTransitionType = props.contentTransitionType,
-      className = props.className,
-      _props$direction = props.direction,
-      direction = _props$direction === void 0 ? 'bottom' : _props$direction,
-      _props$needBottomOffs = props.needBottomOffset,
-      needBottomOffset = _props$needBottomOffs === void 0 ? false : _props$needBottomOffs,
-      _props$translateZ = props.translateZ,
-      translateZ = _props$translateZ === void 0 ? false : _props$translateZ,
-      _props$maskTransition = props.maskTransitionTimeout,
-      maskTransitionTimeout = _props$maskTransition === void 0 ? {
-    enter: 450,
-    exit: 240
-  } : _props$maskTransition,
-      _props$contentTransit = props.contentTransitionTimeout,
-      contentTransitionTimeout = _props$contentTransit === void 0 ? {
-    enter: 450,
-    exit: 240
-  } : _props$contentTransit,
-      restProps = _objectWithoutPropertiesLoose(props, _excluded);
-
+    maskClass = props.maskClass,
+    contentClass = props.contentClass,
+    contentTransitionType = props.contentTransitionType,
+    className = props.className,
+    _props$direction = props.direction,
+    direction = _props$direction === void 0 ? 'bottom' : _props$direction,
+    _props$needBottomOffs = props.needBottomOffset,
+    needBottomOffset = _props$needBottomOffs === void 0 ? false : _props$needBottomOffs,
+    _props$translateZ = props.translateZ,
+    translateZ = _props$translateZ === void 0 ? false : _props$translateZ,
+    _props$maskTransition = props.maskTransitionTimeout,
+    maskTransitionTimeout = _props$maskTransition === void 0 ? {
+      enter: 450,
+      exit: 240
+    } : _props$maskTransition,
+    _props$contentTransit = props.contentTransitionTimeout,
+    contentTransitionTimeout = _props$contentTransit === void 0 ? {
+      enter: 450,
+      exit: 240
+    } : _props$contentTransit,
+    restProps = _objectWithoutPropertiesLoose(props, _excluded);
   var maskingRef = useRef(null);
   useImperativeHandle(ref, function () {
     return maskingRef.current;
   });
-
   function renderPopup(_ref) {
     var prefixCls = _ref.prefixCls;
     var prefix = prefixCls + "-popup";
@@ -55,7 +53,6 @@ var Popup = /*#__PURE__*/forwardRef(function (props, ref) {
       contentTransitionTimeout: contentTransitionTimeout
     }, restProps), children);
   }
-
   return /*#__PURE__*/React.createElement(ContextLayout, null, renderPopup);
 });
 export function methodsGenerator(Comp) {
@@ -70,6 +67,7 @@ export function methodsGenerator(Comp) {
   };
 }
 var PopupWithGlobalContext = CompWithGlobalContext(Popup);
+
 /**
  * 基于模态弹窗的的全屏菜单，支持各个方向。默认做了防滚动穿透处理，如果弹层内容中需要滚动，则需将滚动容器传入`getScrollContainer`属性以在未滚动到顶部或底部时释放滚动。
  * @en A full-screen menu based on a modal popup, supporting all directions. By default, anti-scroll penetration processing is performed. If scrolling is required in the content of the popup layer, you need to pass the scroll container to the `getScrollContainer` property to release scrolling when it is not scrolled to the top or bottom.
@@ -78,5 +76,4 @@ var PopupWithGlobalContext = CompWithGlobalContext(Popup);
  * @name 弹出层
  * @name_en Popup
  */
-
 export default componentWrapper(Popup, methodsGenerator(PopupWithGlobalContext));