@arco-design/mobile-react 2.38.4 → 2.39.1

package/cjs/popup/index.js

@@ -1,28 +1,19 @@
 "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;
@@ -30,39 +21,35 @@ 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";
@@ -83,10 +70,8 @@ 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 {
     /**
@@ -98,8 +83,8 @@ function methodsGenerator(Comp) {
     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.
@@ -108,7 +93,5 @@ 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,9 +2,7 @@
 
 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,7 +1,5 @@
 "use strict";
 
 require("../../../../style/css/public.css");
-
 require("../../../masking/style/css");
-
 require("./index.css");

package/cjs/popup/style/index.js

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

package/cjs/popup-swiper/index.js

@@ -1,84 +1,67 @@
 "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", "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 +69,6 @@ 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;
@@ -95,7 +77,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;
   }, []);
@@ -107,11 +89,9 @@ 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;
@@ -122,25 +102,20 @@ 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;
@@ -150,7 +125,6 @@ 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':
@@ -159,7 +133,6 @@ var PopupSwiper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           value: Math.abs(disY) * direcRatio
         });
         break;
-
       case 'left':
       case 'right':
         setDistance({
@@ -167,7 +140,6 @@ var PopupSwiper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           value: Math.abs(disX) * direcRatio
         });
         break;
-
       default:
         break;
     }
@@ -182,19 +154,16 @@ 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);
@@ -209,14 +178,13 @@ var PopupSwiper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       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 +192,15 @@ 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);
@@ -245,14 +208,12 @@ 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)({
@@ -285,7 +246,6 @@ var PopupSwiper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }, otherProps), children);
   });
 });
-
 function methodsGenerator(Comp) {
   return {
     /**
@@ -297,8 +257,8 @@ function methodsGenerator(Comp) {
     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,7 +267,5 @@ 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,9 +2,7 @@
 
 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,7 +1,5 @@
 "use strict";
 
 require("../../../../style/css/public.css");
-
 require("../../../popup/style/css");
-
 require("./index.css");

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

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

package/cjs/portal/index.js

@@ -1,14 +1,10 @@
 "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
@@ -19,11 +15,10 @@ 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,5 +1,4 @@
 "use strict";
 
 require("../../../../style/css/public.css");
-
 require("./index.css");

package/cjs/portal/style/index.js

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

package/cjs/progress/index.js

@@ -1,24 +1,15 @@
 "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
@@ -29,50 +20,46 @@ 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', {
@@ -83,7 +70,6 @@ var Progress = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         }
       }, currentPercentage, "%");
     }
-
     if (position === percentPosition) {
       return /*#__PURE__*/_react.default.createElement("div", {
         style: {
@@ -94,10 +80,8 @@ 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", {
@@ -141,7 +125,6 @@ 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,5 +1,4 @@
 "use strict";
 
 require("../../../../style/css/public.css");
-
 require("./index.css");