@arco-design/mobile-react 2.38.4 → 2.39.0

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');
   }

package/umd/popup-swiper/index.js

@@ -14,7 +14,6 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.default = void 0;
   _exports.methodsGenerator = methodsGenerator;
@@ -23,62 +22,55 @@
   _react = _interopRequireWildcard(_react);
   _popup = _interopRequireDefault(_popup);
   var _excluded = ["className", "visible", "children", "maskStyle", "contentStyle", "direction", "percentToClose", "distanceToClose", "speedToClose", "allowSwipeDirections", "exitDirection", "onTouchMove", "onTouchStart", "onTouchEnd", "onOpen", "onClose", "close", "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 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,
-        _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,
-        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,
+      _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,
+      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);
@@ -86,7 +78,6 @@
     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;
@@ -95,7 +86,7 @@
     }, []);
     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;
     }, []);
@@ -107,11 +98,9 @@
     }, [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;
@@ -122,25 +111,20 @@
       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;
@@ -150,7 +134,6 @@
       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':
@@ -159,7 +142,6 @@
             value: Math.abs(disY) * direcRatio
           });
           break;
-
         case 'left':
         case 'right':
           setDistance({
@@ -167,7 +149,6 @@
             value: Math.abs(disX) * direcRatio
           });
           break;
-
         default:
           break;
       }
@@ -182,19 +163,16 @@
       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);
@@ -209,14 +187,13 @@
         setDistance({
           direction: 'X',
           value: 0
-        }); // 动画完成后需重置
+        });
+        // 动画完成后需重置
         // @en Reset after animation is complete
-
         setTimeout(function () {
           setHasTrans(false);
         }, Math.max(typeof maskTransitionTimeout === 'number' ? maskTransitionTimeout : (maskTransitionTimeout == null ? void 0 : maskTransitionTimeout.exit) || 0, typeof contentTransitionTimeout === 'number' ? contentTransitionTimeout : (contentTransitionTimeout == null ? void 0 : contentTransitionTimeout.exit) || 0, 240));
       }
-
       touchStartTimeRef.current = 0;
     }, [onTouchEnd, percentToClose, distanceToClose, speedToClose, close]);
     (0, _react.useImperativeHandle)(ref, function () {
@@ -224,20 +201,15 @@
     });
     (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);
@@ -245,14 +217,12 @@
         }
       };
     }, [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)({
@@ -285,7 +255,6 @@
       }, otherProps), children);
     });
   });
-
   function methodsGenerator(Comp) {
     return {
       /**
@@ -297,8 +266,8 @@
       open: (0, _methods.open)(Comp)
     };
   }
-
   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.
@@ -307,8 +276,6 @@
    * @name 可滑动弹出层
    * @name_en PopupSwiper
    */
-
   var _default = (0, _mobileUtils.componentWrapper)(PopupSwiper, methodsGenerator(PopupSwiperWithGlobalContext));
-
   _exports.default = _default;
 });

package/umd/popup-swiper/methods.js

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

package/umd/portal/index.js

@@ -14,11 +14,9 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.default = Portal;
   _reactDom = _interopRequireDefault(_reactDom);
-
   /**
    * React.createPortal的简单封装。
    * @en Simple wrapper for React.createPortal
@@ -29,11 +27,10 @@
    */
   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/umd/progress/index.js

@@ -14,16 +14,12 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.default = void 0;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
-
   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
@@ -34,50 +30,46 @@
    */
   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', {
@@ -88,7 +80,6 @@
           }
         }, currentPercentage, "%");
       }
-
       if (position === percentPosition) {
         return /*#__PURE__*/_react.default.createElement("div", {
           style: {
@@ -99,10 +90,8 @@
           })
         }, renderPercent !== void 0 ? renderPercent(currentPercentage) : currentPercentage + "%");
       }
-
       return null;
     }
-
     function renderBarProgress(_ref) {
       var prefixCls = _ref.prefixCls;
       return /*#__PURE__*/_react.default.createElement("div", {
@@ -146,7 +135,6 @@
         className: "wrapper"
       }, renderText('follow')) : null)), renderText('right'), renderText('innerLeft')));
     }
-
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, renderBarProgress);
   });
   var _default = Progress;