@fountain-ui/lab 2.0.0-beta.11 → 2.0.0-beta.14

package/build/module/Carousel/types.js

@@ -0,0 +1,3 @@
+const directions = ['next', 'prev', 'stay'];
+export {};
+//# sourceMappingURL=types.js.map

package/build/module/Carousel/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["directions"],"sources":["types.ts"],"sourcesContent":["import type { ReactElement } from 'react';\nimport type { Animated, ViewProps } from 'react-native';\n\nconst directions = ['next', 'prev', 'stay'] as const;\n\nexport type PagingDirection = (typeof directions)[number];\n\nexport type ItemHeight = number | 'auto';\n\nexport interface RenderItem<T> {\n    (info: { item: T, index: number, interpolation: Animated.AnimatedInterpolation }): ReactElement | null;\n}\n\nexport interface CreateScrollAnimation {\n    (aValue: Animated.AnimatedValue, toValue: number): Animated.CompositeAnimation;\n}\n\nexport interface CreateItemStyle {\n    (itemInterpolation: Animated.AnimatedInterpolation, itemWidth: number): Animated.AnimatedProps<ViewProps['style']>;\n}\n\nexport interface GetCurrentIndex {\n    (): number;\n}\n\nexport interface IndexController {\n    currentIndex: number;\n    getCurrentIndex: GetCurrentIndex;\n    lastIndex: number;\n    monitorElement: ReactElement;\n}\n\nexport type PagingAnimationType = 'directional' | 'index';\n\nexport interface BasePagingAnimationConfig {\n    animated?: boolean;\n}\n\nexport interface DirectionalPagingAnimationConfig extends BasePagingAnimationConfig {\n    direction: PagingDirection;\n    isOriginatedFromGesture?: boolean;\n}\n\nexport interface IndexPagingAnimationConfig extends BasePagingAnimationConfig {\n    index: number;\n}\n\nexport type PagingAnimationConfig = DirectionalPagingAnimationConfig | IndexPagingAnimationConfig;\n\nexport interface StartPagingAnimation {\n    (type: PagingAnimationType, config: PagingAnimationConfig): void;\n}\n\nexport type VisibleIndexRanges = Array<[number, number]>;\n\nexport interface StoreSubscription {\n    (): void;\n}\n\nexport interface ItemVisibilityStore {\n    dispatch: (ranges: VisibleIndexRanges) => void;\n    subscribe: (listener: (ranges: VisibleIndexRanges) => void) => StoreSubscription;\n    removeAllListeners: () => void;\n}\n\nexport interface AutoplayController {\n    pause: () => void;\n    resume: () => void;\n}\n\nexport interface ScrollToOption {\n    index: number;\n    animated?: boolean;\n}\n\nexport interface CarouselInstance {\n    /**\n     * Get current visible item index.\n     */\n    getCurrentIndex: GetCurrentIndex;\n\n    /**\n     * Scroll to next visible item.\n     */\n    next: () => void;\n\n    /**\n     * Scroll to previous visible item.\n     */\n    prev: () => void;\n\n    /**\n     * Scroll to desired indexed item.\n     * Invalid index is ignored.\n     */\n    scrollTo: (option: ScrollToOption) => void;\n}\n"],"mappings":"AAGA,MAAMA,UAAU,GAAG,CAAC,MAAD,EAAS,MAAT,EAAiB,MAAjB,CAAnB"}

package/build/module/ViewPager/ChildrenMemoizedPage.js

@@ -1,9 +1,13 @@
-import React, { memo, useState } from 'react';
+import React, { memo, useContext, useEffect, useMemo, useState } from 'react';
 import { Platform, View } from 'react-native';
-import { runOnJS, useAnimatedReaction } from 'react-native-reanimated';
 import { StyleSheet } from '@fountain-ui/core';
-const OFFSCREEN_RERENDER_LIMIT = 1;
+import PageStateContext from './PageStateContext';
+import InternalContext from './InternalContext';
 const styles = StyleSheet.create({
+  fill: {
+    width: '100%',
+    height: '100%'
+  },
   none: {
     display: 'none'
   }
@@ -12,81 +16,69 @@ const styles = StyleSheet.create({
 function Page(props) {
   const {
     index,
+    initialPage,
     children,
     loading,
-    sharedIndex
+    offscreenPageRerenderLimit
   } = props;
+  const {
+    pageStore
+  } = useContext(InternalContext);
 
   const assumeInitialPageState = () => {
-    const activeIndex = sharedIndex.value;
-    const active = index === activeIndex;
-
-    if (Platform.OS === 'web') {
-      return {
-        active,
-        visited: active
-      };
-    }
+    const activeIndex = initialPage;
+    const isActive = index === activeIndex;
 
     if (loading === 'eager') {
       return {
-        active,
-        visited: true
+        isActive,
+        isLoaded: true
       };
     }
 
-    const visited = index >= activeIndex - OFFSCREEN_RERENDER_LIMIT && index <= activeIndex + OFFSCREEN_RERENDER_LIMIT;
+    const isLoaded = index >= activeIndex - offscreenPageRerenderLimit && index <= activeIndex + offscreenPageRerenderLimit;
     return {
-      active,
-      visited
+      isActive,
+      isLoaded
     };
   };
 
   const [pageState, setPageState] = useState(assumeInitialPageState);
-  const content = pageState.visited ? children : null;
-
-  const updatePageState = (active, neighbor) => {
-    setPageState(prevState => {
-      if (prevState.active !== active) {
-        return {
-          active,
-          visited: active || prevState.visited
-        };
-      }
+  const content = pageState.isLoaded ? children : null;
+  useEffect(() => {
+    return pageStore.subscribe(newPage => {
+      const activeIndex = newPage;
+      const isActive = index === activeIndex;
+      const shouldRerender = index >= activeIndex - offscreenPageRerenderLimit && index <= activeIndex + offscreenPageRerenderLimit;
+      const becomeNeighbor = shouldRerender && !isActive;
+      setPageState(prevState => {
+        if (prevState.isActive !== isActive) {
+          return { ...prevState,
+            isActive,
+            isLoaded: isActive || prevState.isLoaded
+          };
+        }
 
-      if (neighbor && !prevState.visited) {
-        return { ...prevState,
-          visited: true
-        };
-      }
+        if (becomeNeighbor && !prevState.isLoaded) {
+          return { ...prevState,
+            isLoaded: true
+          };
+        }
 
-      return prevState;
+        return prevState;
+      });
     });
-  };
-
-  useAnimatedReaction(() => {
-    const activeIndex = sharedIndex.value;
-    const willVisible = index >= activeIndex - OFFSCREEN_RERENDER_LIMIT && index <= activeIndex + OFFSCREEN_RERENDER_LIMIT;
-    const willActive = index === activeIndex;
-    const willNeighbor = Platform.OS === 'web' ? false : willVisible && !willActive;
-    return {
-      willActive,
-      willNeighbor
-    };
-  }, (nextState, prevState) => {
-    const activeStateChanged = nextState.willActive !== (prevState === null || prevState === void 0 ? void 0 : prevState.willActive);
-    const willNewNeighbor = nextState.willNeighbor && !(prevState !== null && prevState !== void 0 && prevState.willNeighbor);
-
-    if (activeStateChanged || willNewNeighbor) {
-      runOnJS(updatePageState)(nextState.willActive, nextState.willNeighbor);
-    }
-  }, [index]);
-  const style = Platform.OS === 'web' ? pageState.active ? StyleSheet.absoluteFill : styles.none : undefined;
+  }, [pageStore, index]);
+  const contextValue = useMemo(() => ({
+    isActive: pageState.isActive
+  }), [pageState.isActive]);
+  const style = Platform.OS === 'web' ? pageState.isActive ? StyleSheet.absoluteFill : styles.none : styles.fill;
   return /*#__PURE__*/React.createElement(View, {
-    children: content,
     collapsable: false,
     style: style
-  });
+  }, /*#__PURE__*/React.createElement(PageStateContext.Provider, {
+    value: contextValue
+  }, content));
 }
 
 export default /*#__PURE__*/memo(Page, (prevProps, nextProps) => {

package/build/module/ViewPager/ChildrenMemoizedPage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useState","Platform","View","runOnJS","useAnimatedReaction","StyleSheet","OFFSCREEN_RERENDER_LIMIT","styles","create","none","display","Page","props","index","children","loading","sharedIndex","assumeInitialPageState","activeIndex","value","active","OS","visited","pageState","setPageState","content","updatePageState","neighbor","prevState","willVisible","willActive","willNeighbor","nextState","activeStateChanged","willNewNeighbor","style","absoluteFill","undefined","prevProps","nextProps","rerenderKey"],"sources":["ChildrenMemoizedPage.tsx"],"sourcesContent":["import React, { memo, useState } from 'react';\nimport { Platform, View } from 'react-native';\nimport { runOnJS, useAnimatedReaction } from 'react-native-reanimated';\nimport { StyleSheet } from '@fountain-ui/core';\nimport type { PageProps } from './ViewPagerProps';\n\nconst OFFSCREEN_RERENDER_LIMIT = 1;\n\nconst styles = StyleSheet.create({\n    none: { display: 'none' },\n});\n\ninterface PageState {\n    active: boolean;\n    visited: boolean;\n}\n\nfunction Page(props: PageProps) {\n    const {\n        index,\n        children,\n        loading,\n        sharedIndex,\n    } = props;\n\n    const assumeInitialPageState = (): PageState => {\n        const activeIndex = sharedIndex.value;\n\n        const active = index === activeIndex;\n\n        if (Platform.OS === 'web') {\n            return { active, visited: active };\n        }\n\n        if (loading === 'eager') {\n            return { active, visited: true };\n        }\n\n        const visited = index >= activeIndex - OFFSCREEN_RERENDER_LIMIT\n            && index <= activeIndex + OFFSCREEN_RERENDER_LIMIT;\n\n        return { active, visited };\n    };\n\n    const [pageState, setPageState] = useState<PageState>(assumeInitialPageState);\n\n    const content = pageState.visited ? children : null;\n\n    const updatePageState = (active: boolean, neighbor: boolean) => {\n        setPageState(prevState => {\n            if (prevState.active !== active) {\n                return { active, visited: active || prevState.visited };\n            }\n\n            if (neighbor && !prevState.visited) {\n                return { ...prevState, visited: true };\n            }\n\n            return prevState;\n        });\n    };\n\n    useAnimatedReaction(\n        () => {\n            const activeIndex = sharedIndex.value;\n\n            const willVisible = index >= activeIndex - OFFSCREEN_RERENDER_LIMIT\n                && index <= activeIndex + OFFSCREEN_RERENDER_LIMIT;\n\n            const willActive = index === activeIndex;\n            const willNeighbor = Platform.OS === 'web' ? false : (willVisible && !willActive);\n\n            return { willActive, willNeighbor };\n        },\n        (nextState, prevState) => {\n            const activeStateChanged = nextState.willActive !== prevState?.willActive;\n            const willNewNeighbor = nextState.willNeighbor && !prevState?.willNeighbor;\n\n            if (activeStateChanged || willNewNeighbor) {\n                runOnJS(updatePageState)(nextState.willActive, nextState.willNeighbor);\n            }\n        },\n        [index],\n    );\n\n    const style = Platform.OS === 'web'\n        ? (pageState.active ? StyleSheet.absoluteFill : styles.none)\n        : undefined;\n\n    return (\n        <View\n            children={content}\n            collapsable={false}\n            style={style}\n        />\n    );\n}\n\nexport default memo(Page, (prevProps, nextProps) => {\n    if (prevProps.rerenderKey !== nextProps.rerenderKey) {\n        return false;\n    }\n\n    return prevProps.index !== nextProps.index;\n});\n"],"mappings":"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"}
+{"version":3,"names":["React","memo","useContext","useEffect","useMemo","useState","Platform","View","StyleSheet","PageStateContext","InternalContext","styles","create","fill","width","height","none","display","Page","props","index","initialPage","children","loading","offscreenPageRerenderLimit","pageStore","assumeInitialPageState","activeIndex","isActive","isLoaded","pageState","setPageState","content","subscribe","newPage","shouldRerender","becomeNeighbor","prevState","contextValue","style","OS","absoluteFill","prevProps","nextProps","rerenderKey"],"sources":["ChildrenMemoizedPage.tsx"],"sourcesContent":["import React, { memo, useContext, useEffect, useMemo, useState } from 'react';\nimport { Platform, View } from 'react-native';\nimport { StyleSheet } from '@fountain-ui/core';\nimport type { PageProps } from './types';\nimport PageStateContext from './PageStateContext';\nimport InternalContext from './InternalContext';\n\nconst styles = StyleSheet.create({\n    fill: { width: '100%', height: '100%' },\n    none: { display: 'none' },\n});\n\ninterface InternalPageState {\n    isActive: boolean;\n    isLoaded: boolean;\n}\n\nfunction Page(props: PageProps) {\n    const {\n        index,\n        initialPage,\n        children,\n        loading,\n        offscreenPageRerenderLimit,\n    } = props;\n\n    const { pageStore } = useContext(InternalContext);\n\n    const assumeInitialPageState = (): InternalPageState => {\n        const activeIndex = initialPage;\n\n        const isActive = index === activeIndex;\n\n        if (loading === 'eager') {\n            return { isActive, isLoaded: true };\n        }\n\n        const isLoaded = index >= activeIndex - offscreenPageRerenderLimit\n            && index <= activeIndex + offscreenPageRerenderLimit;\n\n        return { isActive, isLoaded };\n    };\n\n    const [pageState, setPageState] = useState<InternalPageState>(assumeInitialPageState);\n\n    const content = pageState.isLoaded ? children : null;\n\n    useEffect(() => {\n        return pageStore.subscribe(newPage => {\n            const activeIndex = newPage;\n\n            const isActive = index === activeIndex;\n\n            const shouldRerender = index >= activeIndex - offscreenPageRerenderLimit\n                && index <= activeIndex + offscreenPageRerenderLimit;\n\n            const becomeNeighbor = shouldRerender && !isActive;\n\n            setPageState(prevState => {\n                if (prevState.isActive !== isActive) {\n                    return {\n                        ...prevState,\n                        isActive,\n                        isLoaded: isActive || prevState.isLoaded,\n                    };\n                }\n\n                if (becomeNeighbor && !prevState.isLoaded) {\n                    return {\n                        ...prevState,\n                        isLoaded: true,\n                    };\n                }\n\n                return prevState;\n            });\n        });\n    }, [pageStore, index]);\n\n    const contextValue = useMemo(() => ({\n        isActive: pageState.isActive,\n    }), [pageState.isActive]);\n\n    const style = Platform.OS === 'web'\n        ? (pageState.isActive ? StyleSheet.absoluteFill : styles.none)\n        : styles.fill;\n\n    return (\n        <View\n            collapsable={false}\n            style={style}\n        >\n            <PageStateContext.Provider value={contextValue}>\n                {content}\n            </PageStateContext.Provider>\n        </View>\n    );\n}\n\nexport default memo(Page, (prevProps, nextProps) => {\n    if (prevProps.rerenderKey !== nextProps.rerenderKey) {\n        return false;\n    }\n\n    return prevProps.index !== nextProps.index;\n});\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,EAAkCC,SAAlC,EAA6CC,OAA7C,EAAsDC,QAAtD,QAAsE,OAAtE;AACA,SAASC,QAAT,EAAmBC,IAAnB,QAA+B,cAA/B;AACA,SAASC,UAAT,QAA2B,mBAA3B;AAEA,OAAOC,gBAAP,MAA6B,oBAA7B;AACA,OAAOC,eAAP,MAA4B,mBAA5B;AAEA,MAAMC,MAAM,GAAGH,UAAU,CAACI,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IAAEC,KAAK,EAAE,MAAT;IAAiBC,MAAM,EAAE;EAAzB,CADuB;EAE7BC,IAAI,EAAE;IAAEC,OAAO,EAAE;EAAX;AAFuB,CAAlB,CAAf;;AAUA,SAASC,IAAT,CAAcC,KAAd,EAAgC;EAC5B,MAAM;IACFC,KADE;IAEFC,WAFE;IAGFC,QAHE;IAIFC,OAJE;IAKFC;EALE,IAMFL,KANJ;EAQA,MAAM;IAAEM;EAAF,IAAgBvB,UAAU,CAACQ,eAAD,CAAhC;;EAEA,MAAMgB,sBAAsB,GAAG,MAAyB;IACpD,MAAMC,WAAW,GAAGN,WAApB;IAEA,MAAMO,QAAQ,GAAGR,KAAK,KAAKO,WAA3B;;IAEA,IAAIJ,OAAO,KAAK,OAAhB,EAAyB;MACrB,OAAO;QAAEK,QAAF;QAAYC,QAAQ,EAAE;MAAtB,CAAP;IACH;;IAED,MAAMA,QAAQ,GAAGT,KAAK,IAAIO,WAAW,GAAGH,0BAAvB,IACVJ,KAAK,IAAIO,WAAW,GAAGH,0BAD9B;IAGA,OAAO;MAAEI,QAAF;MAAYC;IAAZ,CAAP;EACH,CAbD;;EAeA,MAAM,CAACC,SAAD,EAAYC,YAAZ,IAA4B1B,QAAQ,CAAoBqB,sBAApB,CAA1C;EAEA,MAAMM,OAAO,GAAGF,SAAS,CAACD,QAAV,GAAqBP,QAArB,GAAgC,IAAhD;EAEAnB,SAAS,CAAC,MAAM;IACZ,OAAOsB,SAAS,CAACQ,SAAV,CAAoBC,OAAO,IAAI;MAClC,MAAMP,WAAW,GAAGO,OAApB;MAEA,MAAMN,QAAQ,GAAGR,KAAK,KAAKO,WAA3B;MAEA,MAAMQ,cAAc,GAAGf,KAAK,IAAIO,WAAW,GAAGH,0BAAvB,IAChBJ,KAAK,IAAIO,WAAW,GAAGH,0BAD9B;MAGA,MAAMY,cAAc,GAAGD,cAAc,IAAI,CAACP,QAA1C;MAEAG,YAAY,CAACM,SAAS,IAAI;QACtB,IAAIA,SAAS,CAACT,QAAV,KAAuBA,QAA3B,EAAqC;UACjC,OAAO,EACH,GAAGS,SADA;YAEHT,QAFG;YAGHC,QAAQ,EAAED,QAAQ,IAAIS,SAAS,CAACR;UAH7B,CAAP;QAKH;;QAED,IAAIO,cAAc,IAAI,CAACC,SAAS,CAACR,QAAjC,EAA2C;UACvC,OAAO,EACH,GAAGQ,SADA;YAEHR,QAAQ,EAAE;UAFP,CAAP;QAIH;;QAED,OAAOQ,SAAP;MACH,CAjBW,CAAZ;IAkBH,CA5BM,CAAP;EA6BH,CA9BQ,EA8BN,CAACZ,SAAD,EAAYL,KAAZ,CA9BM,CAAT;EAgCA,MAAMkB,YAAY,GAAGlC,OAAO,CAAC,OAAO;IAChCwB,QAAQ,EAAEE,SAAS,CAACF;EADY,CAAP,CAAD,EAExB,CAACE,SAAS,CAACF,QAAX,CAFwB,CAA5B;EAIA,MAAMW,KAAK,GAAGjC,QAAQ,CAACkC,EAAT,KAAgB,KAAhB,GACPV,SAAS,CAACF,QAAV,GAAqBpB,UAAU,CAACiC,YAAhC,GAA+C9B,MAAM,CAACK,IAD/C,GAERL,MAAM,CAACE,IAFb;EAIA,oBACI,oBAAC,IAAD;IACI,WAAW,EAAE,KADjB;IAEI,KAAK,EAAE0B;EAFX,gBAII,oBAAC,gBAAD,CAAkB,QAAlB;IAA2B,KAAK,EAAED;EAAlC,GACKN,OADL,CAJJ,CADJ;AAUH;;AAED,4BAAe/B,IAAI,CAACiB,IAAD,EAAO,CAACwB,SAAD,EAAYC,SAAZ,KAA0B;EAChD,IAAID,SAAS,CAACE,WAAV,KAA0BD,SAAS,CAACC,WAAxC,EAAqD;IACjD,OAAO,KAAP;EACH;;EAED,OAAOF,SAAS,CAACtB,KAAV,KAAoBuB,SAAS,CAACvB,KAArC;AACH,CANkB,CAAnB"}

package/build/module/ViewPager/InternalContext.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+import { MockStore } from '@fountain-ui/core';
+const InternalContext = /*#__PURE__*/createContext({
+  pageStore: new MockStore()
+});
+export default InternalContext;
+//# sourceMappingURL=InternalContext.js.map

package/build/module/ViewPager/InternalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","MockStore","InternalContext","pageStore"],"sources":["InternalContext.ts"],"sourcesContent":["import { createContext } from 'react';\nimport type { MonoStore } from '@fountain-ui/core';\nimport { MockStore } from '@fountain-ui/core';\n\nexport interface InternalContextValue {\n    pageStore: MonoStore<number>;\n}\n\nconst InternalContext = createContext<InternalContextValue>({\n    pageStore: new MockStore(),\n});\n\nexport default InternalContext;\n"],"mappings":"AAAA,SAASA,aAAT,QAA8B,OAA9B;AAEA,SAASC,SAAT,QAA0B,mBAA1B;AAMA,MAAMC,eAAe,gBAAGF,aAAa,CAAuB;EACxDG,SAAS,EAAE,IAAIF,SAAJ;AAD6C,CAAvB,CAArC;AAIA,eAAeC,eAAf"}

package/build/module/ViewPager/PageStateContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+const initialPageState = {
+  isActive: false
+};
+const PageStateContext = /*#__PURE__*/createContext(initialPageState);
+export const useViewPagerPageState = () => {
+  return useContext(PageStateContext);
+};
+export default PageStateContext;
+//# sourceMappingURL=PageStateContext.js.map

package/build/module/ViewPager/PageStateContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","initialPageState","isActive","PageStateContext","useViewPagerPageState"],"sources":["PageStateContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\ninterface PageState {\n    isActive: boolean;\n}\n\nconst initialPageState: Readonly<PageState> = { isActive: false };\n\nconst PageStateContext = createContext<PageState>(initialPageState);\n\nexport const useViewPagerPageState = () => {\n    return useContext(PageStateContext);\n};\n\nexport default PageStateContext;\n"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AAMA,MAAMC,gBAAqC,GAAG;EAAEC,QAAQ,EAAE;AAAZ,CAA9C;AAEA,MAAMC,gBAAgB,gBAAGJ,aAAa,CAAYE,gBAAZ,CAAtC;AAEA,OAAO,MAAMG,qBAAqB,GAAG,MAAM;EACvC,OAAOJ,UAAU,CAACG,gBAAD,CAAjB;AACH,CAFM;AAIP,eAAeA,gBAAf"}

package/build/module/ViewPager/ViewPagerNative.js

@@ -1,51 +1,113 @@
-import React, { Children, forwardRef, useCallback, useImperativeHandle, useRef } from 'react';
+import React, { Children, forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';
 import RNViewPager from 'react-native-pager-view';
-import { useSharedValue } from 'react-native-reanimated';
-import { defaultInitialPage, defaultLoading, defaultPageComponent } from './utils';
+import { useSyncAnimatedValue } from '@fountain-ui/core';
+import { defaultInitialPage, defaultLoading, defaultOffscreenPageRerenderLimit, defaultPageComponent } from './utils';
+import usePageStore from './usePageStore';
+import InternalContext from './InternalContext';
 const ViewPager = /*#__PURE__*/forwardRef(function ViewPager(props, ref) {
   const {
     children,
     initialPage = defaultInitialPage,
     keyboardDismissMode = 'on-drag',
     loading = defaultLoading,
+    offscreenPageRerenderLimit = defaultOffscreenPageRerenderLimit,
     onChange,
     pageComponent = defaultPageComponent,
     pageForceRerenderKey,
     scrollEnabled = true,
-    style
+    style,
+    UNSTABLE_sharedPage
   } = props;
-  const sharedIndex = useSharedValue(initialPage);
+  const fallbackSharedPage = useSyncAnimatedValue({
+    initialValue: initialPage
+  });
+  const sharedPage = UNSTABLE_sharedPage ?? fallbackSharedPage;
+  const pageRef = useRef(sharedPage.initialValue);
+  const desiredPageRef = useRef(NaN);
   const pagerRef = useRef(null);
+  const animationFrameRef = useRef(NaN);
+  const setPage = useCallback(newPage => {
+    if (!Number.isInteger(newPage)) {
+      return;
+    }
 
-  const setPage = newIndex => {
-    requestAnimationFrame(() => {
+    animationFrameRef.current = requestAnimationFrame(() => {
       var _pagerRef$current;
 
-      (_pagerRef$current = pagerRef.current) === null || _pagerRef$current === void 0 ? void 0 : _pagerRef$current.setPage(newIndex);
-    });
-  };
+      if (Number.isFinite(desiredPageRef.current)) {
+        if (pageRef.current === desiredPageRef.current) {
+          // end of state machine. clear desired page.
+          desiredPageRef.current = NaN;
+          return;
+        }
 
-  useImperativeHandle(ref, () => ({
-    setPage
-  }), []);
+        if (newPage === desiredPageRef.current) {
+          return;
+        }
+      }
+
+      desiredPageRef.current = newPage;
+      (_pagerRef$current = pagerRef.current) === null || _pagerRef$current === void 0 ? void 0 : _pagerRef$current.setPage(newPage);
+    });
+  }, []);
+  useEffect(() => {
+    return () => {
+      if (animationFrameRef.current) {
+        cancelAnimationFrame(animationFrameRef.current);
+      }
+    };
+  }, []);
+  useEffect(() => {
+    const animatedValue = sharedPage.animatedValue;
+    const id = animatedValue.addListener(newValue => {
+      const newPage = newValue.value;
+      pageRef.current = newPage;
+      setPage(newPage);
+    });
+    return () => {
+      animatedValue.removeListener(id);
+    };
+  }, [sharedPage]);
   const handlePageSelected = useCallback(e => {
-    const currentIndex = sharedIndex.value;
-    const nextIndex = e.nativeEvent.position;
+    if (Number.isFinite(desiredPageRef.current)) {
+      // onPageSelected is called from outer controlling mechanism
+      // e.g. sharedPage.value is changed, setPage() is called
+      // Due to the onPageSelected bug,
+      // we don't trust the value from event, (e.nativeEvent.position)
+      // other than that trust the value from desiredPageRef.
+      const desiredPage = desiredPageRef.current;
 
-    if (currentIndex === nextIndex) {
-      return;
-    }
+      if (pageRef.current === desiredPage) {
+        // end of state machine. clear desired page.
+        desiredPageRef.current = NaN;
+      } else {
+        sharedPage.animatedValue.setValue(desiredPage);
+      }
+
+      onChange === null || onChange === void 0 ? void 0 : onChange(desiredPage);
+    } else {
+      const trustfulNextPage = e.nativeEvent.position;
 
-    sharedIndex.value = nextIndex;
+      if (trustfulNextPage !== pageRef.current) {
+        desiredPageRef.current = trustfulNextPage;
+        sharedPage.animatedValue.setValue(trustfulNextPage);
+      }
 
-    if (onChange) {
-      onChange(nextIndex);
+      onChange === null || onChange === void 0 ? void 0 : onChange(trustfulNextPage);
     }
-  }, [onChange]);
+  }, [onChange, sharedPage]);
+  useImperativeHandle(ref, () => ({
+    setPage
+  }), [setPage]);
+  const pageStore = usePageStore(sharedPage);
   const PageComponent = pageComponent;
-  return /*#__PURE__*/React.createElement(RNViewPager, {
+  return /*#__PURE__*/React.createElement(InternalContext.Provider, {
+    value: {
+      pageStore
+    }
+  }, /*#__PURE__*/React.createElement(RNViewPager, {
     ref: pagerRef,
-    initialPage: initialPage,
+    initialPage: sharedPage.initialValue,
     keyboardDismissMode: keyboardDismissMode,
     onPageSelected: handlePageSelected,
     pageMargin: 8,
@@ -55,10 +117,11 @@ const ViewPager = /*#__PURE__*/forwardRef(function ViewPager(props, ref) {
     key: index,
     children: child,
     index: index,
+    initialPage: sharedPage.initialValue,
     loading: loading,
-    rerenderKey: pageForceRerenderKey,
-    sharedIndex: sharedIndex
-  })));
+    offscreenPageRerenderLimit: offscreenPageRerenderLimit,
+    rerenderKey: pageForceRerenderKey
+  }))));
 });
 export default ViewPager;
 //# sourceMappingURL=ViewPagerNative.js.map

package/build/module/ViewPager/ViewPagerNative.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Children","forwardRef","useCallback","useImperativeHandle","useRef","RNViewPager","useSharedValue","defaultInitialPage","defaultLoading","defaultPageComponent","ViewPager","props","ref","children","initialPage","keyboardDismissMode","loading","onChange","pageComponent","pageForceRerenderKey","scrollEnabled","style","sharedIndex","pagerRef","setPage","newIndex","requestAnimationFrame","current","handlePageSelected","e","currentIndex","value","nextIndex","nativeEvent","position","PageComponent","map","child","index"],"sources":["ViewPagerNative.tsx"],"sourcesContent":["import React, { Children, forwardRef, useCallback, useImperativeHandle, useRef } from 'react';\nimport type { ViewPagerOnPageSelectedEvent } from 'react-native-pager-view';\nimport RNViewPager from 'react-native-pager-view';\nimport { useSharedValue } from 'react-native-reanimated';\nimport type ViewPagerProps from './ViewPagerProps';\nimport type { ViewPagerInstance } from './ViewPagerProps';\nimport { defaultInitialPage, defaultLoading, defaultPageComponent } from './utils';\n\nconst ViewPager = forwardRef<ViewPagerInstance, ViewPagerProps>(function ViewPager(props, ref) {\n    const {\n        children,\n        initialPage = defaultInitialPage,\n        keyboardDismissMode = 'on-drag',\n        loading = defaultLoading,\n        onChange,\n        pageComponent = defaultPageComponent,\n        pageForceRerenderKey,\n        scrollEnabled = true,\n        style,\n    } = props;\n\n    const sharedIndex = useSharedValue<number>(initialPage);\n    const pagerRef = useRef<RNViewPager | null>(null);\n\n    const setPage = (newIndex: number) => {\n        requestAnimationFrame(() => {\n            pagerRef.current?.setPage(newIndex);\n        });\n    };\n\n    useImperativeHandle(\n        ref,\n        () => ({ setPage }),\n        [],\n    );\n\n    const handlePageSelected = useCallback((e: ViewPagerOnPageSelectedEvent) => {\n        const currentIndex = sharedIndex.value;\n        const nextIndex = e.nativeEvent.position;\n\n        if (currentIndex === nextIndex) {\n            return;\n        }\n\n        sharedIndex.value = nextIndex;\n\n        if (onChange) {\n            onChange(nextIndex);\n        }\n    }, [onChange]);\n\n    const PageComponent = pageComponent;\n\n    return (\n        <RNViewPager\n            ref={pagerRef}\n            initialPage={initialPage}\n            keyboardDismissMode={keyboardDismissMode}\n            onPageSelected={handlePageSelected}\n            pageMargin={8}\n            scrollEnabled={scrollEnabled}\n            style={style}\n        >\n            {Children.map(children, (child, index) => (\n                <PageComponent\n                    key={index}\n                    children={child}\n                    index={index}\n                    loading={loading}\n                    rerenderKey={pageForceRerenderKey}\n                    sharedIndex={sharedIndex}\n                />\n            ))}\n        </RNViewPager>\n    );\n});\n\nexport default ViewPager;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,UAA1B,EAAsCC,WAAtC,EAAmDC,mBAAnD,EAAwEC,MAAxE,QAAsF,OAAtF;AAEA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,SAASC,cAAT,QAA+B,yBAA/B;AAGA,SAASC,kBAAT,EAA6BC,cAA7B,EAA6CC,oBAA7C,QAAyE,SAAzE;AAEA,MAAMC,SAAS,gBAAGT,UAAU,CAAoC,SAASS,SAAT,CAAmBC,KAAnB,EAA0BC,GAA1B,EAA+B;EAC3F,MAAM;IACFC,QADE;IAEFC,WAAW,GAAGP,kBAFZ;IAGFQ,mBAAmB,GAAG,SAHpB;IAIFC,OAAO,GAAGR,cAJR;IAKFS,QALE;IAMFC,aAAa,GAAGT,oBANd;IAOFU,oBAPE;IAQFC,aAAa,GAAG,IARd;IASFC;EATE,IAUFV,KAVJ;EAYA,MAAMW,WAAW,GAAGhB,cAAc,CAASQ,WAAT,CAAlC;EACA,MAAMS,QAAQ,GAAGnB,MAAM,CAAqB,IAArB,CAAvB;;EAEA,MAAMoB,OAAO,GAAIC,QAAD,IAAsB;IAClCC,qBAAqB,CAAC,MAAM;MAAA;;MACxB,qBAAAH,QAAQ,CAACI,OAAT,wEAAkBH,OAAlB,CAA0BC,QAA1B;IACH,CAFoB,CAArB;EAGH,CAJD;;EAMAtB,mBAAmB,CACfS,GADe,EAEf,OAAO;IAAEY;EAAF,CAAP,CAFe,EAGf,EAHe,CAAnB;EAMA,MAAMI,kBAAkB,GAAG1B,WAAW,CAAE2B,CAAD,IAAqC;IACxE,MAAMC,YAAY,GAAGR,WAAW,CAACS,KAAjC;IACA,MAAMC,SAAS,GAAGH,CAAC,CAACI,WAAF,CAAcC,QAAhC;;IAEA,IAAIJ,YAAY,KAAKE,SAArB,EAAgC;MAC5B;IACH;;IAEDV,WAAW,CAACS,KAAZ,GAAoBC,SAApB;;IAEA,IAAIf,QAAJ,EAAc;MACVA,QAAQ,CAACe,SAAD,CAAR;IACH;EACJ,CAbqC,EAanC,CAACf,QAAD,CAbmC,CAAtC;EAeA,MAAMkB,aAAa,GAAGjB,aAAtB;EAEA,oBACI,oBAAC,WAAD;IACI,GAAG,EAAEK,QADT;IAEI,WAAW,EAAET,WAFjB;IAGI,mBAAmB,EAAEC,mBAHzB;IAII,cAAc,EAAEa,kBAJpB;IAKI,UAAU,EAAE,CALhB;IAMI,aAAa,EAAER,aANnB;IAOI,KAAK,EAAEC;EAPX,GASKrB,QAAQ,CAACoC,GAAT,CAAavB,QAAb,EAAuB,CAACwB,KAAD,EAAQC,KAAR,kBACpB,oBAAC,aAAD;IACI,GAAG,EAAEA,KADT;IAEI,QAAQ,EAAED,KAFd;IAGI,KAAK,EAAEC,KAHX;IAII,OAAO,EAAEtB,OAJb;IAKI,WAAW,EAAEG,oBALjB;IAMI,WAAW,EAAEG;EANjB,EADH,CATL,CADJ;AAsBH,CAnE2B,CAA5B;AAqEA,eAAeZ,SAAf"}
+{"version":3,"names":["React","Children","forwardRef","useCallback","useEffect","useImperativeHandle","useRef","RNViewPager","useSyncAnimatedValue","defaultInitialPage","defaultLoading","defaultOffscreenPageRerenderLimit","defaultPageComponent","usePageStore","InternalContext","ViewPager","props","ref","children","initialPage","keyboardDismissMode","loading","offscreenPageRerenderLimit","onChange","pageComponent","pageForceRerenderKey","scrollEnabled","style","UNSTABLE_sharedPage","fallbackSharedPage","initialValue","sharedPage","pageRef","desiredPageRef","NaN","pagerRef","animationFrameRef","setPage","newPage","Number","isInteger","current","requestAnimationFrame","isFinite","cancelAnimationFrame","animatedValue","id","addListener","newValue","value","removeListener","handlePageSelected","e","desiredPage","setValue","trustfulNextPage","nativeEvent","position","pageStore","PageComponent","map","child","index"],"sources":["ViewPagerNative.tsx"],"sourcesContent":["import React, { Children, forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';\nimport type { ViewPagerOnPageSelectedEvent } from 'react-native-pager-view';\nimport RNViewPager from 'react-native-pager-view';\nimport { useSyncAnimatedValue } from '@fountain-ui/core';\nimport type ViewPagerProps from './ViewPagerProps';\nimport type { ViewPagerInstance } from './types';\nimport { defaultInitialPage, defaultLoading, defaultOffscreenPageRerenderLimit, defaultPageComponent } from './utils';\nimport usePageStore from './usePageStore';\nimport InternalContext from './InternalContext';\n\nconst ViewPager = forwardRef<ViewPagerInstance, ViewPagerProps>(function ViewPager(props, ref) {\n    const {\n        children,\n        initialPage = defaultInitialPage,\n        keyboardDismissMode = 'on-drag',\n        loading = defaultLoading,\n        offscreenPageRerenderLimit = defaultOffscreenPageRerenderLimit,\n        onChange,\n        pageComponent = defaultPageComponent,\n        pageForceRerenderKey,\n        scrollEnabled = true,\n        style,\n        UNSTABLE_sharedPage,\n    } = props;\n\n    const fallbackSharedPage = useSyncAnimatedValue({ initialValue: initialPage });\n\n    const sharedPage = UNSTABLE_sharedPage ?? fallbackSharedPage;\n\n    const pageRef = useRef<number>(sharedPage.initialValue);\n\n    const desiredPageRef = useRef<number>(NaN);\n\n    const pagerRef = useRef<RNViewPager | null>(null);\n\n    const animationFrameRef = useRef<number>(NaN);\n\n    const setPage = useCallback((newPage: number) => {\n        if (!Number.isInteger(newPage)) {\n            return;\n        }\n\n        animationFrameRef.current = requestAnimationFrame(() => {\n            if (Number.isFinite(desiredPageRef.current)) {\n                if (pageRef.current === desiredPageRef.current) {\n                    // end of state machine. clear desired page.\n                    desiredPageRef.current = NaN;\n                    return;\n                }\n\n                if (newPage === desiredPageRef.current) {\n                    return;\n                }\n            }\n\n            desiredPageRef.current = newPage;\n            pagerRef.current?.setPage(newPage);\n        });\n    }, []);\n\n    useEffect(() => {\n        return () => {\n            if (animationFrameRef.current) {\n                cancelAnimationFrame(animationFrameRef.current);\n            }\n        };\n    }, []);\n\n    useEffect(() => {\n        const animatedValue = sharedPage.animatedValue;\n        const id = animatedValue.addListener(newValue => {\n            const newPage = newValue.value;\n            pageRef.current = newPage;\n            setPage(newPage);\n        });\n\n        return () => {\n            animatedValue.removeListener(id);\n        };\n    }, [sharedPage]);\n\n    const handlePageSelected = useCallback((e: ViewPagerOnPageSelectedEvent) => {\n        if (Number.isFinite(desiredPageRef.current)) {\n            // onPageSelected is called from outer controlling mechanism\n            // e.g. sharedPage.value is changed, setPage() is called\n            // Due to the onPageSelected bug,\n            // we don't trust the value from event, (e.nativeEvent.position)\n            // other than that trust the value from desiredPageRef.\n\n            const desiredPage = desiredPageRef.current;\n\n            if (pageRef.current === desiredPage) {\n                // end of state machine. clear desired page.\n                desiredPageRef.current = NaN;\n            } else {\n                sharedPage.animatedValue.setValue(desiredPage);\n            }\n\n            onChange?.(desiredPage);\n        } else {\n            const trustfulNextPage = e.nativeEvent.position;\n\n            if (trustfulNextPage !== pageRef.current) {\n                desiredPageRef.current = trustfulNextPage;\n                sharedPage.animatedValue.setValue(trustfulNextPage);\n            }\n\n            onChange?.(trustfulNextPage);\n        }\n    }, [onChange, sharedPage]);\n\n    useImperativeHandle(\n        ref,\n        () => ({ setPage }),\n        [setPage],\n    );\n\n    const pageStore = usePageStore(sharedPage);\n\n    const PageComponent = pageComponent;\n\n    return (\n        <InternalContext.Provider value={{ pageStore }}>\n            <RNViewPager\n                ref={pagerRef}\n                initialPage={sharedPage.initialValue}\n                keyboardDismissMode={keyboardDismissMode}\n                onPageSelected={handlePageSelected}\n                pageMargin={8}\n                scrollEnabled={scrollEnabled}\n                style={style}\n            >\n                {Children.map(children, (child, index) => (\n                    <PageComponent\n                        key={index}\n                        children={child}\n                        index={index}\n                        initialPage={sharedPage.initialValue}\n                        loading={loading}\n                        offscreenPageRerenderLimit={offscreenPageRerenderLimit}\n                        rerenderKey={pageForceRerenderKey}\n                    />\n                ))}\n            </RNViewPager>\n        </InternalContext.Provider>\n    );\n});\n\nexport default ViewPager;\n"],"mappings":"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"}

package/build/module/ViewPager/ViewPagerProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ViewPagerProps.ts"],"sourcesContent":["import type { ComponentType, PropsWithChildren, ReactNode, Ref } from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { SharedValue } from 'react-native-reanimated';\nimport type { ComponentProps } from '@fountain-ui/core';\n\nexport type KeyboardDismissMode = 'none' | 'on-drag';\n\nexport type PageProps = PropsWithChildren<ViewProps> & {\n    index: number;\n    loading: ViewPagerProps['loading'];\n    sharedIndex: SharedValue<number>;\n    rerenderKey?: ViewPagerProps['pageForceRerenderKey'];\n};\n\nexport type PageComponent = ComponentType<PageProps>;\n\nexport type Loading = 'lazy' | 'eager';\n\nexport interface ViewPagerInstance {\n    /**\n     * Function to scroll to a specific page in the ViewPager. Invalid index is ignored.\n     * @param index\n     */\n    setPage: (index: number) => void;\n}\n\nexport default interface ViewPagerProps extends ComponentProps<{\n    ref?: Ref<ViewPagerInstance>;\n\n    /**\n     * Collection of ViewPager components.\n     */\n    children?: ReactNode;\n\n    /**\n     * Index of initial page that should be selected.\n     * @default 0\n     */\n    initialPage?: number;\n\n    /**\n     * Whether to load the page immediately (`eager`) or on an as-needed basis (`lazy`).\n     * @default 'lazy'\n     */\n    loading?: Loading;\n\n    /**\n     * Callback fired when an index is changed.\n     */\n    onChange?: (newIndex: number) => void,\n\n    /**\n     * The component used to render the wrapper of the page.\n     * @default 'ChildrenMemoizedPage'\n     */\n    pageComponent?: PageComponent,\n\n    /**\n     * When this value is changed, page will be rerender.\n     */\n    pageForceRerenderKey?: any;\n\n    /**\n     * Mobile only. Should pager view scroll, when scroll enabled.\n     * @default true\n     */\n    scrollEnabled?: boolean;\n\n    /**\n     * Mobile only. Determines whether the keyboard gets dismissed in response to a drag.\n     * @default 'on-drag'\n     */\n    keyboardDismissMode?: KeyboardDismissMode;\n}> {}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["ViewPagerProps.ts"],"sourcesContent":["import type { ReactNode, Ref } from 'react';\nimport type { ComponentProps, SyncAnimatedValue } from '@fountain-ui/core';\nimport type { KeyboardDismissMode, Loading, PageComponent, ViewPagerInstance } from './types';\n\nexport default interface ViewPagerProps extends ComponentProps<{\n    ref?: Ref<ViewPagerInstance>;\n\n    /**\n     * Collection of ViewPager components.\n     */\n    children?: ReactNode;\n\n    /**\n     * Index of initial page that should be selected.\n     * @default 0\n     */\n    initialPage?: number;\n\n    /**\n     * Whether to load the page immediately (`eager`) or on an as-needed basis (`lazy`).\n     * @default 'lazy'\n     */\n    loading?: Loading;\n\n    /**\n     * Mobile only. The number of pages that should be re-rendered to either side of the current page.\n     * Changing this value after the component mount has no effect.\n     * @default 0\n     */\n    offscreenPageRerenderLimit?: number;\n\n    /**\n     * Callback fired when an index is changed.\n     */\n    onChange?: (newIndex: number) => void,\n\n    /**\n     * The component used to render the wrapper of the page.\n     * @default 'ChildrenMemoizedPage'\n     */\n    pageComponent?: PageComponent,\n\n    /**\n     * When this value is changed, page will be rerender.\n     */\n    pageForceRerenderKey?: any;\n\n    /**\n     * Mobile only. Should pager view scroll, when scroll enabled.\n     * @default true\n     */\n    scrollEnabled?: boolean;\n\n    /**\n     * Mobile only. Determines whether the keyboard gets dismissed in response to a drag.\n     * @default 'on-drag'\n     */\n    keyboardDismissMode?: KeyboardDismissMode;\n\n    /**\n     * Unstable API.\n     */\n    UNSTABLE_sharedPage?: SyncAnimatedValue;\n}> {}\n"],"mappings":""}

package/build/module/ViewPager/ViewPagerWeb.js

@@ -1,8 +1,9 @@
-import React, { Children, forwardRef, useImperativeHandle } from 'react';
+import React, { Children, forwardRef, useCallback, useImperativeHandle } from 'react';
 import { View } from 'react-native';
-import { useSharedValue } from 'react-native-reanimated';
-import { StyleSheet } from '@fountain-ui/core';
+import { StyleSheet, useSyncAnimatedValue } from '@fountain-ui/core';
 import { defaultInitialPage, defaultLoading, defaultPageComponent } from './utils';
+import usePageStore from './usePageStore';
+import InternalContext from './InternalContext';
 const styles = StyleSheet.create({
   root: {
     // @ts-ignore
@@ -17,28 +18,37 @@ const ViewPager = /*#__PURE__*/forwardRef(function ViewPager(props, ref) {
     loading = defaultLoading,
     pageComponent = defaultPageComponent,
     pageForceRerenderKey,
-    style
+    style,
+    UNSTABLE_sharedPage
   } = props;
-  const sharedIndex = useSharedValue(initialPage);
-
-  const setPage = newIndex => {
-    sharedIndex.value = newIndex;
-  };
-
+  const fallbackSharedPage = useSyncAnimatedValue({
+    initialValue: initialPage
+  });
+  const sharedPage = UNSTABLE_sharedPage ?? fallbackSharedPage;
+  const setPage = useCallback(newPage => {
+    sharedPage.animatedValue.setValue(newPage);
+  }, [sharedPage]);
   useImperativeHandle(ref, () => ({
     setPage
-  }), []);
+  }), [setPage]);
+  const pageStore = usePageStore(sharedPage);
   const PageComponent = pageComponent;
-  return /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(InternalContext.Provider, {
+    value: {
+      pageStore
+    }
+  }, /*#__PURE__*/React.createElement(View, {
     style: [styles.root, style]
   }, Children.map(children, (child, index) => /*#__PURE__*/React.createElement(PageComponent, {
     key: index,
     children: child,
     index: index,
+    initialPage: sharedPage.initialValue,
     loading: loading,
-    rerenderKey: pageForceRerenderKey,
-    sharedIndex: sharedIndex
-  })));
+    offscreenPageRerenderLimit: 0 // All offscreen pages will not be re-rendered
+    ,
+    rerenderKey: pageForceRerenderKey
+  }))));
 });
 export default ViewPager;
 //# sourceMappingURL=ViewPagerWeb.js.map

package/build/module/ViewPager/ViewPagerWeb.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Children","forwardRef","useImperativeHandle","View","useSharedValue","StyleSheet","defaultInitialPage","defaultLoading","defaultPageComponent","styles","create","root","overflow","position","ViewPager","props","ref","children","initialPage","loading","pageComponent","pageForceRerenderKey","style","sharedIndex","setPage","newIndex","value","PageComponent","map","child","index"],"sources":["ViewPagerWeb.tsx"],"sourcesContent":["import React, { Children, forwardRef, useImperativeHandle } from 'react';\nimport { View } from 'react-native';\nimport { useSharedValue } from 'react-native-reanimated';\nimport { StyleSheet } from '@fountain-ui/core';\nimport type ViewPagerProps from './ViewPagerProps';\nimport type { ViewPagerInstance } from './ViewPagerProps';\nimport { defaultInitialPage, defaultLoading, defaultPageComponent } from './utils';\n\nconst styles = StyleSheet.create({\n    root: {\n        // @ts-ignore\n        overflow: 'auto',\n        position: 'relative',\n    },\n});\n\nconst ViewPager = forwardRef<ViewPagerInstance, ViewPagerProps>(function ViewPager(props, ref) {\n    const {\n        children,\n        initialPage = defaultInitialPage,\n        loading = defaultLoading,\n        pageComponent = defaultPageComponent,\n        pageForceRerenderKey,\n        style,\n    } = props;\n\n    const sharedIndex = useSharedValue<number>(initialPage);\n\n    const setPage = (newIndex: number) => {\n        sharedIndex.value = newIndex;\n    };\n\n    useImperativeHandle(\n        ref,\n        () => ({ setPage }),\n        [],\n    );\n\n    const PageComponent = pageComponent;\n\n    return (\n        <View style={[styles.root, style]}>\n            {Children.map(children, (child, index) => (\n                <PageComponent\n                    key={index}\n                    children={child}\n                    index={index}\n                    loading={loading}\n                    rerenderKey={pageForceRerenderKey}\n                    sharedIndex={sharedIndex}\n                />\n            ))}\n        </View>\n    );\n});\n\nexport default ViewPager;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,UAA1B,EAAsCC,mBAAtC,QAAiE,OAAjE;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,cAAT,QAA+B,yBAA/B;AACA,SAASC,UAAT,QAA2B,mBAA3B;AAGA,SAASC,kBAAT,EAA6BC,cAA7B,EAA6CC,oBAA7C,QAAyE,SAAzE;AAEA,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACF;IACAC,QAAQ,EAAE,MAFR;IAGFC,QAAQ,EAAE;EAHR;AADuB,CAAlB,CAAf;AAQA,MAAMC,SAAS,gBAAGb,UAAU,CAAoC,SAASa,SAAT,CAAmBC,KAAnB,EAA0BC,GAA1B,EAA+B;EAC3F,MAAM;IACFC,QADE;IAEFC,WAAW,GAAGZ,kBAFZ;IAGFa,OAAO,GAAGZ,cAHR;IAIFa,aAAa,GAAGZ,oBAJd;IAKFa,oBALE;IAMFC;EANE,IAOFP,KAPJ;EASA,MAAMQ,WAAW,GAAGnB,cAAc,CAASc,WAAT,CAAlC;;EAEA,MAAMM,OAAO,GAAIC,QAAD,IAAsB;IAClCF,WAAW,CAACG,KAAZ,GAAoBD,QAApB;EACH,CAFD;;EAIAvB,mBAAmB,CACfc,GADe,EAEf,OAAO;IAAEQ;EAAF,CAAP,CAFe,EAGf,EAHe,CAAnB;EAMA,MAAMG,aAAa,GAAGP,aAAtB;EAEA,oBACI,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACX,MAAM,CAACE,IAAR,EAAcW,KAAd;EAAb,GACKtB,QAAQ,CAAC4B,GAAT,CAAaX,QAAb,EAAuB,CAACY,KAAD,EAAQC,KAAR,kBACpB,oBAAC,aAAD;IACI,GAAG,EAAEA,KADT;IAEI,QAAQ,EAAED,KAFd;IAGI,KAAK,EAAEC,KAHX;IAII,OAAO,EAAEX,OAJb;IAKI,WAAW,EAAEE,oBALjB;IAMI,WAAW,EAAEE;EANjB,EADH,CADL,CADJ;AAcH,CAtC2B,CAA5B;AAwCA,eAAeT,SAAf"}
+{"version":3,"names":["React","Children","forwardRef","useCallback","useImperativeHandle","View","StyleSheet","useSyncAnimatedValue","defaultInitialPage","defaultLoading","defaultPageComponent","usePageStore","InternalContext","styles","create","root","overflow","position","ViewPager","props","ref","children","initialPage","loading","pageComponent","pageForceRerenderKey","style","UNSTABLE_sharedPage","fallbackSharedPage","initialValue","sharedPage","setPage","newPage","animatedValue","setValue","pageStore","PageComponent","map","child","index"],"sources":["ViewPagerWeb.tsx"],"sourcesContent":["import React, { Children, forwardRef, useCallback, useImperativeHandle } from 'react';\nimport { View } from 'react-native';\nimport { StyleSheet, useSyncAnimatedValue } from '@fountain-ui/core';\nimport type ViewPagerProps from './ViewPagerProps';\nimport type { ViewPagerInstance } from './types';\nimport { defaultInitialPage, defaultLoading, defaultPageComponent } from './utils';\nimport usePageStore from './usePageStore';\nimport InternalContext from './InternalContext';\n\nconst styles = StyleSheet.create({\n    root: {\n        // @ts-ignore\n        overflow: 'auto',\n        position: 'relative',\n    },\n});\n\nconst ViewPager = forwardRef<ViewPagerInstance, ViewPagerProps>(function ViewPager(props, ref) {\n    const {\n        children,\n        initialPage = defaultInitialPage,\n        loading = defaultLoading,\n        pageComponent = defaultPageComponent,\n        pageForceRerenderKey,\n        style,\n        UNSTABLE_sharedPage,\n    } = props;\n\n    const fallbackSharedPage = useSyncAnimatedValue({ initialValue: initialPage });\n\n    const sharedPage = UNSTABLE_sharedPage ?? fallbackSharedPage;\n\n    const setPage = useCallback((newPage: number) => {\n        sharedPage.animatedValue.setValue(newPage);\n    }, [sharedPage]);\n\n    useImperativeHandle(\n        ref,\n        () => ({ setPage }),\n        [setPage],\n    );\n\n    const pageStore = usePageStore(sharedPage);\n\n    const PageComponent = pageComponent;\n\n    return (\n        <InternalContext.Provider value={{ pageStore }}>\n            <View style={[styles.root, style]}>\n                {Children.map(children, (child, index) => (\n                    <PageComponent\n                        key={index}\n                        children={child}\n                        index={index}\n                        initialPage={sharedPage.initialValue}\n                        loading={loading}\n                        offscreenPageRerenderLimit={0} // All offscreen pages will not be re-rendered\n                        rerenderKey={pageForceRerenderKey}\n                    />\n                ))}\n            </View>\n        </InternalContext.Provider>\n    );\n});\n\nexport default ViewPager;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,UAA1B,EAAsCC,WAAtC,EAAmDC,mBAAnD,QAA8E,OAA9E;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,UAAT,EAAqBC,oBAArB,QAAiD,mBAAjD;AAGA,SAASC,kBAAT,EAA6BC,cAA7B,EAA6CC,oBAA7C,QAAyE,SAAzE;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AACA,OAAOC,eAAP,MAA4B,mBAA5B;AAEA,MAAMC,MAAM,GAAGP,UAAU,CAACQ,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACF;IACAC,QAAQ,EAAE,MAFR;IAGFC,QAAQ,EAAE;EAHR;AADuB,CAAlB,CAAf;AAQA,MAAMC,SAAS,gBAAGhB,UAAU,CAAoC,SAASgB,SAAT,CAAmBC,KAAnB,EAA0BC,GAA1B,EAA+B;EAC3F,MAAM;IACFC,QADE;IAEFC,WAAW,GAAGd,kBAFZ;IAGFe,OAAO,GAAGd,cAHR;IAIFe,aAAa,GAAGd,oBAJd;IAKFe,oBALE;IAMFC,KANE;IAOFC;EAPE,IAQFR,KARJ;EAUA,MAAMS,kBAAkB,GAAGrB,oBAAoB,CAAC;IAAEsB,YAAY,EAAEP;EAAhB,CAAD,CAA/C;EAEA,MAAMQ,UAAU,GAAGH,mBAAmB,IAAIC,kBAA1C;EAEA,MAAMG,OAAO,GAAG5B,WAAW,CAAE6B,OAAD,IAAqB;IAC7CF,UAAU,CAACG,aAAX,CAAyBC,QAAzB,CAAkCF,OAAlC;EACH,CAF0B,EAExB,CAACF,UAAD,CAFwB,CAA3B;EAIA1B,mBAAmB,CACfgB,GADe,EAEf,OAAO;IAAEW;EAAF,CAAP,CAFe,EAGf,CAACA,OAAD,CAHe,CAAnB;EAMA,MAAMI,SAAS,GAAGxB,YAAY,CAACmB,UAAD,CAA9B;EAEA,MAAMM,aAAa,GAAGZ,aAAtB;EAEA,oBACI,oBAAC,eAAD,CAAiB,QAAjB;IAA0B,KAAK,EAAE;MAAEW;IAAF;EAAjC,gBACI,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACtB,MAAM,CAACE,IAAR,EAAcW,KAAd;EAAb,GACKzB,QAAQ,CAACoC,GAAT,CAAahB,QAAb,EAAuB,CAACiB,KAAD,EAAQC,KAAR,kBACpB,oBAAC,aAAD;IACI,GAAG,EAAEA,KADT;IAEI,QAAQ,EAAED,KAFd;IAGI,KAAK,EAAEC,KAHX;IAII,WAAW,EAAET,UAAU,CAACD,YAJ5B;IAKI,OAAO,EAAEN,OALb;IAMI,0BAA0B,EAAE,CANhC,CAMmC;IANnC;IAOI,WAAW,EAAEE;EAPjB,EADH,CADL,CADJ,CADJ;AAiBH,CA9C2B,CAA5B;AAgDA,eAAeP,SAAf"}

package/build/module/ViewPager/index.js

@@ -1,2 +1,3 @@
 export { default } from './ViewPagerWeb';
+export { useViewPagerPageState } from './PageStateContext';
 //# sourceMappingURL=index.js.map

package/build/module/ViewPager/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './ViewPagerWeb';\nexport type { default as ViewPagerProps, ViewPagerInstance } from './ViewPagerProps';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,gBAAxB"}
+{"version":3,"names":["default","useViewPagerPageState"],"sources":["index.ts"],"sourcesContent":["export { default } from './ViewPagerWeb';\nexport type { default as ViewPagerProps } from './ViewPagerProps';\nexport type { ViewPagerInstance } from './types';\nexport { useViewPagerPageState } from './PageStateContext';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,gBAAxB;AAGA,SAASC,qBAAT,QAAsC,oBAAtC"}

package/build/module/ViewPager/index.native.js

@@ -1,2 +1,3 @@
 export { default } from './ViewPagerNative';
+export { useViewPagerPageState } from './PageStateContext';
 //# sourceMappingURL=index.native.js.map

package/build/module/ViewPager/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["default"],"sources":["index.native.ts"],"sourcesContent":["export { default } from './ViewPagerNative';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,mBAAxB"}
+{"version":3,"names":["default","useViewPagerPageState"],"sources":["index.native.ts"],"sourcesContent":["export { default } from './ViewPagerNative';\nexport { useViewPagerPageState } from './PageStateContext';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,mBAAxB;AACA,SAASC,qBAAT,QAAsC,oBAAtC"}

package/build/module/ViewPager/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/module/ViewPager/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ComponentType, PropsWithChildren } from 'react';\nimport type { ViewProps } from 'react-native';\n\nexport type PageProps = PropsWithChildren<ViewProps> & {\n    index: number;\n    initialPage: number;\n    loading: Loading;\n    offscreenPageRerenderLimit: number;\n    rerenderKey?: any;\n};\n\nexport type KeyboardDismissMode = 'none' | 'on-drag';\n\nexport type PageComponent = ComponentType<PageProps>;\n\nexport type Loading = 'lazy' | 'eager';\n\nexport interface ViewPagerInstance {\n    /**\n     * Function to scroll to a specific page in the ViewPager. Invalid index is ignored.\n     * @param index\n     */\n    setPage: (index: number) => void;\n}\n"],"mappings":""}

package/build/module/ViewPager/usePageStore.js

@@ -0,0 +1,20 @@
+import { useEffect, useRef } from 'react';
+import { SimpleStore } from '@fountain-ui/core';
+export default function usePageStore(value) {
+  const {
+    animatedValue,
+    initialValue
+  } = value;
+  const store = useRef(new SimpleStore(initialValue)).current;
+  useEffect(() => {
+    const id = animatedValue.addListener(newPage => {
+      store.dispatch(newPage.value);
+    });
+    return () => {
+      animatedValue.removeListener(id);
+    };
+  }, [animatedValue]);
+  return store;
+}
+;
+//# sourceMappingURL=usePageStore.js.map

package/build/module/ViewPager/usePageStore.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","SimpleStore","usePageStore","value","animatedValue","initialValue","store","current","id","addListener","newPage","dispatch","removeListener"],"sources":["usePageStore.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { MonoStore, SyncAnimatedValue } from '@fountain-ui/core';\nimport { SimpleStore } from '@fountain-ui/core';\n\nexport default function usePageStore(value: SyncAnimatedValue): MonoStore<number> {\n    const {\n        animatedValue,\n        initialValue,\n    } = value;\n\n    const store = useRef(new SimpleStore(initialValue)).current;\n\n    useEffect(() => {\n        const id = animatedValue.addListener((newPage) => {\n            store.dispatch(newPage.value);\n        });\n\n        return () => {\n            animatedValue.removeListener(id);\n        };\n    }, [animatedValue]);\n\n    return store;\n};\n"],"mappings":"AAAA,SAASA,SAAT,EAAoBC,MAApB,QAAkC,OAAlC;AAEA,SAASC,WAAT,QAA4B,mBAA5B;AAEA,eAAe,SAASC,YAAT,CAAsBC,KAAtB,EAAmE;EAC9E,MAAM;IACFC,aADE;IAEFC;EAFE,IAGFF,KAHJ;EAKA,MAAMG,KAAK,GAAGN,MAAM,CAAC,IAAIC,WAAJ,CAAgBI,YAAhB,CAAD,CAAN,CAAsCE,OAApD;EAEAR,SAAS,CAAC,MAAM;IACZ,MAAMS,EAAE,GAAGJ,aAAa,CAACK,WAAd,CAA2BC,OAAD,IAAa;MAC9CJ,KAAK,CAACK,QAAN,CAAeD,OAAO,CAACP,KAAvB;IACH,CAFU,CAAX;IAIA,OAAO,MAAM;MACTC,aAAa,CAACQ,cAAd,CAA6BJ,EAA7B;IACH,CAFD;EAGH,CARQ,EAQN,CAACJ,aAAD,CARM,CAAT;EAUA,OAAOE,KAAP;AACH;AAAA"}

package/build/module/ViewPager/utils.js

@@ -1,5 +1,6 @@
 import ChildrenMemoizedPage from './ChildrenMemoizedPage';
 export const defaultInitialPage = 0;
 export const defaultLoading = 'lazy';
+export const defaultOffscreenPageRerenderLimit = 0;
 export const defaultPageComponent = ChildrenMemoizedPage;
 //# sourceMappingURL=utils.js.map

package/build/module/ViewPager/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["ChildrenMemoizedPage","defaultInitialPage","defaultLoading","defaultPageComponent"],"sources":["utils.tsx"],"sourcesContent":["import React from 'react';\nimport { Loading, PageComponent } from './ViewPagerProps';\nimport ChildrenMemoizedPage from './ChildrenMemoizedPage';\n\nexport const defaultInitialPage: number = 0;\n\nexport const defaultLoading: Loading = 'lazy';\n\nexport const defaultPageComponent: PageComponent = ChildrenMemoizedPage;\n"],"mappings":"AAEA,OAAOA,oBAAP,MAAiC,wBAAjC;AAEA,OAAO,MAAMC,kBAA0B,GAAG,CAAnC;AAEP,OAAO,MAAMC,cAAuB,GAAG,MAAhC;AAEP,OAAO,MAAMC,oBAAmC,GAAGH,oBAA5C"}
+{"version":3,"names":["ChildrenMemoizedPage","defaultInitialPage","defaultLoading","defaultOffscreenPageRerenderLimit","defaultPageComponent"],"sources":["utils.tsx"],"sourcesContent":["import ChildrenMemoizedPage from './ChildrenMemoizedPage';\nimport type { Loading, PageComponent } from './types';\n\nexport const defaultInitialPage: number = 0;\n\nexport const defaultLoading: Loading = 'lazy';\n\nexport const defaultOffscreenPageRerenderLimit: number = 0;\n\nexport const defaultPageComponent: PageComponent = ChildrenMemoizedPage;\n"],"mappings":"AAAA,OAAOA,oBAAP,MAAiC,wBAAjC;AAGA,OAAO,MAAMC,kBAA0B,GAAG,CAAnC;AAEP,OAAO,MAAMC,cAAuB,GAAG,MAAhC;AAEP,OAAO,MAAMC,iCAAyC,GAAG,CAAlD;AAEP,OAAO,MAAMC,oBAAmC,GAAGJ,oBAA5C"}

package/build/module/ViewabilityTrackerView/Viewability.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=Viewability.js.map

package/build/module/ViewabilityTrackerView/Viewability.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["Viewability.ts"],"sourcesContent":["export default interface Viewability {\n    visible: boolean;\n}\n"],"mappings":""}