@arco-design/mobile-react 2.25.4 → 2.26.0

package/esm/popover/menu.js

@@ -7,30 +7,33 @@ 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) {
@@ -39,12 +42,15 @@ 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]);
@@ -52,35 +58,38 @@ 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函数，留出点击效果的时间
+      }; // 如果设置了点击效果则延时回调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,29 +5,32 @@ 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,
@@ -36,10 +39,11 @@ 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 () {
@@ -48,37 +52,40 @@ 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 {
@@ -88,6 +95,7 @@ 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,97 +7,108 @@ 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;
 
+  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;
   /**
    * 气泡状态切换
    * @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,
@@ -110,6 +121,7 @@ export var Popover = /*#__PURE__*/forwardRef(function (props, ref) {
     if (defaultVisible || visible) {
       setVisibleState(true);
     }
+
     return function () {
       mayRemoveEventListenerOnBody();
     };
@@ -129,6 +141,7 @@ export var Popover = /*#__PURE__*/forwardRef(function (props, ref) {
   useEffect(function () {
     visibleState && showPopover();
     visibleRef.current = visibleState;
+
     if (!visibleState) {
       mayRemoveEventListenerOnBody();
       setTimeout(function () {
@@ -136,36 +149,41 @@ export var Popover = /*#__PURE__*/forwardRef(function (props, ref) {
       }, (typeof transitionTimeout === 'object' ? transitionTimeout.exit : transitionTimeout) || 300);
     }
   }, [visibleState]);
+
   function showPopover() {
     startCloseTimer();
-    setTimeout(mayAddEventOnBody, 0);
-
-    // 为了防止缩放动画影响气泡位置计算，气泡漏出阶段不重新计算位置
+    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
+
+
     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
@@ -173,6 +191,7 @@ export var Popover = /*#__PURE__*/forwardRef(function (props, ref) {
       popoverDisappear();
     }
   }
+
   var renderInnerPopover = function renderInnerPopover() {
     return /*#__PURE__*/React.createElement(PopoverInner, {
       className: cls(theme + "-theme", innerPopoverClassName, {
@@ -195,6 +214,7 @@ export var Popover = /*#__PURE__*/forwardRef(function (props, ref) {
       onClickTextSuffix: onClickTextSuffix
     });
   };
+
   var renderPopover = function renderPopover() {
     return /*#__PURE__*/React.createElement(Portal, {
       getContainer: function getContainer() {
@@ -209,6 +229,7 @@ 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.d.ts

@@ -66,11 +66,11 @@ declare const _default: React.ForwardRefExoticComponent<PopupProps & React.RefAt
      * @param {PopupProps} config Configuration
      * @returns {{ close: () => void; update: (newConfig: PopupProps) => void; }}
      */
-    open: (config: Pick<import("../context-provider").WithGlobalContext<PopupProps & React.RefAttributes<PopupRef>>, "direction" | "children" | "ref" | "key" | "context" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "className" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer" | "needBottomOffset" | "translateZ"> & {
+    open: (config: Pick<import("../context-provider").WithGlobalContext<PopupProps & React.RefAttributes<PopupRef>>, "direction" | "children" | "ref" | "key" | "context" | "className" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer" | "needBottomOffset" | "translateZ"> & {
         key?: string | undefined;
     }, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<PopupProps & React.RefAttributes<PopupRef>>, "direction" | "children" | "ref" | "key" | "context" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "className" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer" | "needBottomOffset" | "translateZ"> & {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<PopupProps & React.RefAttributes<PopupRef>>, "direction" | "children" | "ref" | "key" | "context" | "className" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer" | "needBottomOffset" | "translateZ"> & {
             key?: string | undefined;
         }) => void;
     };

package/esm/popup/index.js

@@ -9,31 +9,33 @@ 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";
@@ -53,6 +55,7 @@ var Popup = /*#__PURE__*/forwardRef(function (props, ref) {
       contentTransitionTimeout: contentTransitionTimeout
     }, restProps), children);
   }
+
   return /*#__PURE__*/React.createElement(ContextLayout, null, renderPopup);
 });
 export function methodsGenerator(Comp) {
@@ -67,7 +70,6 @@ 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.
@@ -76,4 +78,5 @@ var PopupWithGlobalContext = CompWithGlobalContext(Popup);
  * @name 弹出层
  * @name_en Popup
  */
+
 export default componentWrapper(Popup, methodsGenerator(PopupWithGlobalContext));

package/esm/popup-swiper/index.d.ts

@@ -76,11 +76,11 @@ declare const _default: React.ForwardRefExoticComponent<PopupSwiperProps & React
      * @param {string | PopupSwiperProps} config Configuration
      * @returns {{ close: () => void; update: (newConfig: PopupSwiperProps) => void; }}
      */
-    open: (config: Pick<import("../context-provider").WithGlobalContext<PopupSwiperProps & React.RefAttributes<PopupSwiperRef>>, "direction" | "children" | "ref" | "key" | "context" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "className" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer" | "needBottomOffset" | "translateZ" | "onTouchEnd" | "onTouchStart" | "percentToClose" | "distanceToClose" | "speedToClose" | "allowSwipeDirections" | "exitDirection"> & {
+    open: (config: Pick<import("../context-provider").WithGlobalContext<PopupSwiperProps & React.RefAttributes<PopupSwiperRef>>, "direction" | "children" | "ref" | "key" | "context" | "className" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer" | "needBottomOffset" | "translateZ" | "onTouchEnd" | "onTouchStart" | "percentToClose" | "distanceToClose" | "speedToClose" | "allowSwipeDirections" | "exitDirection"> & {
         key?: string | undefined;
     }, context?: import("../context-provider").GlobalContextParams | undefined) => {
         close: () => void;
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<PopupSwiperProps & React.RefAttributes<PopupSwiperRef>>, "direction" | "children" | "ref" | "key" | "context" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "className" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer" | "needBottomOffset" | "translateZ" | "onTouchEnd" | "onTouchStart" | "percentToClose" | "distanceToClose" | "speedToClose" | "allowSwipeDirections" | "exitDirection"> & {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<PopupSwiperProps & React.RefAttributes<PopupSwiperRef>>, "direction" | "children" | "ref" | "key" | "context" | "className" | "getContainer" | "mountOnEnter" | "unmountOnExit" | "onClose" | "maskClass" | "maskStyle" | "contentClass" | "contentStyle" | "maskTransitionType" | "contentTransitionType" | "maskTransitionTimeout" | "contentTransitionTimeout" | "maskClosable" | "animatingClosable" | "orientationDirection" | "preventBodyScroll" | "initialBodyOverflow" | "gestureOutOfControl" | "onOpen" | "onMaskClick" | "onTouchMove" | "onPreventTouchMove" | "getScrollContainer" | "needBottomOffset" | "translateZ" | "onTouchEnd" | "onTouchStart" | "percentToClose" | "distanceToClose" | "speedToClose" | "allowSwipeDirections" | "exitDirection"> & {
             key?: string | undefined;
         }) => void; /**
          * 内容面板 touchstart 事件，返回true时表示阻止本组件内部处理事件