@arco-design/mobile-react 2.25.3 → 2.26.0

package/cjs/progress/style/index.js

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

package/cjs/pull-refresh/android-pull-refresh.js

@@ -1,99 +1,121 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.PullRefresh = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _loading = _interopRequireDefault(require("../loading"));
+
 var _contextProvider = require("../context-provider");
+
 var _model = require("./model");
+
 var _hooks = require("./hooks");
+
 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; }
+
 var dampRateCalculate = function dampRateCalculate(val, tipsHeight, dampRate) {
   return val > tipsHeight ? tipsHeight + (val - tipsHeight) / dampRate : val;
 };
+
 var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _pullTextConfig;
+
   var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-    prefixCls = _useContext.prefixCls,
-    _useContext$locale = _useContext.locale,
-    locale = _useContext$locale === void 0 ? _mobileUtils.defaultLocale : _useContext$locale;
+      prefixCls = _useContext.prefixCls,
+      _useContext$locale = _useContext.locale,
+      locale = _useContext$locale === void 0 ? _mobileUtils.defaultLocale : _useContext$locale;
+
   var className = props.className,
-    style = props.style,
-    children = props.children,
-    _props$loosingText = props.loosingText,
-    loosingText = _props$loosingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
-    }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.loosingText)) : _props$loosingText,
-    _props$loadingText = props.loadingText,
-    loadingText = _props$loadingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
-    }, /*#__PURE__*/_react.default.createElement(_loading.default, {
-      type: "circle",
-      radius: 4
-    }), /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.loadingText)) : _props$loadingText,
-    _props$pullingText = props.pullingText,
-    pullingText = _props$pullingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
-    }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.pullingText)) : _props$pullingText,
-    _props$finishText = props.finishText,
-    finishText = _props$finishText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
-    }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.finishText)) : _props$finishText,
-    initialText = props.initialText,
-    _props$finishDelay = props.finishDelay,
-    finishDelay = _props$finishDelay === void 0 ? 300 : _props$finishDelay,
-    loosingMinHeight = props.loosingMinHeight,
-    _props$dampRate = props.dampRate,
-    dampRate = _props$dampRate === void 0 ? 4 : _props$dampRate,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    _props$useHideAsNeste = props.useHideAsNestedScroll,
-    useHideAsNestedScroll = _props$useHideAsNeste === void 0 ? true : _props$useHideAsNeste,
-    onRefresh = props.onRefresh,
-    _props$allowPullWhenN = props.allowPullWhenNotTop,
-    allowPullWhenNotTop = _props$allowPullWhenN === void 0 ? false : _props$allowPullWhenN;
+      style = props.style,
+      children = props.children,
+      _props$loosingText = props.loosingText,
+      loosingText = _props$loosingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
+  }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.loosingText)) : _props$loosingText,
+      _props$loadingText = props.loadingText,
+      loadingText = _props$loadingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
+  }, /*#__PURE__*/_react.default.createElement(_loading.default, {
+    type: "circle",
+    radius: 4
+  }), /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.loadingText)) : _props$loadingText,
+      _props$pullingText = props.pullingText,
+      pullingText = _props$pullingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
+  }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.pullingText)) : _props$pullingText,
+      _props$finishText = props.finishText,
+      finishText = _props$finishText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
+  }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.finishText)) : _props$finishText,
+      initialText = props.initialText,
+      _props$finishDelay = props.finishDelay,
+      finishDelay = _props$finishDelay === void 0 ? 300 : _props$finishDelay,
+      loosingMinHeight = props.loosingMinHeight,
+      _props$dampRate = props.dampRate,
+      dampRate = _props$dampRate === void 0 ? 4 : _props$dampRate,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$useHideAsNeste = props.useHideAsNestedScroll,
+      useHideAsNestedScroll = _props$useHideAsNeste === void 0 ? true : _props$useHideAsNeste,
+      onRefresh = props.onRefresh,
+      _props$allowPullWhenN = props.allowPullWhenNotTop,
+      allowPullWhenNotTop = _props$allowPullWhenN === void 0 ? false : _props$allowPullWhenN;
+
   var _useState = (0, _react.useState)({}),
-    transition = _useState[0],
-    setTransition = _useState[1];
+      transition = _useState[0],
+      setTransition = _useState[1];
+
   var touchRef = (0, _react.useRef)(null);
   var currentTranslateYRef = (0, _react.useRef)(0);
   var onTouching = (0, _react.useRef)(false);
+
   var _useCommonState = (0, _hooks.useCommonState)({
-      loosingMinHeight: loosingMinHeight,
-      onRefresh: onRefresh
-    }),
-    loadingRef = _useCommonState.loadingRef,
-    status = _useCommonState.status,
-    setStatus = _useCommonState.setStatus,
-    labelRef = _useCommonState.labelRef,
-    domRef = _useCommonState.domRef,
-    touching = _useCommonState.touching,
-    setTouching = _useCommonState.setTouching,
-    loosingHeight = _useCommonState.loosingHeight,
-    handleRefresh = _useCommonState.handleRefresh,
-    tipsHeight = _useCommonState.tipsHeight;
+    loosingMinHeight: loosingMinHeight,
+    onRefresh: onRefresh
+  }),
+      loadingRef = _useCommonState.loadingRef,
+      status = _useCommonState.status,
+      setStatus = _useCommonState.setStatus,
+      labelRef = _useCommonState.labelRef,
+      domRef = _useCommonState.domRef,
+      touching = _useCommonState.touching,
+      setTouching = _useCommonState.setTouching,
+      loosingHeight = _useCommonState.loosingHeight,
+      handleRefresh = _useCommonState.handleRefresh,
+      tipsHeight = _useCommonState.tipsHeight;
+
   var _useCheckAsStart = (0, _hooks.useCheckAsStart)({
-      domRef: domRef,
-      allowPullWhenNotTop: allowPullWhenNotTop
-    }),
-    ifShouldHandle = _useCheckAsStart.ifShouldHandle;
+    domRef: domRef,
+    allowPullWhenNotTop: allowPullWhenNotTop
+  }),
+      ifShouldHandle = _useCheckAsStart.ifShouldHandle;
+
   var currentLabelStyle = (0, _react.useMemo)(function () {
     var _domRef$current$scrol, _domRef$current;
+
     return useHideAsNestedScroll && !touching && status === _model.PullRefreshStatus.Pulling && ((_domRef$current$scrol = domRef == null ? void 0 : (_domRef$current = domRef.current) == null ? void 0 : _domRef$current.scrollTop) != null ? _domRef$current$scrol : 0) > 0 ? {
       opacity: 0
     } : {};
   }, [useHideAsNestedScroll, touching]);
   var pullTextConfig = (_pullTextConfig = {}, _pullTextConfig[_model.PullRefreshStatus.Static] = initialText === void 0 ? pullingText : initialText, _pullTextConfig[_model.PullRefreshStatus.Pulling] = pullingText, _pullTextConfig[_model.PullRefreshStatus.Loosing] = loosingText || pullingText, _pullTextConfig[_model.PullRefreshStatus.Loading] = loadingText, _pullTextConfig[_model.PullRefreshStatus.Finish] = finishText, _pullTextConfig);
+
   var scroll = function scroll(y, ms, callback) {
     if (y < 5) {
       if (y < 0) {
         currentTranslateYRef.current = 0;
         return;
       }
+
       if (ms === 0) {
         setTimeout(function () {
           setTransition({
@@ -104,6 +126,7 @@ var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         return;
       }
     }
+
     var translateY = dampRateCalculate(y, loosingHeight, dampRate);
     currentTranslateYRef.current = translateY;
     setTransition({
@@ -114,39 +137,49 @@ var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       callback == null ? void 0 : callback();
     }, ms);
   };
+
   var reset = function reset(callback) {
     if (callback === void 0) {
       callback = function callback() {};
     }
+
     scroll(0, 300, function () {
       if (domRef.current && domRef.current.scrollTop < 0) {
         domRef.current.scrollTop = 0;
       }
+
       loadingRef.current = false;
       setStatus(_model.PullRefreshStatus.Static);
       callback();
     });
   };
+
   var handleTouchStart = (0, _react.useCallback)(function (e) {
     if (disabled || touchRef.current || loadingRef.current || !domRef.current) return;
     if (!ifShouldHandle()) return;
     setTouching(true);
+
     if (domRef.current.scrollTop === 0) {
       domRef.current.scrollTop = 1;
     }
+
     var _e$touches$ = e.touches[0],
-      pageX = _e$touches$.pageX,
-      pageY = _e$touches$.pageY;
+        pageX = _e$touches$.pageX,
+        pageY = _e$touches$.pageY;
+
     if (pageX && pageY) {
       var _domRef$current2;
+
       touchRef.current = {
         start: (_domRef$current2 = domRef.current) == null ? void 0 : _domRef$current2.scrollTop,
         x: pageX,
         y: pageY
       };
     }
+
     setStatus(_model.PullRefreshStatus.Pulling);
   }, [disabled, ifShouldHandle]);
+
   var refresh = function refresh() {
     return new Promise(function (resolve) {
       setStatus(_model.PullRefreshStatus.Loading);
@@ -165,14 +198,17 @@ var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       });
     });
   };
+
   var handleTouchEnd = (0, _react.useCallback)(function () {
     if (currentTranslateYRef.current === 0 && !ifShouldHandle()) {
       return;
     }
+
     onTouching.current = false;
     setTouching(false);
     if (disabled || !touchRef.current || loadingRef.current) return;
     touchRef.current = null;
+
     if (status === _model.PullRefreshStatus.Loosing) {
       refresh();
     } else {
@@ -185,12 +221,15 @@ var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     if (!touchRef.current) return;
     var pageY = e.touches[0].pageY;
     var pullY = pageY - touchRef.current.y - touchRef.current.start;
+
     if (currentTranslateYRef.current === 0 && domRef.current.scrollTop > 0) {
       return;
     }
+
     if (currentTranslateYRef.current === 0 && pullY < 0) {
       return;
     }
+
     setStatus(function () {
       return pullY > loosingHeight ? _model.PullRefreshStatus.Loosing : _model.PullRefreshStatus.Pulling;
     });
@@ -200,15 +239,18 @@ var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, [disabled, loosingHeight]);
   (0, _react.useEffect)(function () {
     var _domRef$current3;
+
     var onScroll = function onScroll() {
       if (onTouching.current && domRef.current && (domRef.current.scrollTop < 0 || currentTranslateYRef.current)) {
         // 禁止 ios 负 scrollTop 和双层滚动
         domRef.current.scrollTop = 0;
       }
     };
+
     (_domRef$current3 = domRef.current) == null ? void 0 : _domRef$current3.addEventListener('scroll', onScroll);
     return function () {
       var _domRef$current4;
+
       (_domRef$current4 = domRef.current) == null ? void 0 : _domRef$current4.removeEventListener('scroll', onScroll);
     };
   }, []);

package/cjs/pull-refresh/hooks.js

@@ -2,32 +2,41 @@
 
 exports.__esModule = true;
 exports.useCommonState = exports.useCheckAsStart = exports.useAddScrollEvents = void 0;
+
 var _react = require("react");
+
 var _es6Promise = require("es6-promise");
+
 var _model = require("./model");
+
 var useCommonState = function useCommonState(_ref) {
   var onRefresh = _ref.onRefresh,
-    loosingMinHeight = _ref.loosingMinHeight;
+      loosingMinHeight = _ref.loosingMinHeight;
+
   var _useState = (0, _react.useState)(_model.PullRefreshStatus.Static),
-    status = _useState[0],
-    setStatus = _useState[1];
+      status = _useState[0],
+      setStatus = _useState[1];
+
   var loadingRef = (0, _react.useRef)(false);
   var labelRef = (0, _react.useRef)(null);
   var domRef = (0, _react.useRef)(null);
+
   var _useState2 = (0, _react.useState)(false),
-    touching = _useState2[0],
-    setTouching = _useState2[1];
+      touching = _useState2[0],
+      setTouching = _useState2[1];
+
   var tipsHeight = (0, _react.useMemo)(function () {
     var _labelRef$current$get, _labelRef$current;
+
     return (_labelRef$current$get = (_labelRef$current = labelRef.current) == null ? void 0 : _labelRef$current.getBoundingClientRect().height) != null ? _labelRef$current$get : 40;
   }, [status]);
   var loosingHeight = (0, _react.useMemo)(function () {
     return loosingMinHeight || tipsHeight;
   }, [tipsHeight, loosingMinHeight]);
   var handleRefresh = (0, _react.useCallback)(function () {
-    loadingRef.current = true;
-    // 避免动画过快，最短加载时间
+    loadingRef.current = true; // 避免动画过快，最短加载时间
     // @en Minimum load time, avoid animation too fast
+
     return _es6Promise.Promise.all([onRefresh == null ? void 0 : onRefresh(), new _es6Promise.Promise(function (resolve) {
       // 最少加载一秒
       // @en Load at least one second
@@ -49,49 +58,60 @@ var useCommonState = function useCommonState(_ref) {
     tipsHeight: tipsHeight
   };
 };
+
 exports.useCommonState = useCommonState;
+
 var useAddScrollEvents = function useAddScrollEvents(_ref2) {
   var domRef = _ref2.domRef,
-    handleTouchStart = _ref2.handleTouchStart,
-    handleTouchMove = _ref2.handleTouchMove,
-    handleTouchEnd = _ref2.handleTouchEnd;
+      handleTouchStart = _ref2.handleTouchStart,
+      handleTouchMove = _ref2.handleTouchMove,
+      handleTouchEnd = _ref2.handleTouchEnd;
   (0, _react.useEffect)(function () {
     var _domRef$current;
+
     (_domRef$current = domRef.current) == null ? void 0 : _domRef$current.addEventListener('touchstart', handleTouchStart, {
       passive: false
     });
     return function () {
       var _domRef$current2;
+
       (_domRef$current2 = domRef.current) == null ? void 0 : _domRef$current2.removeEventListener('touchstart', handleTouchStart);
     };
   }, [handleTouchMove]);
   (0, _react.useEffect)(function () {
     var _domRef$current3;
+
     (_domRef$current3 = domRef.current) == null ? void 0 : _domRef$current3.addEventListener('touchmove', handleTouchMove, {
       passive: false
     });
     return function () {
       var _domRef$current4;
+
       (_domRef$current4 = domRef.current) == null ? void 0 : _domRef$current4.removeEventListener('touchmove', handleTouchMove);
     };
   }, [handleTouchMove]);
   (0, _react.useEffect)(function () {
     var _domRef$current5, _domRef$current6;
+
     (_domRef$current5 = domRef.current) == null ? void 0 : _domRef$current5.addEventListener('touchend', handleTouchEnd);
     (_domRef$current6 = domRef.current) == null ? void 0 : _domRef$current6.addEventListener('touchcancel', handleTouchEnd);
     return function () {
       var _domRef$current7, _domRef$current8;
+
       (_domRef$current7 = domRef.current) == null ? void 0 : _domRef$current7.removeEventListener('touchend', handleTouchEnd);
       (_domRef$current8 = domRef.current) == null ? void 0 : _domRef$current8.removeEventListener('touchcancel', handleTouchEnd);
     };
   }, [handleTouchEnd]);
 };
+
 exports.useAddScrollEvents = useAddScrollEvents;
+
 var useCheckAsStart = function useCheckAsStart(_ref3) {
   var allowPullWhenNotTop = _ref3.allowPullWhenNotTop,
-    domRef = _ref3.domRef;
+      domRef = _ref3.domRef;
   var ifShouldHandle = (0, _react.useCallback)(function () {
     var _domRef$current$getBo, _domRef$current9, _domRef$current9$getB;
+
     var domRefHeight = (_domRef$current$getBo = (_domRef$current9 = domRef.current) == null ? void 0 : (_domRef$current9$getB = _domRef$current9.getBoundingClientRect()) == null ? void 0 : _domRef$current9$getB.height) != null ? _domRef$current$getBo : 0;
     return domRef.current && !(!allowPullWhenNotTop && (domRef.current.scrollTop < 0 || domRef.current.scrollTop > domRef.current.scrollHeight - domRefHeight));
   }, [allowPullWhenNotTop]);
@@ -99,4 +119,5 @@ var useCheckAsStart = function useCheckAsStart(_ref3) {
     ifShouldHandle: ifShouldHandle
   };
 };
+
 exports.useCheckAsStart = useCheckAsStart;

package/cjs/pull-refresh/index.js

@@ -1,17 +1,28 @@
 "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 _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _iosPullRefresh = require("./ios-pull-refresh");
+
 var _androidPullRefresh = require("./android-pull-refresh");
+
 var _helpers = require("../_helpers");
+
 var _excluded = ["type", "useIosOptimize", "children"];
+
 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 PullRefresh component that pulls down to refresh data.
@@ -22,9 +33,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var type = props.type,
-    useIosOptimize = props.useIosOptimize,
-    children = props.children,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      useIosOptimize = props.useIosOptimize,
+      children = props.children,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var system = (0, _helpers.useSystem)();
   var Container = type === 'ios' || useIosOptimize && (type || system) === 'ios' ? _iosPullRefresh.PullRefresh : _androidPullRefresh.PullRefresh;
   return /*#__PURE__*/_react.default.createElement(Container, (0, _extends2.default)({}, rest, {