@fountain-ui/lab 2.0.0-beta.7 → 2.0.0-beta.70

package/build/module/ViewPager/ChildrenMemoizedPage.js

@@ -1,37 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-import { View } from 'react-native';
-
-const Page = function Page(props) {
-  const {
-    isVisible,
-    ...otherProps
-  } = props;
-  return /*#__PURE__*/React.createElement(View, _extends({
-    collapsable: false
-  }, otherProps));
-};
-
-export default /*#__PURE__*/React.memo(Page, (prevProps, nextProps) => {
-  if (prevProps.children === null && nextProps.children === null) {
-    return true;
-  } // isVisible is an important condition for determining memos on the web.
-  // Reference ViewPagerWeb's return.
-
-
-  if (prevProps.isVisible !== nextProps.isVisible) {
-    return false;
-  }
-
-  if (nextProps.isVisible || nextProps.isNeighbor) {
-    return false;
-  }
-
-  if (prevProps.rerenderKey !== nextProps.rerenderKey) {
-    return false;
-  }
-
-  return prevProps.children !== null && nextProps.children !== null;
-});
-//# sourceMappingURL=ChildrenMemoizedPage.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","Page","props","isVisible","otherProps","memo","prevProps","nextProps","children","isNeighbor","rerenderKey"],"sources":["ChildrenMemoizedPage.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport type { PageProps } from './ViewPagerProps';\n\nconst Page = function Page(props: PageProps) {\n    const { isVisible, ...otherProps } = props;\n\n    return (\n        <View\n            collapsable={false}\n            {...otherProps}\n        />\n    );\n};\n\nexport default React.memo(Page, (prevProps, nextProps) => {\n    if (prevProps.children === null && nextProps.children === null) {\n        return true;\n    }\n\n    // isVisible is an important condition for determining memos on the web.\n    // Reference ViewPagerWeb's return.\n    if (prevProps.isVisible !== nextProps.isVisible) {\n        return false;\n    }\n\n    if (nextProps.isVisible || nextProps.isNeighbor) {\n        return false;\n    }\n\n    if (prevProps.rerenderKey !== nextProps.rerenderKey) {\n        return false;\n    }\n\n    return prevProps.children !== null && nextProps.children !== null;\n});\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;;AAGA,MAAMC,IAAI,GAAG,SAASA,IAAT,CAAcC,KAAd,EAAgC;EACzC,MAAM;IAAEC,SAAF;IAAa,GAAGC;EAAhB,IAA+BF,KAArC;EAEA,oBACI,oBAAC,IAAD;IACI,WAAW,EAAE;EADjB,GAEQE,UAFR,EADJ;AAMH,CATD;;AAWA,4BAAeL,KAAK,CAACM,IAAN,CAAWJ,IAAX,EAAiB,CAACK,SAAD,EAAYC,SAAZ,KAA0B;EACtD,IAAID,SAAS,CAACE,QAAV,KAAuB,IAAvB,IAA+BD,SAAS,CAACC,QAAV,KAAuB,IAA1D,EAAgE;IAC5D,OAAO,IAAP;EACH,CAHqD,CAKtD;EACA;;;EACA,IAAIF,SAAS,CAACH,SAAV,KAAwBI,SAAS,CAACJ,SAAtC,EAAiD;IAC7C,OAAO,KAAP;EACH;;EAED,IAAII,SAAS,CAACJ,SAAV,IAAuBI,SAAS,CAACE,UAArC,EAAiD;IAC7C,OAAO,KAAP;EACH;;EAED,IAAIH,SAAS,CAACI,WAAV,KAA0BH,SAAS,CAACG,WAAxC,EAAqD;IACjD,OAAO,KAAP;EACH;;EAED,OAAOJ,SAAS,CAACE,QAAV,KAAuB,IAAvB,IAA+BD,SAAS,CAACC,QAAV,KAAuB,IAA7D;AACH,CApBc,CAAf"}

package/build/module/ViewPager/ViewPagerNative.js

@@ -1,53 +0,0 @@
-import React from 'react';
-import RNViewPager from '@react-native-community/viewpager';
-import { defaultEnableNeighborPageRerender, defaultEnableVisibleHint, defaultLoading, defaultPageComponent, usePageRenderer } from './utils';
-export default function ViewPager(props) {
-  const {
-    children,
-    enableVisibleHint = defaultEnableVisibleHint,
-    index,
-    keyboardDismissMode = 'on-drag',
-    loading = defaultLoading,
-    onChange,
-    pageComponent = defaultPageComponent,
-    enableNeighborPageRerender = defaultEnableNeighborPageRerender,
-    pageForceRerenderKey,
-    scrollEnabled = true,
-    style
-  } = props;
-  const indexRef = React.useRef(index);
-  const pagerRef = React.useRef(null);
-  const renderer = usePageRenderer({
-    enableVisibleHint,
-    index,
-    loading,
-    pageComponent,
-    pageForceRerenderKey,
-    enableNeighborPageRerender
-  });
-  const handlePageSelected = React.useCallback(e => {
-    indexRef.current = e.nativeEvent.position;
-
-    if (onChange) {
-      onChange(indexRef.current);
-    }
-  }, [onChange]);
-  React.useEffect(() => {
-    if (index !== indexRef.current) {
-      var _pagerRef$current;
-
-      (_pagerRef$current = pagerRef.current) === null || _pagerRef$current === void 0 ? void 0 : _pagerRef$current.setPage(index);
-    }
-  }, [index]);
-  return /*#__PURE__*/React.createElement(RNViewPager, {
-    initialPage: index,
-    keyboardDismissMode: keyboardDismissMode,
-    onPageSelected: handlePageSelected,
-    pageMargin: 8,
-    ref: pagerRef,
-    scrollEnabled: scrollEnabled,
-    style: style
-  }, renderer(children));
-}
-;
-//# sourceMappingURL=ViewPagerNative.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","RNViewPager","defaultEnableNeighborPageRerender","defaultEnableVisibleHint","defaultLoading","defaultPageComponent","usePageRenderer","ViewPager","props","children","enableVisibleHint","index","keyboardDismissMode","loading","onChange","pageComponent","enableNeighborPageRerender","pageForceRerenderKey","scrollEnabled","style","indexRef","useRef","pagerRef","renderer","handlePageSelected","useCallback","e","current","nativeEvent","position","useEffect","setPage"],"sources":["ViewPagerNative.tsx"],"sourcesContent":["import React from 'react';\nimport RNViewPager, { ViewPagerOnPageSelectedEvent } from '@react-native-community/viewpager';\nimport type ViewPagerProps from './ViewPagerProps';\nimport {\n    defaultEnableNeighborPageRerender,\n    defaultEnableVisibleHint,\n    defaultLoading,\n    defaultPageComponent,\n    usePageRenderer,\n} from './utils';\n\nexport default function ViewPager(props: ViewPagerProps) {\n    const {\n        children,\n        enableVisibleHint = defaultEnableVisibleHint,\n        index,\n        keyboardDismissMode = 'on-drag',\n        loading = defaultLoading,\n        onChange,\n        pageComponent = defaultPageComponent,\n        enableNeighborPageRerender = defaultEnableNeighborPageRerender,\n        pageForceRerenderKey,\n        scrollEnabled = true,\n        style,\n    } = props;\n\n    const indexRef = React.useRef<number>(index);\n    const pagerRef = React.useRef<RNViewPager | null>(null);\n\n    const renderer = usePageRenderer({\n        enableVisibleHint,\n        index,\n        loading,\n        pageComponent,\n        pageForceRerenderKey,\n        enableNeighborPageRerender,\n    });\n\n    const handlePageSelected = React.useCallback((e: ViewPagerOnPageSelectedEvent) => {\n        indexRef.current = e.nativeEvent.position;\n\n        if (onChange) {\n            onChange(indexRef.current);\n        }\n    }, [onChange]);\n\n    React.useEffect(() => {\n        if (index !== indexRef.current) {\n            pagerRef.current?.setPage(index);\n        }\n    }, [index]);\n\n    return (\n        <RNViewPager\n            initialPage={index}\n            keyboardDismissMode={keyboardDismissMode}\n            onPageSelected={handlePageSelected}\n            pageMargin={8}\n            ref={pagerRef}\n            scrollEnabled={scrollEnabled}\n            style={style}\n        >\n            {renderer(children)}\n        </RNViewPager>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,WAAP,MAA0D,mCAA1D;AAEA,SACIC,iCADJ,EAEIC,wBAFJ,EAGIC,cAHJ,EAIIC,oBAJJ,EAKIC,eALJ,QAMO,SANP;AAQA,eAAe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,QADE;IAEFC,iBAAiB,GAAGP,wBAFlB;IAGFQ,KAHE;IAIFC,mBAAmB,GAAG,SAJpB;IAKFC,OAAO,GAAGT,cALR;IAMFU,QANE;IAOFC,aAAa,GAAGV,oBAPd;IAQFW,0BAA0B,GAAGd,iCAR3B;IASFe,oBATE;IAUFC,aAAa,GAAG,IAVd;IAWFC;EAXE,IAYFX,KAZJ;EAcA,MAAMY,QAAQ,GAAGpB,KAAK,CAACqB,MAAN,CAAqBV,KAArB,CAAjB;EACA,MAAMW,QAAQ,GAAGtB,KAAK,CAACqB,MAAN,CAAiC,IAAjC,CAAjB;EAEA,MAAME,QAAQ,GAAGjB,eAAe,CAAC;IAC7BI,iBAD6B;IAE7BC,KAF6B;IAG7BE,OAH6B;IAI7BE,aAJ6B;IAK7BE,oBAL6B;IAM7BD;EAN6B,CAAD,CAAhC;EASA,MAAMQ,kBAAkB,GAAGxB,KAAK,CAACyB,WAAN,CAAmBC,CAAD,IAAqC;IAC9EN,QAAQ,CAACO,OAAT,GAAmBD,CAAC,CAACE,WAAF,CAAcC,QAAjC;;IAEA,IAAIf,QAAJ,EAAc;MACVA,QAAQ,CAACM,QAAQ,CAACO,OAAV,CAAR;IACH;EACJ,CAN0B,EAMxB,CAACb,QAAD,CANwB,CAA3B;EAQAd,KAAK,CAAC8B,SAAN,CAAgB,MAAM;IAClB,IAAInB,KAAK,KAAKS,QAAQ,CAACO,OAAvB,EAAgC;MAAA;;MAC5B,qBAAAL,QAAQ,CAACK,OAAT,wEAAkBI,OAAlB,CAA0BpB,KAA1B;IACH;EACJ,CAJD,EAIG,CAACA,KAAD,CAJH;EAMA,oBACI,oBAAC,WAAD;IACI,WAAW,EAAEA,KADjB;IAEI,mBAAmB,EAAEC,mBAFzB;IAGI,cAAc,EAAEY,kBAHpB;IAII,UAAU,EAAE,CAJhB;IAKI,GAAG,EAAEF,QALT;IAMI,aAAa,EAAEJ,aANnB;IAOI,KAAK,EAAEC;EAPX,GASKI,QAAQ,CAACd,QAAD,CATb,CADJ;AAaH;AAAA"}

package/build/module/ViewPager/ViewPagerWeb.js

@@ -1,41 +0,0 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { defaultEnableNeighborPageRerender, defaultEnableVisibleHint, defaultLoading, defaultPageComponent, usePageRenderer } from './utils';
-const styles = StyleSheet.create({
-  root: {
-    // @ts-ignore
-    overflow: 'auto',
-    position: 'relative'
-  },
-  none: {
-    display: 'none'
-  }
-});
-export default function ViewPager(props) {
-  const {
-    children,
-    enableVisibleHint = defaultEnableVisibleHint,
-    enableNeighborPageRerender = defaultEnableNeighborPageRerender,
-    index,
-    loading = defaultLoading,
-    pageComponent = defaultPageComponent,
-    pageForceRerenderKey,
-    style
-  } = props;
-  const renderer = usePageRenderer({
-    enableVisibleHint,
-    enableNeighborPageRerender,
-    index,
-    loading,
-    pageComponent,
-    pageForceRerenderKey
-  });
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.root, style]
-  }, React.Children.map(renderer(children), (child, i) => /*#__PURE__*/React.cloneElement(child, {
-    isVisible: i === index,
-    style: i !== index ? styles.none : StyleSheet.absoluteFill
-  })));
-}
-;
-//# sourceMappingURL=ViewPagerWeb.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","StyleSheet","View","defaultEnableNeighborPageRerender","defaultEnableVisibleHint","defaultLoading","defaultPageComponent","usePageRenderer","styles","create","root","overflow","position","none","display","ViewPager","props","children","enableVisibleHint","enableNeighborPageRerender","index","loading","pageComponent","pageForceRerenderKey","style","renderer","Children","map","child","i","cloneElement","isVisible","absoluteFill"],"sources":["ViewPagerWeb.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport type ViewPagerProps from './ViewPagerProps';\nimport {\n    defaultEnableNeighborPageRerender,\n    defaultEnableVisibleHint,\n    defaultLoading,\n    defaultPageComponent,\n    usePageRenderer,\n} from './utils';\n\nconst styles = StyleSheet.create({\n    root: {\n        // @ts-ignore\n        overflow: 'auto',\n        position: 'relative',\n    },\n    none: { display: 'none' },\n});\n\nexport default function ViewPager(props: ViewPagerProps) {\n    const {\n        children,\n        enableVisibleHint = defaultEnableVisibleHint,\n        enableNeighborPageRerender = defaultEnableNeighborPageRerender,\n        index,\n        loading = defaultLoading,\n        pageComponent = defaultPageComponent,\n        pageForceRerenderKey,\n        style,\n    } = props;\n\n    const renderer = usePageRenderer({\n        enableVisibleHint,\n        enableNeighborPageRerender,\n        index,\n        loading,\n        pageComponent,\n        pageForceRerenderKey,\n    });\n\n    return (\n        <View style={[styles.root, style]}>\n            {React.Children.map(renderer(children), (child, i) =>\n                React.cloneElement(child as React.ReactElement, {\n                    isVisible: i === index,\n                    style: i !== index ? styles.none : StyleSheet.absoluteFill,\n                }),\n            )}\n        </View>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,SACIC,iCADJ,EAEIC,wBAFJ,EAGIC,cAHJ,EAIIC,oBAJJ,EAKIC,eALJ,QAMO,SANP;AAQA,MAAMC,MAAM,GAAGP,UAAU,CAACQ,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACF;IACAC,QAAQ,EAAE,MAFR;IAGFC,QAAQ,EAAE;EAHR,CADuB;EAM7BC,IAAI,EAAE;IAAEC,OAAO,EAAE;EAAX;AANuB,CAAlB,CAAf;AASA,eAAe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,QADE;IAEFC,iBAAiB,GAAGd,wBAFlB;IAGFe,0BAA0B,GAAGhB,iCAH3B;IAIFiB,KAJE;IAKFC,OAAO,GAAGhB,cALR;IAMFiB,aAAa,GAAGhB,oBANd;IAOFiB,oBAPE;IAQFC;EARE,IASFR,KATJ;EAWA,MAAMS,QAAQ,GAAGlB,eAAe,CAAC;IAC7BW,iBAD6B;IAE7BC,0BAF6B;IAG7BC,KAH6B;IAI7BC,OAJ6B;IAK7BC,aAL6B;IAM7BC;EAN6B,CAAD,CAAhC;EASA,oBACI,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACf,MAAM,CAACE,IAAR,EAAcc,KAAd;EAAb,GACKxB,KAAK,CAAC0B,QAAN,CAAeC,GAAf,CAAmBF,QAAQ,CAACR,QAAD,CAA3B,EAAuC,CAACW,KAAD,EAAQC,CAAR,kBACpC7B,KAAK,CAAC8B,YAAN,CAAmBF,KAAnB,EAAgD;IAC5CG,SAAS,EAAEF,CAAC,KAAKT,KAD2B;IAE5CI,KAAK,EAAEK,CAAC,KAAKT,KAAN,GAAcZ,MAAM,CAACK,IAArB,GAA4BZ,UAAU,CAAC+B;EAFF,CAAhD,CADH,CADL,CADJ;AAUH;AAAA"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["default"],"sources":["index.native.ts"],"sourcesContent":["export { default } from './ViewPagerNative';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,mBAAxB"}

package/build/module/hooks/useWidth.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { useWindowDimensions } from 'react-native';
-export default function useWidth() {
-  const window = useWindowDimensions();
-  const [width, setWidth] = React.useState(window.width);
-  const onLayout = React.useCallback(e => {
-    const newWidth = e.nativeEvent.layout.width;
-
-    if (newWidth > 0 && Math.round(newWidth) !== Math.round(width)) {
-      setWidth(newWidth);
-    }
-  }, []);
-  return [width, onLayout];
-}
-//# sourceMappingURL=useWidth.js.map

package/build/module/hooks/useWidth.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useWindowDimensions","useWidth","window","width","setWidth","useState","onLayout","useCallback","e","newWidth","nativeEvent","layout","Math","round"],"sources":["useWidth.ts"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, useWindowDimensions, ViewProps } from 'react-native';\n\nexport default function useWidth(): [number, ViewProps['onLayout']] {\n    const window = useWindowDimensions();\n    const [width, setWidth] = React.useState(window.width);\n\n    const onLayout = React.useCallback((e: LayoutChangeEvent) => {\n        const newWidth = e.nativeEvent.layout.width;\n\n        if (newWidth > 0 && Math.round(newWidth) !== Math.round(width)) {\n            setWidth(newWidth);\n        }\n    }, []);\n\n    return [width, onLayout];\n}"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAA4BC,mBAA5B,QAAkE,cAAlE;AAEA,eAAe,SAASC,QAAT,GAAqD;EAChE,MAAMC,MAAM,GAAGF,mBAAmB,EAAlC;EACA,MAAM,CAACG,KAAD,EAAQC,QAAR,IAAoBL,KAAK,CAACM,QAAN,CAAeH,MAAM,CAACC,KAAtB,CAA1B;EAEA,MAAMG,QAAQ,GAAGP,KAAK,CAACQ,WAAN,CAAmBC,CAAD,IAA0B;IACzD,MAAMC,QAAQ,GAAGD,CAAC,CAACE,WAAF,CAAcC,MAAd,CAAqBR,KAAtC;;IAEA,IAAIM,QAAQ,GAAG,CAAX,IAAgBG,IAAI,CAACC,KAAL,CAAWJ,QAAX,MAAyBG,IAAI,CAACC,KAAL,CAAWV,KAAX,CAA7C,EAAgE;MAC5DC,QAAQ,CAACK,QAAD,CAAR;IACH;EACJ,CANgB,EAMd,EANc,CAAjB;EAQA,OAAO,CAACN,KAAD,EAAQG,QAAR,CAAP;AACH"}

package/build/typescript/Carousel/CarouselNative.d.ts

@@ -1,2 +0,0 @@
-import type CarouselProps from './CarouselProps';
-export default function Carousel<ItemT>(props: CarouselProps<ItemT>): JSX.Element;

package/build/typescript/Carousel/CarouselWeb.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type CarouselProps from './CarouselProps';
-declare const _default: React.ForwardRefExoticComponent<Pick<CarouselProps<any>, "style" | "index" | "onChange" | "data" | "autoplay" | "autoplayInterval" | "centerSlidePadding" | "inactiveSlideOpacity" | "inactiveSlideScale" | "activeSlideScale" | "infinite" | "renderItem" | "slidesToScroll" | "slidesToShow" | "centerMode" | "arrows" | "arrowsStyle" | "trackStyle"> & React.RefAttributes<unknown>>;
-export default _default;

package/build/typescript/Carousel/index.native.d.ts

@@ -1 +0,0 @@
-export { default } from './CarouselNative';

package/build/typescript/Carousel/utils.d.ts

@@ -1,6 +0,0 @@
-export declare const defaultAutoplay = false;
-export declare const defaultAutoplayInterval = 3000;
-export declare const defaultInactiveSlideOpacity = 1;
-export declare const defaultInactiveSlideScale = 0.9;
-export declare const defaultActiveSlideScale = 1;
-export declare const defaultInfinite = false;

package/build/typescript/ComicViewer/ComicViewerItemProps.d.ts

@@ -1,12 +0,0 @@
-import { ComicViewerItemData, ErrorInfo } from './ComicViewerProps';
-declare type ComicViewerItemProps<T> = ComicViewerItemData<T> & {
-    /**
-     * FlatListItem is viewable in screen.
-     */
-    isViewable: boolean;
-    /**
-     * Error handler
-     */
-    onError?: (errorInfo: ErrorInfo) => void;
-};
-export default ComicViewerItemProps;

package/build/typescript/ViewPager/ChildrenMemoizedPage.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { PageProps } from './ViewPagerProps';
-declare const _default: React.MemoExoticComponent<(props: PageProps) => JSX.Element>;
-export default _default;

package/build/typescript/ViewPager/ViewPagerNative.d.ts

@@ -1,2 +0,0 @@
-import type ViewPagerProps from './ViewPagerProps';
-export default function ViewPager(props: ViewPagerProps): JSX.Element;

package/build/typescript/ViewPager/ViewPagerWeb.d.ts

@@ -1,2 +0,0 @@
-import type ViewPagerProps from './ViewPagerProps';
-export default function ViewPager(props: ViewPagerProps): JSX.Element;

package/build/typescript/ViewPager/index.native.d.ts

@@ -1 +0,0 @@
-export { default } from './ViewPagerNative';

package/build/typescript/hooks/useWidth.d.ts

@@ -1,2 +0,0 @@
-import { ViewProps } from 'react-native';
-export default function useWidth(): [number, ViewProps['onLayout']];

package/src/Carousel/CarouselNative.tsx

@@ -1,67 +0,0 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { Dimensions, View } from 'react-native';
-import RNSnapCarousel from 'react-native-snap-carousel';
-import type CarouselProps from './CarouselProps';
-import {
-    defaultAutoplay,
-    defaultAutoplayInterval,
-    defaultInactiveSlideOpacity,
-    defaultInactiveSlideScale,
-    defaultInfinite,
-} from './utils';
-
-export default function Carousel<ItemT>(props: CarouselProps<ItemT>) {
-    const {
-        autoplay = defaultAutoplay,
-        autoplayInterval = defaultAutoplayInterval,
-        centerSlidePadding,
-        data,
-        inactiveSlideOpacity = defaultInactiveSlideOpacity,
-        inactiveSlideScale = defaultInactiveSlideScale,
-        index,
-        infinite = defaultInfinite,
-        onChange,
-        renderItem,
-    } = props;
-
-    const carouselRef = useRef<RNSnapCarousel<ItemT> | null>(null);
-
-    const [sliderWidth, setSliderWidth] = useState(() => Dimensions.get('window').width);
-
-    const itemWidth = centerSlidePadding !== undefined
-        ? sliderWidth - (centerSlidePadding * 2)
-        : sliderWidth;
-
-    useEffect(() => {
-        const carousel = carouselRef.current;
-        if (carousel && index !== carousel.currentIndex) {
-            carousel.snapToItem(index, true);
-        }
-    }, [index]);
-
-    const handleSnapToItem = (newIndex: number) => {
-        if (onChange) {
-            onChange(newIndex);
-        }
-    };
-
-    return (
-        <View onLayout={(event) => setSliderWidth(event.nativeEvent.layout.width)}>
-            <RNSnapCarousel
-                autoplay={autoplay}
-                autoplayInterval={autoplayInterval}
-                data={data}
-                horizontal={true}
-                inactiveSlideOpacity={inactiveSlideOpacity}
-                inactiveSlideScale={inactiveSlideScale}
-                itemWidth={itemWidth}
-                loop={infinite}
-                loopClonesPerSide={2}
-                onSnapToItem={handleSnapToItem}
-                ref={carouselRef}
-                renderItem={renderItem}
-                sliderWidth={sliderWidth}
-            />
-        </View>
-    );
-};

package/src/Carousel/CarouselWeb.tsx

@@ -1,222 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-import Slick, { Settings } from 'react-slick';
-import styled from '@emotion/styled';
-import { ChevronLeft, ChevronRight } from '@fountain-ui/icons';
-import { mapIndexed } from '@fountain-ui/utils';
-import type CarouselProps from './CarouselProps';
-import {
-    defaultActiveSlideScale,
-    defaultAutoplay,
-    defaultAutoplayInterval,
-    defaultInactiveSlideOpacity,
-    defaultInactiveSlideScale,
-    defaultInfinite,
-} from './utils';
-
-const baseSettings: Settings = {
-    dots: false,
-    draggable: true,
-    lazyLoad: typeof window === 'undefined' ? undefined : 'ondemand',
-    pauseOnFocus: true,
-    pauseOnHover: true,
-    rows: 1,
-    swipe: true,
-    slidesPerRow: 1,
-    vertical: false,
-};
-
-const noop = () => void 0;
-
-const StyledContainer: any = styled.div((props: any) => ({
-    ['& .slick-slider']: {
-        display: 'block',
-        position: 'relative',
-        userSelect: 'none',
-    },
-    ['& .slick-list']: {
-        display: 'block',
-        position: 'relative',
-        overflow: 'hidden',
-        margin: 0,
-        padding: 0,
-        ['&:focus']: {
-            outline: 'none',
-        },
-        ['&.dragging']: {
-            cursor: 'pointer',
-        },
-    },
-    ['& .slick-slider .slick-track, &.slick-slider .slick-list']: {
-        transform: 'translate3d(0, 0, 0)',
-    },
-    ['& .slick-track']: {
-        display: 'block',
-        position: 'relative',
-        top: 0,
-        left: 0,
-        ['&:before, &:after']: {
-            display: 'table',
-            content: '\'\'',
-        },
-        ['&:after']: {
-            clear: 'both',
-        },
-        ...props.trackStyle,
-    },
-    ['& .slick-slide']: {
-        display: 'none',
-        float: 'left',
-        height: '100%',
-        minHeight: 1,
-        ['& > div']: {
-            justifyContent: 'center',
-            display: 'flex',
-            transform: `scale(${props.inactiveSlideScale})`,
-            transition: 'transform .5s',
-            opacity: props.inactiveSlideOpacity,
-        },
-    },
-    ['& .slick-current > div']: {
-        transform: `scale(${props.activeSlideScale})`,
-        opacity: 1,
-    },
-    ['& .slick-initialized .slick-slide']: {
-        display: 'block',
-    },
-    ...props.arrowsStyle,
-}));
-
-interface ArrowContainerProps {
-    children: React.ReactElement;
-    visible: boolean;
-    currentSlide?: any;
-    slideCount?: any;
-}
-
-const ArrowContainer = (props: ArrowContainerProps) => {
-    const {
-        children,
-        currentSlide,
-        slideCount,
-        visible,
-        ...otherProps
-    } = props;
-
-    return visible ? (
-        // If root component is not a div, there's no arrow class.
-        <div {...otherProps} style={{ cursor: 'pointer' }}>
-            <View
-                style={{
-                    height: '100%',
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                    backgroundColor: 'white',
-                    borderRadius: 16,
-                }}
-            >
-                {children}
-            </View>
-        </div>
-    ) : null;
-};
-
-export default React.forwardRef((props: CarouselProps, ref) => {
-    const {
-        activeSlideScale = defaultActiveSlideScale,
-        autoplay = defaultAutoplay,
-        autoplayInterval = defaultAutoplayInterval,
-        centerMode = false,
-        centerSlidePadding = 0,
-        data,
-        inactiveSlideOpacity = defaultInactiveSlideOpacity,
-        inactiveSlideScale = defaultInactiveSlideScale,
-        index,
-        infinite = defaultInfinite,
-        onChange,
-        renderItem,
-        slidesToScroll = 1,
-        slidesToShow = 1,
-        arrows = false,
-        arrowsStyle = {},
-        trackStyle = {},
-    } = props;
-
-    const slickRef = React.useRef<Slick | null>(null);
-    const [visibleArrow, setVisibleArrow] = React.useState(false);
-
-    React.useEffect(() => {
-        if (slickRef.current) {
-            slickRef.current.slickGoTo(index, false);
-        }
-    }, [index]);
-
-    const fixOnClickNotWorkingAfterMobileSwipe = () => {
-        // @ts-ignore
-        if (slickRef.current && slickRef.current.innerSlider) {
-            // @ts-ignore
-            slickRef.current.innerSlider.clickHandler = noop;
-        }
-    };
-
-    const handleAfterChange = (newIndex: number) => {
-        fixOnClickNotWorkingAfterMobileSwipe();
-
-        if (onChange) {
-            onChange(newIndex);
-        }
-    };
-
-    const handleBeforeChange = () => {
-        fixOnClickNotWorkingAfterMobileSwipe();
-    };
-
-    const onPointerOver = () => setVisibleArrow(true);
-    const onPointerLeave = () => setVisibleArrow(false);
-
-    React.useEffect(() => {
-        if (ref) {
-            //@ts-ignore
-            ref.current = slickRef.current;
-        }
-    }, []);
-
-    return (
-        <StyledContainer
-            activeSlideScale={activeSlideScale}
-            inactiveSlideOpacity={inactiveSlideOpacity}
-            inactiveSlideScale={inactiveSlideScale}
-            arrowsStyle={arrowsStyle}
-            trackStyle={trackStyle}
-            onPointerOver={onPointerOver}
-            onPointerLeave={onPointerLeave}
-        >
-            <Slick
-                {...baseSettings}
-                afterChange={handleAfterChange}
-                autoplay={autoplay}
-                autoplaySpeed={autoplayInterval}
-                beforeChange={handleBeforeChange}
-                centerMode={centerMode}
-                centerPadding={`${centerSlidePadding}px`}
-                infinite={infinite}
-                initialSlide={index}
-                ref={slickRef}
-                slidesToScroll={slidesToScroll}
-                slidesToShow={slidesToShow}
-                arrows={arrows}
-                prevArrow={<ArrowContainer visible={visibleArrow} children={<ChevronLeft fill={'#767676'}/>}/>}
-                nextArrow={<ArrowContainer visible={visibleArrow} children={<ChevronRight fill={'#767676'}/>}/>}
-            >
-                {mapIndexed((item, index) => {
-                    const child = renderItem({ item, index });
-
-                    if (child) {
-                        return React.cloneElement(child, { key: index });
-                    }
-                    return child;
-                }, data)}
-            </Slick>
-        </StyledContainer>
-    );
-});

package/src/Carousel/index.native.ts

@@ -1 +0,0 @@
-export { default } from './CarouselNative';

package/src/Carousel/utils.ts

@@ -1,11 +0,0 @@
-export const defaultAutoplay = false;
-
-export const defaultAutoplayInterval = 3000;
-
-export const defaultInactiveSlideOpacity = 1;
-
-export const defaultInactiveSlideScale = 0.9;
-
-export const defaultActiveSlideScale = 1;
-
-export const defaultInfinite = false;

package/src/ComicViewer/ComicViewerItemProps.ts

@@ -1,15 +0,0 @@
-import { ComicViewerItemData, ErrorInfo } from './ComicViewerProps';
-
-type ComicViewerItemProps<T> = ComicViewerItemData<T> & {
-    /**
-     * FlatListItem is viewable in screen.
-     */
-    isViewable: boolean;
-
-    /**
-     * Error handler
-     */
-    onError?: (errorInfo: ErrorInfo) => void;
-}
-
-export default ComicViewerItemProps;

package/src/ViewPager/ChildrenMemoizedPage.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-import type { PageProps } from './ViewPagerProps';
-
-const Page = function Page(props: PageProps) {
-    const { isVisible, ...otherProps } = props;
-
-    return (
-        <View
-            collapsable={false}
-            {...otherProps}
-        />
-    );
-};
-
-export default React.memo(Page, (prevProps, nextProps) => {
-    if (prevProps.children === null && nextProps.children === null) {
-        return true;
-    }
-
-    // isVisible is an important condition for determining memos on the web.
-    // Reference ViewPagerWeb's return.
-    if (prevProps.isVisible !== nextProps.isVisible) {
-        return false;
-    }
-
-    if (nextProps.isVisible || nextProps.isNeighbor) {
-        return false;
-    }
-
-    if (prevProps.rerenderKey !== nextProps.rerenderKey) {
-        return false;
-    }
-
-    return prevProps.children !== null && nextProps.children !== null;
-});

package/src/ViewPager/ViewPagerNative.tsx

@@ -1,66 +0,0 @@
-import React from 'react';
-import RNViewPager, { ViewPagerOnPageSelectedEvent } from '@react-native-community/viewpager';
-import type ViewPagerProps from './ViewPagerProps';
-import {
-    defaultEnableNeighborPageRerender,
-    defaultEnableVisibleHint,
-    defaultLoading,
-    defaultPageComponent,
-    usePageRenderer,
-} from './utils';
-
-export default function ViewPager(props: ViewPagerProps) {
-    const {
-        children,
-        enableVisibleHint = defaultEnableVisibleHint,
-        index,
-        keyboardDismissMode = 'on-drag',
-        loading = defaultLoading,
-        onChange,
-        pageComponent = defaultPageComponent,
-        enableNeighborPageRerender = defaultEnableNeighborPageRerender,
-        pageForceRerenderKey,
-        scrollEnabled = true,
-        style,
-    } = props;
-
-    const indexRef = React.useRef<number>(index);
-    const pagerRef = React.useRef<RNViewPager | null>(null);
-
-    const renderer = usePageRenderer({
-        enableVisibleHint,
-        index,
-        loading,
-        pageComponent,
-        pageForceRerenderKey,
-        enableNeighborPageRerender,
-    });
-
-    const handlePageSelected = React.useCallback((e: ViewPagerOnPageSelectedEvent) => {
-        indexRef.current = e.nativeEvent.position;
-
-        if (onChange) {
-            onChange(indexRef.current);
-        }
-    }, [onChange]);
-
-    React.useEffect(() => {
-        if (index !== indexRef.current) {
-            pagerRef.current?.setPage(index);
-        }
-    }, [index]);
-
-    return (
-        <RNViewPager
-            initialPage={index}
-            keyboardDismissMode={keyboardDismissMode}
-            onPageSelected={handlePageSelected}
-            pageMargin={8}
-            ref={pagerRef}
-            scrollEnabled={scrollEnabled}
-            style={style}
-        >
-            {renderer(children)}
-        </RNViewPager>
-    );
-};