@unikue/react-native-pull-refresh 1.2.0

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2023 buddy <litoubuddy@gmail.com>
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,96 @@
+# @unikue/react-native-pull-refresh
+
+
+react-native pull refresh on iOS, Android and Web
+
+## ⚡Milestones
+  - Bump package versions to latest
+  - Fix `PullRefresh` `onScroll` event
+
+## 💪🏻 Support
+| Platform |   | solved                                        |
+|----------|---|-----------------------------------------------|
+| iOS      | ✅ | 🔥 Perfect                                    |
+| Android  | ✅ | 😂 Bottom response is bad                     |
+| Web      | ✅ | 😭 Pulling and scrolling cant switch smoothly |
+
+| Library                      |     |
+|------------------------------|-----|
+| react-native-gesture-handler | 2.x |
+| react-native-reanimated      | 4.x |
+
+#### ⚠️ Warning
+`react-native-pull-refresh` Only support wrapper `Animated.ScrollView` and `Animated.FlatList`
+
+not support nested PullRefresh!
+
+## Installation
+
+It relies on `react-native-gesture-handler` and `react-native-reanimated`
+
+so please install them before you use this package
+
+```sh
+yarn install react-native-gesture-hanlder react-native-reanimated
+```
+
+```sh
+yarn install @unikue/react-native-pull-refresh
+```
+
+## Usage
+
+```js
+import { PullRefresh } from '@unikue/react-native-pull-refresh';
+
+// ...
+
+ <PullRefresh
+  onPulldownRefresh={downLoader}
+  onPullupRefresh={upLoader}
+  pulldownHeight={80}
+  pullupHeight={100}
+  pullupEnabled={true}
+>
+
+  <Animated.FlatList
+    data={[]}
+    renderItem={() => null}
+  />
+
+ {/* or*/}
+
+  <Animated.ScrollView>
+    {/* children */}
+  </Animated.ScrollView>
+</PullRefresh>
+```
+
+## Example
+| <img src="./gifs/ios.gif" alt="ios-example" width="240"> |     <img src="./gifs/android.gif" alt="ios-example" width="250">         |
+| :--------: | :-----------: |
+| iOS     |   Android        |
+
+
+## Props
+| props             | type      | description                                                  | Default  |
+| ----------------- | --------- | ------------------------------------------------------------ | -------- |
+| pulldownHeight    | Number    | The height of the drop-down load component is defined, and the judgment of the drop-down state depends on this value | 140      |
+| pullupHeight      | Number    | The height of the pull-up component is defined, and the pull-up state is determined by this value | 100      |
+| containerFactor   | Number    | The container factor is used to adjust the height of the refresh judgment | 0.5      |
+| pullingFactor     | Number    | Determine the coefficient of pulling state length            | 2.2        |
+| pullupEnabled      | Boolean   | whether show pullingupLoading                                | false    |
+| pulldownLoading   | Component | You can custom the Component                                 |          |
+| pullupLoading     | Component | You can custom the Component                                 |          |
+|                   |           |                                                              |          |
+| onPulldownRefresh | Function  | callback of pulling down refresh, load data with it          | ()=>void |
+| onPullupRefresh   | Function  | callback of pulling up refresh, load data with it            | ()=>void |
+
+
+## Contributing
+
+See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
+
+## License
+
+MIT

package/dist/commonjs/DefaultLoading.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PullupLoading = exports.PulldownLoading = exports.Loading = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _constants = require("./constants");
+var _hooks = require("./hooks");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// note: react-native-reanimated only suppot style-animation
+
+const Loading = ({
+  animating
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+    animating: animating,
+    color: "#782aeb"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    style: styles.ml8,
+    children: "Loading"
+  })]
+});
+exports.Loading = Loading;
+const PulldownLoading = () => {
+  // eslint-disable-next-line @typescript-eslint/naming-convention
+  const [animating, setAnimating] = (0, _react.useState)(false);
+  (0, _hooks.useOnPulldownState)(state => {
+    if ([_constants.PullingRefreshStatus.LOADING, _constants.PullingRefreshStatus.PULLINGGO, _constants.PullingRefreshStatus.PULLINGBACK].includes(state)) {
+      setAnimating(true);
+    } else {
+      setAnimating(false);
+    }
+  });
+  const animatedStyle = (0, _hooks.usePulldownLoadingAnimation)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [styles.loadingrDownContainer, animatedStyle],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Loading, {
+      animating: animating
+    })
+  });
+};
+exports.PulldownLoading = PulldownLoading;
+const PullupLoading = () => {
+  // eslint-disable-next-line @typescript-eslint/naming-convention
+  const [animating, setAnimating] = (0, _react.useState)(false);
+  (0, _hooks.useOnPullupState)(state => {
+    if ([_constants.PullingRefreshStatus.LOADING, _constants.PullingRefreshStatus.PULLINGGO, _constants.PullingRefreshStatus.PULLINGBACK].includes(state)) {
+      setAnimating(true);
+    } else {
+      setAnimating(false);
+    }
+  });
+  const animatedStyle = (0, _hooks.usePullupLoadingAnimation)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [styles.loadingrUpContainer, animatedStyle],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Loading, {
+      animating: animating
+    })
+  });
+};
+exports.PullupLoading = PullupLoading;
+const styles = _reactNative.StyleSheet.create({
+  loadingrDownContainer: {
+    position: 'absolute',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: '100%',
+    top: 0
+  },
+  loadingrUpContainer: {
+    position: 'absolute',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: '100%',
+    bottom: 0,
+    height: 100
+  },
+  ml8: {
+    marginLeft: 8
+  }
+});
+//# sourceMappingURL=DefaultLoading.js.map

package/dist/commonjs/DefaultLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_constants","_hooks","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Loading","animating","jsxs","Fragment","children","jsx","ActivityIndicator","color","Text","style","styles","ml8","exports","PulldownLoading","setAnimating","useState","useOnPulldownState","state","PullingRefreshStatus","LOADING","PULLINGGO","PULLINGBACK","includes","animatedStyle","usePulldownLoadingAnimation","View","loadingrDownContainer","PullupLoading","useOnPullupState","usePullupLoadingAnimation","loadingrUpContainer","StyleSheet","create","position","flexDirection","justifyContent","alignItems","width","top","bottom","height","marginLeft"],"sourceRoot":"../../src","sources":["DefaultLoading.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAKiB,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAZ,uBAAA,YAAAA,CAAAQ,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAEjB;;AAMO,MAAMgB,OAA+B,GAAGA,CAAC;EAAEC;AAAU,CAAC,kBAC3D,IAAArB,WAAA,CAAAsB,IAAA,EAAAtB,WAAA,CAAAuB,QAAA;EAAAC,QAAA,gBACE,IAAAxB,WAAA,CAAAyB,GAAA,EAAC9B,YAAA,CAAA+B,iBAAiB;IAACL,SAAS,EAAEA,SAAU;IAACM,KAAK,EAAC;EAAS,CAAE,CAAC,eAC3D,IAAA3B,WAAA,CAAAyB,GAAA,EAAC9B,YAAA,CAAAiC,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,GAAI;IAAAP,QAAA,EAAC;EAAO,CAAM,CAAC;AAAA,CACvC,CACH;AAACQ,OAAA,CAAAZ,OAAA,GAAAA,OAAA;AAEK,MAAMa,eAAe,GAAGA,CAAA,KAAM;EACnC;EACA,MAAM,CAACZ,SAAS,EAAEa,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAU,KAAK,CAAC;EAC1D,IAAAC,yBAAkB,EAAEC,KAA2B,IAAK;IAClD,IACE,CACEC,+BAAoB,CAACC,OAAO,EAC5BD,+BAAoB,CAACE,SAAS,EAC9BF,+BAAoB,CAACG,WAAW,CACjC,CAACC,QAAQ,CAACL,KAAK,CAAC,EACjB;MACAH,YAAY,CAAC,IAAI,CAAC;IACpB,CAAC,MAAM;MACLA,YAAY,CAAC,KAAK,CAAC;IACrB;EACF,CAAC,CAAC;EAEF,MAAMS,aAAa,GAAG,IAAAC,kCAA2B,EAAC,CAAC;EAEnD,oBACE,IAAA5C,WAAA,CAAAyB,GAAA,EAAC7B,sBAAA,CAAAO,OAAQ,CAAC0C,IAAI;IAAChB,KAAK,EAAE,CAACC,MAAM,CAACgB,qBAAqB,EAAEH,aAAa,CAAE;IAAAnB,QAAA,eAClE,IAAAxB,WAAA,CAAAyB,GAAA,EAACL,OAAO;MAACC,SAAS,EAAEA;IAAU,CAAE;EAAC,CACpB,CAAC;AAEpB,CAAC;AAACW,OAAA,CAAAC,eAAA,GAAAA,eAAA;AAEK,MAAMc,aAAa,GAAGA,CAAA,KAAM;EACjC;EACA,MAAM,CAAC1B,SAAS,EAAEa,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAU,KAAK,CAAC;EAC1D,IAAAa,uBAAgB,EAAEX,KAA2B,IAAK;IAChD,IACE,CACEC,+BAAoB,CAACC,OAAO,EAC5BD,+BAAoB,CAACE,SAAS,EAC9BF,+BAAoB,CAACG,WAAW,CACjC,CAACC,QAAQ,CAACL,KAAK,CAAC,EACjB;MACAH,YAAY,CAAC,IAAI,CAAC;IACpB,CAAC,MAAM;MACLA,YAAY,CAAC,KAAK,CAAC;IACrB;EACF,CAAC,CAAC;EAEF,MAAMS,aAAa,GAAG,IAAAM,gCAAyB,EAAC,CAAC;EAEjD,oBACE,IAAAjD,WAAA,CAAAyB,GAAA,EAAC7B,sBAAA,CAAAO,OAAQ,CAAC0C,IAAI;IAAChB,KAAK,EAAE,CAACC,MAAM,CAACoB,mBAAmB,EAAEP,aAAa,CAAE;IAAAnB,QAAA,eAChE,IAAAxB,WAAA,CAAAyB,GAAA,EAACL,OAAO;MAACC,SAAS,EAAEA;IAAU,CAAE;EAAC,CACpB,CAAC;AAEpB,CAAC;AAACW,OAAA,CAAAe,aAAA,GAAAA,aAAA;AAEF,MAAMjB,MAAM,GAAGqB,uBAAU,CAACC,MAAM,CAAC;EAC/BN,qBAAqB,EAAE;IACrBO,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE,MAAM;IACbC,GAAG,EAAE;EACP,CAAC;EACDR,mBAAmB,EAAE;IACnBG,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE,MAAM;IACbE,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE;EACV,CAAC;EACD7B,GAAG,EAAE;IACH8B,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/LoadMore.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InlineLoadMore = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _constants = require("./constants");
+var _hooks = require("./hooks");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const InlineLoadMore = ({
+  onLoadMore = _constants.FnNull
+}) => {
+  const ctx = (0, _hooks.useMrPullRefreshValue)();
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => ctx.scrollerOffsetY.value, (current, prev) => {
+    if (current !== prev) {
+      // TODO: 防抖
+      onLoadMore();
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      children: "LoadMore"
+    })
+  });
+};
+exports.InlineLoadMore = InlineLoadMore;
+//# sourceMappingURL=LoadMore.js.map

package/dist/commonjs/LoadMore.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_constants","_hooks","_jsxRuntime","e","__esModule","default","InlineLoadMore","onLoadMore","FnNull","ctx","useMrPullRefreshValue","useAnimatedReaction","scrollerOffsetY","value","current","prev","jsx","View","children","Text","exports"],"sourceRoot":"../../src","sources":["LoadMore.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAgD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAMzC,MAAMG,cAA6C,GAAGA,CAAC;EAC5DC,UAAU,GAAGC;AACf,CAAC,KAAK;EACJ,MAAMC,GAAG,GAAG,IAAAC,4BAAqB,EAAC,CAAC;EAEnC,IAAAC,0CAAmB,EACjB,MAAMF,GAAG,CAACG,eAAe,CAACC,KAAK,EAC/B,CAACC,OAAO,EAAEC,IAAI,KAAK;IACjB,IAAID,OAAO,KAAKC,IAAI,EAAE;MACpB;MACAR,UAAU,CAAC,CAAC;IACd;EACF,CACF,CAAC;EAED,oBACE,IAAAL,WAAA,CAAAc,GAAA,EAAClB,YAAA,CAAAmB,IAAI;IAAAC,QAAA,eACH,IAAAhB,WAAA,CAAAc,GAAA,EAAClB,YAAA,CAAAqB,IAAI;MAAAD,QAAA,EAAC;IAAQ,CAAM;EAAC,CACjB,CAAC;AAEX,CAAC;AAACE,OAAA,CAAAd,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/commonjs/LottieLoading.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HeroLottie = void 0;
+var _lottieReactNative = _interopRequireDefault(require("lottie-react-native"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _hero = _interopRequireDefault(require("./assets/hero.json"));
+var _constants = require("./constants");
+var _hooks = require("./hooks");
+var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// import heroLottie from './assets/hero.lottie';
+
+const AnimatedLottieView = _reactNativeReanimated.default.createAnimatedComponent(_lottieReactNative.default);
+const HeroLottie = () => {
+  const lottieRef = (0, _react.useRef)(null);
+  const ctx = (0, _hooks.useMrPullRefreshValue)();
+  const {
+    pulldownHeight,
+    panTranslateY,
+    pulldownState,
+    containerY,
+    pullingFactor
+  } = ctx;
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    height: Math.min(panTranslateY.value, pulldownHeight),
+    opacity: (0, _reactNativeReanimated.interpolate)(panTranslateY.value, [0, pulldownHeight], [0, 1])
+  }));
+  (0, _hooks.useOnPulldownState)(value => {
+    if (value === _constants.PullingRefreshStatus.PULLINGGO) {
+      lottieRef.current?.play();
+    }
+    if (value === _constants.PullingRefreshStatus.BACKUP) {
+      lottieRef.current?.reset();
+    }
+  });
+  const progress = (0, _reactNativeReanimated.useDerivedValue)(() => [_constants.PullingRefreshStatus.BACKUP, _constants.PullingRefreshStatus.PULLING].includes(pulldownState.value) ? (0, _reactNativeReanimated.interpolate)((0, _utils.actuallyMove)(panTranslateY.value, containerY.value), [0, pulldownHeight * pullingFactor], [0, 1], _reactNativeReanimated.Extrapolate.CLAMP) : undefined);
+
+  // TODO: Fixed Do it.
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [{
+      position: 'absolute',
+      top: 0,
+      width: '100%',
+      height: pulldownHeight
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedLottieView, {
+      progress: progress,
+      style: [styles.fullBox, animatedStyle],
+      ref: lottieRef,
+      source: _hero.default
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      // sourceDotLottieURI={heroLottie}
+      ,
+      autoPlay: true
+    })
+  });
+};
+exports.HeroLottie = HeroLottie;
+const styles = _reactNative.StyleSheet.create({
+  fullBox: {
+    width: '100%',
+    height: '100%'
+  }
+});
+//# sourceMappingURL=LottieLoading.js.map

package/dist/commonjs/LottieLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_lottieReactNative","_interopRequireDefault","require","_react","_interopRequireWildcard","_reactNative","_reactNativeReanimated","_hero","_constants","_hooks","_utils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedLottieView","Animated","createAnimatedComponent","LottieView","HeroLottie","lottieRef","useRef","ctx","useMrPullRefreshValue","pulldownHeight","panTranslateY","pulldownState","containerY","pullingFactor","animatedStyle","useAnimatedStyle","height","Math","min","value","opacity","interpolate","useOnPulldownState","PullingRefreshStatus","PULLINGGO","current","play","BACKUP","reset","progress","useDerivedValue","PULLING","includes","actuallyMove","Extrapolate","CLAMP","undefined","jsx","View","style","position","top","width","children","styles","fullBox","ref","source","heroJson","autoPlay","exports","StyleSheet","create"],"sourceRoot":"../../src","sources":["LottieLoading.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/PullRefresh.js

@@ -0,0 +1,326 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PullRefresh = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _constants = require("./constants");
+var _context = require("./context");
+var _DefaultLoading = require("./DefaultLoading");
+var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const RefreshWrapper = ({
+  onPulldownRefresh = _constants.FnNull,
+  onPullupRefresh = _constants.FnNull,
+  pulldownHeight = 80,
+  pullupHeight = 100,
+  pulldownLoading = /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultLoading.PulldownLoading, {}),
+  pullupLoading = /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultLoading.PullupLoading, {}),
+  containerFactor = 0.5,
+  pullingFactor = 2.2,
+  pullupEnabled = false /* TODO: will re-render */,
+  style,
+  children
+}) => {
+  // custom
+  const pulldownState = (0, _reactNativeReanimated.useSharedValue)(_constants.PullingRefreshStatus.IDLE);
+  const pullupState = (0, _reactNativeReanimated.useSharedValue)(_constants.PullingRefreshStatus.IDLE);
+  const containerY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const contentY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const scrollerOffsetY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const panTranslateY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const recordValue = (0, _reactNativeReanimated.useSharedValue)(0);
+  const lockIDLE = (0, _reactNativeReanimated.useSharedValue)(0);
+
+  // TODO: By ClassComponent ?
+  const onPulldownLoading = async () => {
+    const res = onPulldownRefresh();
+    if ((0, _utils.isPromise)(res)) {
+      await res;
+    }
+    (0, _reactNativeReanimated.runOnUI)(() => {
+      'worklet';
+
+      pulldownState.value = _constants.PullingRefreshStatus.BACKUP;
+      panTranslateY.value = (0, _utils.withAnimation)(0, () => {
+        pulldownState.value = _constants.PullingRefreshStatus.IDLE;
+      });
+    })();
+  };
+  const onPullupLoading = async () => {
+    const res = onPullupRefresh();
+    if ((0, _utils.isPromise)(res)) {
+      await res;
+    }
+    (0, _reactNativeReanimated.runOnUI)(() => {
+      'worklet';
+
+      pullupState.value = _constants.PullingRefreshStatus.BACKUP;
+      panTranslateY.value = (0, _utils.withAnimation)(0, () => {
+        pullupState.value = _constants.PullingRefreshStatus.IDLE;
+      });
+    })();
+  };
+  const native = _reactNativeGestureHandler.Gesture.Native();
+  // FIXME: 响应有一个延时偏差，本来就很难搞呀
+  const panGesture = _reactNativeGestureHandler.Gesture.Pan().onStart(event => {
+    'worklet';
+
+    // FIXME: Check Pull Status.
+    if (pulldownState.value >= _constants.PullingRefreshStatus.PULLINGBACK || pullupState.value >= _constants.PullingRefreshStatus.PULLINGBACK) {
+      return;
+    }
+    if (scrollerOffsetY.value <= _constants.SystemOffset && pulldownState.value === _constants.PullingRefreshStatus.IDLE && event.translationY > 0) {
+      pulldownState.value = _constants.PullingRefreshStatus.PULLING;
+      recordValue.value = event.translationY;
+    }
+    if (scrollerOffsetY.value <= contentY.value - containerY.value - _constants.SystemOffset && pullupState.value === _constants.PullingRefreshStatus.IDLE && event.translationY < 0) {
+      pullupState.value = _constants.PullingRefreshStatus.PULLING;
+      recordValue.value = event.translationY;
+    }
+
+    // eslint-disable-next-line no-console, @typescript-eslint/no-unused-expressions, @typescript-eslint/no-unnecessary-condition
+    _constants.LogFlag && console.log('onStart', pulldownState.value, pullupState.value);
+  }).onChange(event => {
+    'worklet';
+
+    // when loading do nothing.
+    if (pulldownState.value >= _constants.PullingRefreshStatus.PULLINGBACK || pullupState.value >= _constants.PullingRefreshStatus.PULLINGBACK) {
+      return;
+    }
+
+    // pull down
+    if (event.translationY > 0) {
+      if (pullupState.value !== _constants.PullingRefreshStatus.IDLE) {
+        // FIXME: The delay released here will trigger the freezing of the bottom scroll,
+        // which is more obvious on Android than on iOS.
+        lockIDLE.value = 1;
+        pullupState.value = _constants.PullingRefreshStatus.IDLE;
+      }
+      if (scrollerOffsetY.value <= _constants.SystemOffset) {
+        const newStatus = (0, _utils.actuallyMove)(event.translationY, containerY.value) > pulldownHeight * pullingFactor ? _constants.PullingRefreshStatus.PULLINGGO : _constants.PullingRefreshStatus.PULLING;
+        if (newStatus !== pulldownState.value) {
+          if (pulldownState.value === _constants.PullingRefreshStatus.IDLE) {
+            recordValue.value = event.translationY;
+          }
+          pulldownState.value = newStatus;
+        }
+        const move = event.translationY - recordValue.value;
+        if (move < 0) {
+          pulldownState.value = _constants.PullingRefreshStatus.IDLE;
+        } else {
+          panTranslateY.value = move;
+        }
+      }
+    }
+
+    // FIXME: release switch has an issue.
+    if (event.translationY < 0) {
+      // up
+      if (pulldownState.value !== _constants.PullingRefreshStatus.IDLE) {
+        lockIDLE.value = 1;
+        pulldownState.value = _constants.PullingRefreshStatus.IDLE;
+      }
+
+      // eslint-disable-next-line @typescript-eslint/no-unused-expressions, @typescript-eslint/no-unnecessary-condition
+      _constants.LogFlag &&
+      // eslint-disable-next-line no-console
+      console.log('onChangeBottom', scrollerOffsetY.value >= contentY.value - containerY.value - _constants.SystemOffset);
+      if (scrollerOffsetY.value >= contentY.value - containerY.value - _constants.SystemOffset) {
+        const newStatus = (0, _utils.actuallyMove)(-event.translationY, containerY.value) > pullupHeight * pullingFactor ? _constants.PullingRefreshStatus.PULLINGGO : _constants.PullingRefreshStatus.PULLING;
+        if (newStatus !== pullupState.value) {
+          // TODO: 个人感觉是这个值记录得有问题
+          if (pullupState.value === _constants.PullingRefreshStatus.IDLE) {
+            recordValue.value = event.translationY;
+          }
+          pullupState.value = newStatus;
+        }
+        const move = event.translationY - recordValue.value;
+
+        // if (move > 0) {
+        //   pullupState.value = PullingRefreshStatus.IDLE;
+        // } else {
+        panTranslateY.value = move;
+        // }
+      }
+    }
+    if (lockIDLE.value) {
+      lockIDLE.value = 0;
+    }
+
+    // FIXME: when fast move, need recheck it
+
+    // eslint-disable-next-line @typescript-eslint/no-unused-expressions, @typescript-eslint/no-unnecessary-condition
+    _constants.LogFlag &&
+    // eslint-disable-next-line no-console
+    console.log('onChange-value', scrollerOffsetY.value, contentY.value - containerY.value, contentY.value, containerY.value, scrollerOffsetY.value - (contentY.value - containerY.value));
+
+    // eslint-disable-next-line @typescript-eslint/no-unused-expressions, @typescript-eslint/no-unnecessary-condition
+    _constants.LogFlag &&
+    // eslint-disable-next-line no-console
+    console.log('onChange', pulldownState.value, pullupState.value);
+  }).onEnd(() => {
+    'worklet';
+
+    if (pulldownState.value >= _constants.PullingRefreshStatus.PULLINGBACK || pullupState.value >= _constants.PullingRefreshStatus.PULLINGBACK) {
+      return;
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-unused-expressions, @typescript-eslint/no-unnecessary-condition
+    _constants.LogFlag &&
+    // eslint-disable-next-line no-console
+    console.log(scrollerOffsetY.value >= contentY.value - containerY.value - _constants.SystemOffset);
+    if (scrollerOffsetY.value <= _constants.SystemOffset) {
+      if (pulldownState.value !== _constants.PullingRefreshStatus.IDLE) {
+        pulldownState.value = panTranslateY.value >= pulldownHeight * pullingFactor ? _constants.PullingRefreshStatus.PULLINGBACK : _constants.PullingRefreshStatus.BACKUP;
+        if (pulldownState.value === _constants.PullingRefreshStatus.BACKUP) {
+          panTranslateY.value = (0, _utils.withAnimation)(0, () => {
+            pulldownState.value = _constants.PullingRefreshStatus.IDLE;
+          });
+        }
+        if (pulldownState.value === _constants.PullingRefreshStatus.PULLINGBACK) {
+          panTranslateY.value = (0, _utils.withAnimation)(pulldownHeight, () => {
+            pulldownState.value = _constants.PullingRefreshStatus.LOADING;
+            (0, _reactNativeReanimated.runOnJS)(onPulldownLoading)();
+          });
+        }
+      }
+    }
+    if (scrollerOffsetY.value >= contentY.value - containerY.value - _constants.SystemOffset) {
+      if (pullupState.value !== _constants.PullingRefreshStatus.IDLE) {
+        pullupState.value = -panTranslateY.value >= pullupHeight * pullingFactor ? _constants.PullingRefreshStatus.PULLINGBACK : _constants.PullingRefreshStatus.BACKUP;
+        if (pullupState.value === _constants.PullingRefreshStatus.BACKUP) {
+          panTranslateY.value = (0, _utils.withAnimation)(0, () => {
+            pullupState.value = _constants.PullingRefreshStatus.IDLE;
+          });
+        }
+        if (pullupState.value === _constants.PullingRefreshStatus.PULLINGBACK) {
+          panTranslateY.value = (0, _utils.withAnimation)(-pullupHeight, () => {
+            pullupState.value = _constants.PullingRefreshStatus.LOADING;
+            (0, _reactNativeReanimated.runOnJS)(onPullupLoading)();
+          });
+        }
+      }
+    }
+    if (scrollerOffsetY.value >= _constants.SystemOffset && scrollerOffsetY.value <= contentY.value - containerY.value - _constants.SystemOffset) {
+      if (pulldownState.value !== _constants.PullingRefreshStatus.IDLE) {
+        pulldownState.value = _constants.PullingRefreshStatus.IDLE;
+      }
+      if (pullupState.value !== _constants.PullingRefreshStatus.IDLE) {
+        pullupState.value = _constants.PullingRefreshStatus.IDLE;
+      }
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-unused-expressions, @typescript-eslint/no-unnecessary-condition
+    _constants.LogFlag &&
+    // eslint-disable-next-line no-console
+    console.log('onEnd-value', scrollerOffsetY.value, contentY.value - containerY.value, contentY.value, containerY.value, scrollerOffsetY.value - (contentY.value - containerY.value));
+
+    // eslint-disable-next-line @typescript-eslint/no-unused-expressions, @typescript-eslint/no-unnecessary-condition, no-console
+    _constants.LogFlag && console.log('onEnd', pulldownState.value, pullupState.value);
+  });
+  const contentAnimation = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const isPulldown = pulldownState.value !== _constants.PullingRefreshStatus.IDLE;
+    let input = [0, pulldownHeight, containerY.value];
+    let output = [0, pulldownHeight, containerY.value * containerFactor];
+    if (!isPulldown) {
+      input = [-containerY.value, -pullupHeight, 0];
+      output = [-containerY.value * containerFactor, -pullupHeight, 0];
+    }
+    return {
+      /**
+       *    FIXME: #issue 👀
+       *           Pullup to bounce back failed during the quick move down to up
+       *           at the bottom on ios and android simulator.
+       *           However, it works fine on the real device.
+       *           Maybe the simulator cant tracking gestures by mouse normally.
+       *  */
+      overflowY: /* for web */
+      pullupState.value !== _constants.PullingRefreshStatus.IDLE || pulldownState.value !== _constants.PullingRefreshStatus.IDLE || lockIDLE.value ? 'hidden' : 'auto',
+      pointerEvents: pullupState.value !== _constants.PullingRefreshStatus.IDLE || pulldownState.value !== _constants.PullingRefreshStatus.IDLE || lockIDLE.value ? 'none' : 'auto',
+      transform: [{
+        translateY: (0, _reactNativeReanimated.interpolate)(panTranslateY.value, input, output, _reactNativeReanimated.Extrapolate.CLAMP)
+      }]
+    };
+  });
+  const onScroll = (0, _reactNativeReanimated.useAnimatedScrollHandler)(event => {
+    // FIXME: 下拉刷新是一定依赖这个数据值的，不然你无法处理的
+    scrollerOffsetY.value = event.contentOffset.y;
+    // LogFlag && console.log('onScroll', event.contentOffset);
+
+    const _children = children;
+    // @ts-ignore
+    if (_children?.props?.onScroll) {
+      // @ts-ignore
+      (0, _reactNativeReanimated.runOnJS)(_children?.props?.onScroll)(event);
+    }
+  });
+  const onLayout = (0, _react.useCallback)(event => {
+    containerY.value = event.nativeEvent.layout.height;
+  }, [containerY]);
+  const onContentSizeChange = (0, _react.useCallback)((_width, height) => {
+    contentY.value = height;
+
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    if (children.onContentSizeChange) {
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      children.onContentSizeChange(event);
+    }
+  }, [contentY, children]);
+  const childStyle = [_reactNative.StyleSheet.absoluteFill, styles.zTop,
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  children?.props?.style, contentAnimation];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.MrPullRefreshContext.Provider, {
+    value: {
+      pulldownState,
+      pullupState,
+      panTranslateY,
+      scrollerOffsetY,
+      contentY,
+      containerY,
+      pulldownHeight,
+      pullupHeight,
+      pullingFactor,
+      containerFactor
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.flex, styles.overhidden, style],
+      children: [pulldownLoading, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+        gesture: _reactNativeGestureHandler.Gesture.Simultaneous(panGesture, native),
+        children: /*#__PURE__*/_react.default.cloneElement((0, _utils.checkChildren)(children), {
+          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+          // @ts-ignore
+          onContentSizeChange,
+          onScroll,
+          bounces: false,
+          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+          // @ts-ignore
+          style: childStyle,
+          scrollEventThrottle: 16,
+          onLayout
+        })
+      }), pullupEnabled && pullupLoading]
+    })
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  flex: {
+    flex: 1
+  },
+  zTop: {
+    zIndex: 2
+  },
+  overhidden: {
+    overflow: 'hidden'
+  }
+});
+const PullRefresh = exports.PullRefresh = /*#__PURE__*/(0, _react.memo)(RefreshWrapper);
+//# sourceMappingURL=PullRefresh.js.map