@arco-design/mobile-react 2.24.1 → 2.25.0

package/umd/popover/menu.js

@@ -14,48 +14,41 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.componentGenerator = componentGenerator;
   _extends2 = _interopRequireDefault(_extends2);
   _objectWithoutPropertiesLoose2 = _interopRequireDefault(_objectWithoutPropertiesLoose2);
   _react = _interopRequireWildcard(_react);
   var _excluded = ["menu", "menuLayout", "onSelect", "onClickMenuItem", "className", "useClickStatus", "clickStatusDuration", "clickSelfToClose", "touchSelfToClose", "defaultVisible", "visible", "onChange"];
-
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
   function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
   function componentGenerator(Comp) {
     return /*#__PURE__*/(0, _react.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 = (0, _objectWithoutPropertiesLoose2.default)(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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
       var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-          prefixCls = _useContext.prefixCls;
-
+        prefixCls = _useContext.prefixCls;
       var _useState = (0, _react.useState)(-1),
-          activeIndex = _useState[0],
-          setActiveIndex = _useState[1];
-
+        activeIndex = _useState[0],
+        setActiveIndex = _useState[1];
       var activeTimer = (0, _react.useRef)(0);
       var formattedMenu = (0, _react.useMemo)(function () {
         return menu.map(function (item) {
@@ -64,15 +57,12 @@
               text: item
             };
           }
-
           return item;
         });
       }, [menu]);
-
       var _useState2 = (0, _react.useState)(visible === void 0 ? defaultVisible : visible),
-          visibleState = _useState2[0],
-          setVisibleState = _useState2[1];
-
+        visibleState = _useState2[0],
+        setVisibleState = _useState2[1];
       (0, _react.useEffect)(function () {
         setVisibleState(Boolean(visible));
       }, [visible]);
@@ -80,38 +70,35 @@
       (0, _react.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 = (0, _react.useMemo)(function () {
         return /*#__PURE__*/_react.default.createElement("div", {
           className: (0, _mobileUtils.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.default.createElement("div", {
             className: (0, _mobileUtils.cls)(prefixCls + "-popover-menu-item", {
               disabled: disabled,

package/umd/popover/popover-inner.js

@@ -14,44 +14,37 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.PopoverInner = void 0;
   _react = _interopRequireWildcard(_react);
   _IconClose = _interopRequireDefault(_IconClose);
-
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
   function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
   var PopoverInner = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _useContext = (0, _react.useContext)(_contextProvider.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 = (0, _react.useRef)(null);
     var contentRef = (0, _react.useRef)(null);
-
     var _useMountedState = (0, _helpers.useMountedState)(false),
-        show = _useMountedState[0],
-        setShow = _useMountedState[1];
-
+      show = _useMountedState[0],
+      setShow = _useMountedState[1];
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         dom: domRef.current,
@@ -60,11 +53,10 @@
     });
     (0, _react.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 () {
@@ -73,40 +65,37 @@
         }
       }
     }, [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 (0, _helpers.getStyleWithVendor)(obj);
     };
+
     /**
      * 计算icon的样式
      * @en Calculate the stylesheet of the icon
      */
-
-
     var getArrowStyle = function getArrowStyle() {
       var arrowLeft = position.arrowLeft;
       return {
@@ -116,7 +105,6 @@
         marginRight: arrowLeft ? arrowLeft + "px" : null
       };
     };
-
     return /*#__PURE__*/_react.default.createElement("div", {
       ref: domRef,
       className: (0, _mobileUtils.cls)(prefixCls + "-popover-inner", 'popover-inner', 'all-border-box', mode + "-mode", className, {

package/umd/popover/popover.js

@@ -14,121 +14,106 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.Popover = void 0;
   _react = _interopRequireWildcard(_react);
   _transition = _interopRequireDefault(_transition);
   _portal = _interopRequireDefault(_portal);
-
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
   function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
   var Popover = /*#__PURE__*/(0, _react.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 = (0, _react.useContext)(_contextProvider.GlobalContext),
-        prefixCls = _useContext.prefixCls;
-
+      prefixCls = _useContext.prefixCls;
     var _useState = (0, _react.useState)(false),
-        visibleState = _useState[0],
-        setVisibleState = _useState[1];
-
+      visibleState = _useState[0],
+      setVisibleState = _useState[1];
     var visibleRef = (0, _react.useRef)(visibleState);
     var wrapperRef = (0, _react.useRef)(null);
     var childRef = (0, _react.useRef)(null);
     var popoverRef = (0, _react.useRef)(null);
-
     var _usePosition = (0, _hooks.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 = (0, _hooks.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;
     (0, _react.useImperativeHandle)(ref, function () {
       var _popoverRef$current;
-
       return {
         dom: wrapperRef.current,
         child: childRef.current,
@@ -141,7 +126,6 @@
       if (defaultVisible || visible) {
         setVisibleState(true);
       }
-
       return function () {
         mayRemoveEventListenerOnBody();
       };
@@ -161,7 +145,6 @@
     (0, _react.useEffect)(function () {
       visibleState && showPopover();
       visibleRef.current = visibleState;
-
       if (!visibleState) {
         mayRemoveEventListenerOnBody();
         setTimeout(function () {
@@ -169,41 +152,36 @@
         }, (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
@@ -211,7 +189,6 @@
         popoverDisappear();
       }
     }
-
     var renderInnerPopover = function renderInnerPopover() {
       return /*#__PURE__*/_react.default.createElement(_popoverInner.PopoverInner, {
         className: (0, _mobileUtils.cls)(theme + "-theme", innerPopoverClassName, {
@@ -234,7 +211,6 @@
         onClickTextSuffix: onClickTextSuffix
       });
     };
-
     var renderPopover = function renderPopover() {
       return /*#__PURE__*/_react.default.createElement(_portal.default, {
         getContainer: function getContainer() {
@@ -249,7 +225,6 @@
         unmountOnExit: true
       }, renderInnerPopover()));
     };
-
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showMask && /*#__PURE__*/_react.default.createElement(_portal.default, null, /*#__PURE__*/_react.default.createElement(_transition.default, {
       in: visibleState && !isCalcPosition,
       timeout: maskTransitionTimeout,

package/umd/popup/index.js

@@ -14,7 +14,6 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   var _exportNames = {
     methodsGenerator: true
@@ -32,39 +31,35 @@
     _exports[key] = _methods[key];
   });
   var _excluded = ["children", "maskClass", "contentClass", "contentTransitionType", "className", "direction", "needBottomOffset", "translateZ", "maskTransitionTimeout", "contentTransitionTimeout"];
-
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
   function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
   var Popup = /*#__PURE__*/(0, _react.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 = (0, _objectWithoutPropertiesLoose2.default)(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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
     var maskingRef = (0, _react.useRef)(null);
     (0, _react.useImperativeHandle)(ref, function () {
       return maskingRef.current;
     });
-
     function renderPopup(_ref) {
       var prefixCls = _ref.prefixCls;
       var prefix = prefixCls + "-popup";
@@ -84,10 +79,8 @@
         contentTransitionTimeout: contentTransitionTimeout
       }, restProps), children);
     }
-
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, renderPopup);
   });
-
   function methodsGenerator(Comp) {
     return {
       /**
@@ -99,8 +92,8 @@
       open: (0, _methods.open)(Comp)
     };
   }
-
   var PopupWithGlobalContext = (0, _contextProvider.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.
@@ -109,8 +102,6 @@
    * @name 弹出层
    * @name_en Popup
    */
-
   var _default = (0, _mobileUtils.componentWrapper)(Popup, methodsGenerator(PopupWithGlobalContext));
-
   _exports.default = _default;
 });

package/umd/popup/methods.js

@@ -15,7 +15,6 @@
 
   _exports.__esModule = true;
   _exports.open = open;
-
   function open(Component) {
     return (0, _methods.open)(Component, 'ARCO_POPUP');
   }