@arco-design/mobile-react 2.24.1 → 2.25.0

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

@@ -1,121 +1,99 @@
 "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({
@@ -126,7 +104,6 @@ var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         return;
       }
     }
-
     var translateY = dampRateCalculate(y, loosingHeight, dampRate);
     currentTranslateYRef.current = translateY;
     setTransition({
@@ -137,49 +114,39 @@ 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);
@@ -198,17 +165,14 @@ 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 {
@@ -221,15 +185,12 @@ 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;
     });
@@ -239,18 +200,15 @@ 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,41 +2,32 @@
 
 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
@@ -58,60 +49,49 @@ 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]);
@@ -119,5 +99,4 @@ var useCheckAsStart = function useCheckAsStart(_ref3) {
     ifShouldHandle: ifShouldHandle
   };
 };
-
 exports.useCheckAsStart = useCheckAsStart;

package/cjs/pull-refresh/index.d.ts

@@ -3,12 +3,18 @@ import { PullRefreshBasicProps, PullRefreshRef } from './model';
 export type { PullRefreshRef } from './model';
 export interface PullRefreshProps extends PullRefreshBasicProps {
     /**
-     * 分成两种类型
-     * @en Divided into two types
+     * 下拉刷新组件不同的实现方式，android - 常规的外层容器 transform，ios - 利用 ios scrollTop 负值实现下拉及回弹(性能优于transform)，仅ios可用。指定该属性值后优先级高于 useIosOptimize
+     * @en Different implementation methods of PullRefresh, android - conventional outer container transform, ios - use ios scrollTop negative value to achieve pull-down and rebound (performance is better than transform), only available for ios. After specifying value, the priority is higher than useIosOptimize
      * @default 跟随系统
-     * @default_en follow the system
+     * @default_en Follow the system
      */
     type?: 'ios' | 'android';
+    /**
+     * 在 ios 上是否使用 scrollTop 负值实现下拉及回弹，而不是 transform，关闭后所有机型都使用 transform 的方式
+     * @en Whether to use the negative value of scrollTop on ios to achieve pull-down and rebound instead of transform. After closing, all models use transform
+     * @default false
+     */
+    useIosOptimize?: boolean;
 }
 /**
  * 下拉刷新数据组件。

package/cjs/pull-refresh/index.js

@@ -1,28 +1,17 @@
 "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", "children"];
-
+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.
@@ -33,10 +22,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var type = props.type,
-      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 || system) === 'ios' ? _iosPullRefresh.PullRefresh : _androidPullRefresh.PullRefresh;
+  var Container = type === 'ios' || useIosOptimize && (type || system) === 'ios' ? _iosPullRefresh.PullRefresh : _androidPullRefresh.PullRefresh;
   return /*#__PURE__*/_react.default.createElement(Container, (0, _extends2.default)({}, rest, {
     ref: ref
   }), children);