@arco-design/mobile-react 2.25.4 → 2.26.0

package/cjs/popup/index.js

@@ -1,19 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 var _exportNames = {
   methodsGenerator: true
 };
 exports.default = void 0;
 exports.methodsGenerator = methodsGenerator;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _contextProvider = require("../context-provider");
+
 var _masking = _interopRequireDefault(require("../masking"));
+
 var _methods = require("./methods");
+
 Object.keys(_methods).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -21,35 +30,39 @@ Object.keys(_methods).forEach(function (key) {
   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";
@@ -69,8 +82,10 @@ var Popup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       contentTransitionTimeout: contentTransitionTimeout
     }, restProps), children);
   }
+
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, renderPopup);
 });
+
 function methodsGenerator(Comp) {
   return {
     /**
@@ -82,8 +97,8 @@ function methodsGenerator(Comp) {
     open: (0, _methods.open)(Comp)
   };
 }
-var PopupWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(Popup);
 
+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.
@@ -92,5 +107,7 @@ var PopupWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(Popup);
  * @name 弹出层
  * @name_en Popup
  */
+
 var _default = (0, _mobileUtils.componentWrapper)(Popup, methodsGenerator(PopupWithGlobalContext));
+
 exports.default = _default;

package/cjs/popup/methods.js

@@ -2,7 +2,9 @@
 
 exports.__esModule = true;
 exports.open = open;
+
 var _methods = require("../masking/methods");
+
 function open(Component) {
   return (0, _methods.open)(Component, 'ARCO_POPUP');
 }

package/cjs/popup/style/css/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
 require("../../../../style/css/public.css");
+
 require("../../../masking/style/css");
+
 require("./index.css");

package/cjs/popup/style/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
 require("../../../style/public.less");
+
 require("../../masking/style");
+
 require("./index.less");

package/cjs/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时表示阻止本组件内部处理事件

package/cjs/popup-swiper/index.js

@@ -1,57 +1,74 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.default = void 0;
 exports.methodsGenerator = methodsGenerator;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _contextProvider = require("../context-provider");
+
 var _popup = _interopRequireDefault(require("../popup"));
+
 var _methods = require("./methods");
+
 var _helpers = require("../_helpers");
+
 var _excluded = ["className", "visible", "children", "maskStyle", "contentStyle", "direction", "percentToClose", "distanceToClose", "speedToClose", "allowSwipeDirections", "exitDirection", "onTouchMove", "onTouchStart", "onTouchEnd", "onOpen", "onClose", "close"];
+
 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 PopupSwiper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    visible = props.visible,
-    children = props.children,
-    maskStyle = props.maskStyle,
-    contentStyle = props.contentStyle,
-    _props$direction = props.direction,
-    direction = _props$direction === void 0 ? 'bottom' : _props$direction,
-    _props$percentToClose = props.percentToClose,
-    percentToClose = _props$percentToClose === void 0 ? 0.3 : _props$percentToClose,
-    _props$distanceToClos = props.distanceToClose,
-    distanceToClose = _props$distanceToClos === void 0 ? 10 : _props$distanceToClos,
-    _props$speedToClose = props.speedToClose,
-    speedToClose = _props$speedToClose === void 0 ? 200 : _props$speedToClose,
-    allowSwipeDirections = props.allowSwipeDirections,
-    exitDirection = props.exitDirection,
-    onTouchMove = props.onTouchMove,
-    onTouchStart = props.onTouchStart,
-    onTouchEnd = props.onTouchEnd,
-    _onOpen = props.onOpen,
-    _onClose = props.onClose,
-    close = props.close,
-    otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      className = _props$className === void 0 ? '' : _props$className,
+      visible = props.visible,
+      children = props.children,
+      maskStyle = props.maskStyle,
+      contentStyle = props.contentStyle,
+      _props$direction = props.direction,
+      direction = _props$direction === void 0 ? 'bottom' : _props$direction,
+      _props$percentToClose = props.percentToClose,
+      percentToClose = _props$percentToClose === void 0 ? 0.3 : _props$percentToClose,
+      _props$distanceToClos = props.distanceToClose,
+      distanceToClose = _props$distanceToClos === void 0 ? 10 : _props$distanceToClos,
+      _props$speedToClose = props.speedToClose,
+      speedToClose = _props$speedToClose === void 0 ? 200 : _props$speedToClose,
+      allowSwipeDirections = props.allowSwipeDirections,
+      exitDirection = props.exitDirection,
+      onTouchMove = props.onTouchMove,
+      onTouchStart = props.onTouchStart,
+      onTouchEnd = props.onTouchEnd,
+      _onOpen = props.onOpen,
+      _onClose = props.onClose,
+      close = props.close,
+      otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+
   var _useState = (0, _react.useState)(visible),
-    opened = _useState[0],
-    setOpened = _useState[1];
+      opened = _useState[0],
+      setOpened = _useState[1];
+
   var _useRefState = (0, _helpers.useRefState)({
-      direction: 'X',
-      value: 0
-    }),
-    distance = _useRefState[0],
-    distanceRef = _useRefState[1],
-    setDistance = _useRefState[2];
+    direction: 'X',
+    value: 0
+  }),
+      distance = _useRefState[0],
+      distanceRef = _useRefState[1],
+      setDistance = _useRefState[2];
+
   var _useState2 = (0, _react.useState)(false),
-    hasTrans = _useState2[0],
-    setHasTrans = _useState2[1];
+      hasTrans = _useState2[0],
+      setHasTrans = _useState2[1];
+
   var popupRef = (0, _react.useRef)(null);
   var touchStartXRef = (0, _react.useRef)(0);
   var touchStartYRef = (0, _react.useRef)(0);
@@ -59,6 +76,7 @@ var PopupSwiper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var hasTouchStartRef = (0, _react.useRef)(false);
   var getContentSize = (0, _react.useCallback)(function (direc) {
     var _popupRef$current;
+
     var contentDom = (_popupRef$current = popupRef.current) == null ? void 0 : _popupRef$current.content;
     var contentWidth = (contentDom == null ? void 0 : contentDom.offsetWidth) || 0;
     var contentHeight = (contentDom == null ? void 0 : contentDom.offsetHeight) || 0;
@@ -67,7 +85,7 @@ var PopupSwiper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, []);
   var getPercent = (0, _react.useCallback)(function (dis) {
     var direc = dis.direction,
-      value = dis.value;
+        value = dis.value;
     var contentSize = getContentSize(direc);
     return contentSize ? Math.max(0, Math.min(1, Math.abs(value) / contentSize)) : 0;
   }, []);
@@ -79,9 +97,11 @@ var PopupSwiper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, [allowSwipeDirections, direction]);
   var handleTouchStart = (0, _react.useCallback)(function (e) {
     var _e$touches, _e$touches$, _e$touches2, _e$touches2$;
+
     if (onTouchStart && onTouchStart(e)) {
       return;
     }
+
     setHasTrans(false);
     hasTouchStartRef.current = true;
     touchStartXRef.current = ((_e$touches = e.touches) == null ? void 0 : (_e$touches$ = _e$touches[0]) == null ? void 0 : _e$touches$.clientX) || 0;
@@ -92,20 +112,25 @@ var PopupSwiper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     if (direc === 'X') {
       return disX > 0 ? 'right' : 'left';
     }
+
     return disY > 0 ? 'bottom' : 'top';
   }, []);
   var handleTouchMove = (0, _react.useCallback)(function (e, prevented, direc) {
     var _popupRef$current2, _e$changedTouches, _e$changedTouches$, _e$changedTouches2, _e$changedTouches2$;
+
     if (onTouchMove && onTouchMove(e, prevented, direc)) {
       return;
-    }
-    // 如果prevented=false说明正在滚动，则专心处理滚动事件而不处理跟手退出
+    } // 如果prevented=false说明正在滚动，则专心处理滚动事件而不处理跟手退出
+
+
     if (!prevented) {
       hasTouchStartRef.current = false;
     }
+
     if (!hasTouchStartRef.current || e.target === ((_popupRef$current2 = popupRef.current) == null ? void 0 : _popupRef$current2.mask)) {
       return;
     }
+
     var touchMoveX = ((_e$changedTouches = e.changedTouches) == null ? void 0 : (_e$changedTouches$ = _e$changedTouches[0]) == null ? void 0 : _e$changedTouches$.clientX) || 0;
     var touchMoveY = ((_e$changedTouches2 = e.changedTouches) == null ? void 0 : (_e$changedTouches2$ = _e$changedTouches2[0]) == null ? void 0 : _e$changedTouches2$.clientY) || 0;
     var disX = touchMoveX < 0 ? 0 : touchMoveX - touchStartXRef.current;
@@ -115,6 +140,7 @@ var PopupSwiper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var disDirection = exitDirection || movingFromDirec;
     var direcValue = ['top', 'bottom'].includes(disDirection) ? 'Y' : 'X';
     var direcRatio = ['bottom', 'right'].includes(disDirection) ? 1 : -1;
+
     switch (movingFromDirec) {
       case 'top':
       case 'bottom':
@@ -123,6 +149,7 @@ var PopupSwiper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           value: Math.abs(disY) * direcRatio
         });
         break;
+
       case 'left':
       case 'right':
         setDistance({
@@ -130,6 +157,7 @@ var PopupSwiper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           value: Math.abs(disX) * direcRatio
         });
         break;
+
       default:
         break;
     }
@@ -144,16 +172,19 @@ var PopupSwiper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     if (onTouchEnd && onTouchEnd(e)) {
       return;
     }
+
     if (!hasTouchStartRef.current) {
       return;
     }
+
     hasTouchStartRef.current = false;
     var touchEndTime = new Date().getTime();
     var _distanceRef$current = distanceRef.current,
-      direc = _distanceRef$current.direction,
-      value = _distanceRef$current.value;
+        direc = _distanceRef$current.direction,
+        value = _distanceRef$current.value;
     var per = getPercent(distanceRef.current);
     var speed = value / (touchEndTime - touchStartTimeRef.current) * 1000;
+
     if (per > 0 && per >= percentToClose && Math.abs(value) > distanceToClose || Math.abs(speed) > speedToClose) {
       setHasTrans(false);
       close(e);
@@ -170,6 +201,7 @@ var PopupSwiper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         value: 0
       });
     }
+
     touchStartTimeRef.current = 0;
   }, [onTouchEnd, percentToClose, distanceToClose, speedToClose, close]);
   (0, _react.useImperativeHandle)(ref, function () {
@@ -177,15 +209,20 @@ var PopupSwiper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   });
   (0, _react.useEffect)(function () {
     var _popupRef$current3;
+
     var contentDom = (_popupRef$current3 = popupRef.current) == null ? void 0 : _popupRef$current3.content;
+
     if (opened && contentDom) {
       contentDom.addEventListener('touchstart', handleTouchStart);
       contentDom.addEventListener('touchend', handleTouchEnd);
       contentDom.addEventListener('touchcancel', handleTouchEnd);
     }
+
     return function () {
       var _popupRef$current4;
+
       var ctDom = (_popupRef$current4 = popupRef.current) == null ? void 0 : _popupRef$current4.content;
+
       if (opened && ctDom) {
         ctDom.removeEventListener('touchstart', handleTouchStart);
         ctDom.removeEventListener('touchend', handleTouchEnd);
@@ -193,12 +230,14 @@ var PopupSwiper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }
     };
   }, [opened, handleTouchStart, handleTouchEnd]);
+
   function getContentStyle() {
     var disStyle = (0, _helpers.getStyleWithVendor)({
       transform: distance.value ? "translate" + distance.direction + "(" + distance.value + "px) translateZ(2px)" : void 0
     });
     return (0, _extends2.default)({}, contentStyle || {}, disStyle);
   }
+
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/_react.default.createElement(_popup.default, (0, _extends2.default)({
@@ -229,6 +268,7 @@ var PopupSwiper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }, otherProps), children);
   });
 });
+
 function methodsGenerator(Comp) {
   return {
     /**
@@ -240,8 +280,8 @@ function methodsGenerator(Comp) {
     open: (0, _methods.open)(Comp)
   };
 }
-var PopupSwiperWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(PopupSwiper);
 
+var PopupSwiperWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(PopupSwiper);
 /**
  * 基于弹出层(Popup)封装的具有手势关闭功能的弹出层组件，拥有 Popup 组件的其他能力。
  * @en The popup with gesture closing function based on the popup encapsulation, has other capabilities of the Popup component.
@@ -250,5 +290,7 @@ var PopupSwiperWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(P
  * @name 可滑动弹出层
  * @name_en PopupSwiper
  */
+
 var _default = (0, _mobileUtils.componentWrapper)(PopupSwiper, methodsGenerator(PopupSwiperWithGlobalContext));
+
 exports.default = _default;

package/cjs/popup-swiper/methods.js

@@ -2,7 +2,9 @@
 
 exports.__esModule = true;
 exports.open = open;
+
 var _methods = require("../masking/methods");
+
 function open(Component) {
   return (0, _methods.open)(Component, 'ARCO_POPUP_SWIPER');
 }

package/cjs/popup-swiper/style/css/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
 require("../../../../style/css/public.css");
+
 require("../../../popup/style/css");
+
 require("./index.css");

package/cjs/popup-swiper/style/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
 require("../../../style/public.less");
+
 require("../../popup/style");
+
 require("./index.less");

package/cjs/portal/index.js

@@ -1,10 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.default = Portal;
+
 var _react = require("react");
+
 var _reactDom = _interopRequireDefault(require("react-dom"));
+
 /**
  * React.createPortal的简单封装。
  * @en Simple wrapper for React.createPortal
@@ -15,10 +19,11 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
  */
 function Portal(props) {
   var _useState = (0, _react.useState)(),
-    container = _useState[0],
-    setContainer = _useState[1];
+      container = _useState[0],
+      setContainer = _useState[1];
+
   var children = props.children,
-    getContainer = props.getContainer;
+      getContainer = props.getContainer;
   (0, _react.useEffect)(function () {
     setContainer(getContainer ? getContainer() : document.body);
   }, [getContainer]);

package/cjs/portal/style/css/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 require("../../../../style/css/public.css");
+
 require("./index.css");

package/cjs/portal/style/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 require("../../../style/public.less");
+
 require("./index.less");

package/cjs/progress/index.js

@@ -1,15 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.default = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _contextProvider = require("../context-provider");
+
 var _helpers = require("../_helpers");
+
 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; }
+
 /**
  * 进度条组件，可根据外界传递进来的百分比进行进度展示
  * @en Progress bar, which can display progress according to the percentage passed in from the outside
@@ -20,46 +29,50 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var Progress = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'base' : _props$mode;
+      mode = _props$mode === void 0 ? 'base' : _props$mode;
   var percentage = Math.min(100, Math.max(props.percentage, 0));
   var top = props.top,
-    _props$percentPositio = props.percentPosition,
-    percentPosition = _props$percentPositio === void 0 ? 'right' : _props$percentPositio,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    style = props.style,
-    _props$showPercent = props.showPercent,
-    showPercent = _props$showPercent === void 0 ? mode === 'base' : _props$showPercent,
-    renderPercent = props.renderPercent,
-    trackColor = props.trackColor,
-    progressColor = props.progressColor,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    trackStroke = props.trackStroke,
-    progressStroke = props.progressStroke,
-    _props$duration = props.duration,
-    duration = _props$duration === void 0 ? 300 : _props$duration,
-    _props$step = props.step,
-    step = _props$step === void 0 ? 1 : _props$step,
-    _props$filleted = props.filleted,
-    filleted = _props$filleted === void 0 ? true : _props$filleted,
-    _props$mountedTransit = props.mountedTransition,
-    mountedTransition = _props$mountedTransit === void 0 ? true : _props$mountedTransit,
-    _props$mountedBezier = props.mountedBezier,
-    mountedBezier = _props$mountedBezier === void 0 ? [0.34, 0.69, 0.1, 1] : _props$mountedBezier;
+      _props$percentPositio = props.percentPosition,
+      percentPosition = _props$percentPositio === void 0 ? 'right' : _props$percentPositio,
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      style = props.style,
+      _props$showPercent = props.showPercent,
+      showPercent = _props$showPercent === void 0 ? mode === 'base' : _props$showPercent,
+      renderPercent = props.renderPercent,
+      trackColor = props.trackColor,
+      progressColor = props.progressColor,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      trackStroke = props.trackStroke,
+      progressStroke = props.progressStroke,
+      _props$duration = props.duration,
+      duration = _props$duration === void 0 ? 300 : _props$duration,
+      _props$step = props.step,
+      step = _props$step === void 0 ? 1 : _props$step,
+      _props$filleted = props.filleted,
+      filleted = _props$filleted === void 0 ? true : _props$filleted,
+      _props$mountedTransit = props.mountedTransition,
+      mountedTransition = _props$mountedTransit === void 0 ? true : _props$mountedTransit,
+      _props$mountedBezier = props.mountedBezier,
+      mountedBezier = _props$mountedBezier === void 0 ? [0.34, 0.69, 0.1, 1] : _props$mountedBezier;
   var domRef = (0, _react.useRef)(null);
+
   var _useProgress = (0, _helpers.useProgress)(mountedTransition, percentage, duration, mountedBezier, step),
-    currentPercentage = _useProgress[0],
-    transitionControl = _useProgress[1];
+      currentPercentage = _useProgress[0],
+      transitionControl = _useProgress[1];
+
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       dom: domRef.current
     };
   });
+
   function renderText(position) {
     if (!showPercent) {
       return null;
     }
+
     if (position === 'follow') {
       return renderPercent !== void 0 ? renderPercent(currentPercentage) : /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)('text-follow', {
@@ -70,6 +83,7 @@ var Progress = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         }
       }, currentPercentage, "%");
     }
+
     if (position === percentPosition) {
       return /*#__PURE__*/_react.default.createElement("div", {
         style: {
@@ -80,8 +94,10 @@ var Progress = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         })
       }, renderPercent !== void 0 ? renderPercent(currentPercentage) : currentPercentage + "%");
     }
+
     return null;
   }
+
   function renderBarProgress(_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -125,6 +141,7 @@ var Progress = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       className: "wrapper"
     }, renderText('follow')) : null)), renderText('right'), renderText('innerLeft')));
   }
+
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, renderBarProgress);
 });
 var _default = Progress;

package/cjs/progress/style/css/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 require("../../../../style/css/public.css");
+
 require("./index.css");