@aks-dev/easyui 1.0.163 → 1.1.5

package/{lib/MutiPictureView/index.ts → dist/components/MutiPictureView/MutiPictureView.d.ts}

@@ -1,40 +1,27 @@
-import { TextStyle } from 'react-native';
-/*
- * @Author: shiguo
- * @Date: 2022-04-24 17:38:32
- * @LastEditors: shiguo
- * @LastEditTime: 2022-11-10 12:15:56
- * @FilePath: /@aks-dev/easyui/lib/MutiPictureView/index.ts
- */
-import { StyleProp, ViewStyle, ImageStyle, ImageSourcePropType } from 'react-native'
-
+import * as React from "react";
+import { ImageSourcePropType, StyleProp, ViewStyle, ImageStyle, TextStyle } from "react-native";
 type ViewModelProps = {
     photos?: any[];
     /**@deprecated  disabled 图片点击状态，已弃用*/
     disabled?: boolean;
     imageViewer: {
-        imageUrls: any[],
-        index: number,
-        visible: boolean
-    }
-}
-
-
+        imageUrls: any[];
+        index: number;
+        visible: boolean;
+    };
+};
 type BindProps = {
     viewModel: ViewModelProps;
-    setViewModel: (intent: Partial<ViewModelProps>) => void
-}
-
-
-
-export declare type MutiPictureViewProps = {
+    setViewModel: (intent: Partial<ViewModelProps>) => void;
+};
+export type MutiPictureViewProps = {
     /**@deprecated  title 标题 ，已弃用*/
     title?: string;
     bind: BindProps;
     /**default maxCount is  6 */
     maxCount?: number;
     /**default type is showImagePicker */
-    type?: 'showImagePicker' | 'openCamera';
+    type?: "showImagePicker" | "openCamera";
     style?: StyleProp<ViewStyle>;
     addIcon?: ImageSourcePropType;
     addIconStyle?: StyleProp<ImageStyle>;
@@ -51,13 +38,13 @@ export declare type MutiPictureViewProps = {
     /**仅仅看看，不增减图片 */
     editable?: boolean;
     /**这个属性会覆盖bind.viewModel.photos */
-    value?: (string | { uri: string })[];
+    value?: (string | {
+        uri: string;
+    })[];
     /**default false 空视图占位 */
     showEmptyPlaceHolder?: boolean;
     emptyPlaceHolderStyle?: StyleProp<ViewStyle>;
-}
-
-
-export declare const MutiPictureView: React.FC<MutiPictureViewProps>;
-
-
+};
+declare const _default: React.NamedExoticComponent<MutiPictureViewProps>;
+export default _default;
+//# sourceMappingURL=MutiPictureView.d.ts.map

package/dist/components/MutiPictureView/MutiPictureView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MutiPictureView.d.ts","sourceRoot":"","sources":["../../../src/components/MutiPictureView/MutiPictureView.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,mBAAmB,EAInB,SAAS,EACT,SAAS,EACT,UAAU,EACV,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,KAAK,cAAc,GAAG;IACpB,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC;IACf,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE;QACX,SAAS,EAAE,GAAG,EAAE,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,KAAK,SAAS,GAAG;IACf,SAAS,EAAE,cAAc,CAAC;IAC1B,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACzD,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG;IACjC,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,SAAS,CAAC;IAChB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,IAAI,CAAC,EAAE,iBAAiB,GAAG,YAAY,CAAC;IACxC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,YAAY,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,YAAY,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACrC,SAAS;IACT,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS;IACT,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,EAAE,CAAC;IACrC,yBAAyB;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9C,CAAC;;AAuVF,wBAA4E"}

package/dist/components/MutiPictureView/MutiPictureView.js

@@ -0,0 +1,243 @@
+/*
+ * @Author: OBKoro1
+ * @Date: 2022-04-24 17:38:27
+ * @LastEditors: shiguo
+ * @LastEditTime: 2022-11-14 11:33:33
+ * @FilePath: /@aks-dev/easyui/lib/MutiPictureView/MutiPictureView.tsx
+ */
+import * as React from "react";
+import { Image, View, StyleSheet, Keyboard, TouchableOpacity, Text, } from "react-native";
+import { px2dp } from "../../screen/px2dp";
+import { px2sp } from "../../screen/px2sp";
+let icon_add_image = require("./assets/icon_add_image.png");
+let icon_del_image = require("./assets/icon_del_image.png");
+const MutiPictureView = (props) => {
+    const { bind, maxCount = 6, type = "showImagePicker", addIcon, addIconStyle, addIconContainerStyle, //borderWidth: 1, borderStyle: 'dashed', borderColor: assets.color_A3A9CC  虚线框
+    itemContainerStyle, emptyPlaceHolderStyle, delIcon, delIconStyle, spacingHorizontal = px2dp(15), spacingInner = px2dp(8), editable = true, showEmptyPlaceHolder = false, } = props;
+    const { viewModel, setViewModel } = bind;
+    React.useEffect(() => { }, []);
+    const [sideLength, setSideLength] = React.useState(0);
+    const addPhoto = () => {
+        let images = viewModel.photos || [];
+        if (!images) {
+            throw new Error("viewModel没有定义photos字段");
+        }
+        // if (type == "showImagePicker") {
+        //   SYImagePicker.showImagePicker(
+        //     {
+        //       imageCount: maxCount - (viewModel.photos?.length || 0),
+        //       isCrop: false,
+        //       isRecordSelected: false,
+        //       quality: 20,
+        //     },
+        //     (err, photos) => {
+        //       if (!err) {
+        //         let imgs = photos.map((it) => {
+        //           return { uri: it.uri };
+        //         });
+        //         images = images.concat(imgs);
+        //         setViewModel({ photos: images });
+        //       }
+        //     },
+        //   );
+        // }
+        // if (type == "openCamera") {
+        //   SYImagePicker.openCamera(
+        //     {
+        //       imageCount: maxCount - (viewModel.photos?.length || 0),
+        //       isCrop: false,
+        //       isRecordSelected: false,
+        //       quality: 20,
+        //     },
+        //     (err, photos) => {
+        //       if (!err) {
+        //         let imgs = photos.map((it) => {
+        //           return { uri: it.uri };
+        //         });
+        //         images = images.concat(imgs);
+        //         setViewModel({ photos: images });
+        //       } else {
+        //         console.log("打开相机失败");
+        //       }
+        //     },
+        //   );
+        // }
+    };
+    const deletePhoto = (index) => {
+        Keyboard.dismiss();
+        let photos = [...(viewModel.photos || [])];
+        photos.splice(index, 1);
+        setViewModel({ photos: photos });
+    };
+    const showPhoto = (index) => {
+        Keyboard.dismiss();
+        let imgs = (props.value || viewModel.photos)?.filter((it) => {
+            return ((typeof it === "string" && it.indexOf("http") >= 0) ||
+                typeof it == "object");
+        }) || [];
+        let images = [];
+        // console.log('viewModel', viewModel, imgs)
+        imgs.forEach((it) => {
+            if (typeof it === "string") {
+                images.push({ uri: it });
+            }
+            else {
+                images.push(it);
+            }
+        });
+        setViewModel({
+            imageViewer: {
+                imageUrls: images.map((it) => {
+                    return it.uri;
+                }),
+                index: index,
+                visible: true,
+            },
+        });
+    };
+    const ItemView = ({ source, index, }) => {
+        return (<TouchableOpacity style={[
+                styles.item_container,
+                itemContainerStyle,
+                {
+                    marginTop: index < 3 ? 0 : spacingInner,
+                    marginLeft: index % 3 == 0 ? spacingHorizontal : spacingInner,
+                    width: sideLength,
+                    height: sideLength,
+                },
+            ]} activeOpacity={0.8} onPress={() => showPhoto(index)}>
+        <Image source={source} style={{ width: "100%", height: "100%" }} resizeMode="cover"/>
+        {editable && !props.value && (<TouchableOpacity onPress={() => deletePhoto(index)} style={[styles.del_img_container, delIconStyle]}>
+            <Image source={delIcon ? delIcon : icon_del_image} resizeMode="contain" style={{ width: "100%", height: "100%" }}/>
+          </TouchableOpacity>)}
+      </TouchableOpacity>);
+    };
+    const containerRef = React.useRef(null);
+    React.useEffect(() => {
+        containerRef.current?.measure((...args) => {
+            // console.log('measure', args[2])
+            if (args.length > 3) {
+                let _sideLength = +((args[2] - spacingHorizontal * 2 - spacingInner * 2) /
+                    3).toFixed(1);
+                setSideLength(_sideLength - 0.1);
+            }
+        });
+    });
+    if (props.value && props.value?.length > 0) {
+        return (<View style={[styles.container, props.style]} ref={containerRef}>
+        {props.value instanceof Array &&
+                props.value?.map((item, index) => {
+                    return (<ItemView key={index} source={typeof item === "string" ? { uri: item } : item} index={index}/>);
+                })}
+
+        {showEmptyPlaceHolder &&
+                maxCount - (props.value?.length || 0) - 1 > 0 &&
+                Array.from({
+                    length: maxCount - (props.value?.length || 0) - (editable ? 1 : 0),
+                }, (_, k) => (<View key={`sg-showEmptyPlaceHolder-${k}`} style={[
+                        styles.empty_place_container,
+                        emptyPlaceHolderStyle,
+                        itemContainerStyle,
+                        {
+                            marginTop: k + (editable ? 1 : 0) + (props.value?.length || 0) > 2
+                                ? spacingInner
+                                : 0,
+                            marginLeft: (k + (editable ? 1 : 0) + (props.value?.length || 0)) %
+                                3 ==
+                                0
+                                ? spacingHorizontal
+                                : spacingInner,
+                            width: sideLength,
+                            height: sideLength,
+                        },
+                    ]}/>))}
+      </View>);
+    }
+    return (<View style={[styles.container, props.style]} ref={containerRef}>
+      {viewModel?.photos instanceof Array &&
+            viewModel.photos.map((item, index) => {
+                return (<ItemView key={index} source={typeof item === "string" ? { uri: item } : item} index={index}/>);
+            })}
+
+      {!(viewModel?.photos?.length == maxCount) && editable && (<TouchableOpacity style={[
+                styles.item_container,
+                itemContainerStyle,
+                {
+                    marginTop: (viewModel?.photos?.length || 0) >= 3 ? spacingInner : 0,
+                    marginLeft: (viewModel?.photos?.length || 0) % 3 == 0
+                        ? spacingHorizontal
+                        : spacingInner,
+                    width: sideLength,
+                    height: sideLength,
+                },
+                addIconContainerStyle,
+            ]} activeOpacity={0.8} onPress={() => addPhoto()}>
+          <Image source={addIcon ? addIcon : icon_add_image} style={[{ width: "25%", height: "25%" }, addIconStyle]} resizeMode="contain"/>
+          {props.addText && (<Text style={[
+                    {
+                        fontSize: px2sp(12),
+                        color: "lightgrey",
+                        marginTop: px2dp(2),
+                    },
+                    props.addTextStyle,
+                ]}>
+              {props.addText}
+            </Text>)}
+        </TouchableOpacity>)}
+      {showEmptyPlaceHolder &&
+            maxCount - (viewModel.photos?.length || 0) - 1 > 0 &&
+            Array.from({
+                length: maxCount - (viewModel.photos?.length || 0) - (editable ? 1 : 0),
+            }, (_, k) => (<View key={`sg-showEmptyPlaceHolder-${k}`} style={[
+                    styles.empty_place_container,
+                    emptyPlaceHolderStyle,
+                    itemContainerStyle,
+                    {
+                        marginTop: k + (editable ? 1 : 0) + (viewModel.photos?.length || 0) > 2
+                            ? spacingInner
+                            : 0,
+                        marginLeft: (k + (editable ? 1 : 0) + (viewModel.photos?.length || 0)) %
+                            3 ==
+                            0
+                            ? spacingHorizontal
+                            : spacingInner,
+                        width: sideLength,
+                        height: sideLength,
+                    },
+                ]}/>))}
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        minHeight: 1,
+        backgroundColor: "transparent",
+        display: "flex",
+        flexDirection: "row",
+        flexWrap: "wrap",
+        // borderRadius: px2dp(10),
+    },
+    item_container: {
+        overflow: "hidden",
+        borderRadius: px2dp(10),
+        display: "flex",
+        position: "relative",
+        justifyContent: "center",
+        alignItems: "center",
+        backgroundColor: "#ededed",
+    },
+    del_img_container: {
+        position: "absolute",
+        right: 2,
+        top: 2,
+        width: px2dp(24),
+        height: px2dp(24),
+    },
+    empty_place_container: {
+        borderRadius: px2dp(10),
+        backgroundColor: "#ededed",
+        borderColor: "#cccccc",
+        borderWidth: 0.75,
+    },
+});
+export default React.memo(MutiPictureView, (prevProps, nextProps) => false);

package/dist/components/PictureViewer/PictureViewer.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+type ViewModelProps = {
+    imageViewer: {
+        imageUrls: any[];
+        index: number;
+        visible: boolean;
+    };
+};
+export type PictureViewerBindProps = {
+    viewModel: ViewModelProps;
+    setViewModel: (intent: Partial<ViewModelProps>) => void;
+};
+export declare const PictureViewer: React.FC<{
+    bind: PictureViewerBindProps;
+}>;
+export {};
+//# sourceMappingURL=PictureViewer.d.ts.map

package/dist/components/PictureViewer/PictureViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PictureViewer.d.ts","sourceRoot":"","sources":["../../../src/components/PictureViewer/PictureViewer.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,cAAc,GAAG;IACpB,WAAW,EAAE;QACX,SAAS,EAAE,GAAG,EAAE,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,cAAc,CAAC;IAC1B,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,sBAAsB,CAAA;CAAE,CA6DpE,CAAC"}

package/dist/components/PictureViewer/PictureViewer.js

@@ -0,0 +1,54 @@
+/*
+ * @Author: shiguo
+ * @Date: 2022-04-24 15:58:39
+ * @LastEditors: shiguo
+ * @LastEditTime: 2022-04-26 12:38:13
+ * @FilePath: /@aks/easy/lib/PictureViewer/PictureViewer.tsx
+ */
+import * as React from "react";
+import { Modal, StatusBar, Platform } from "react-native";
+import ImageViewer from "react-native-image-zoom-viewer";
+export const PictureViewer = ({ bind, }) => {
+    const { viewModel, setViewModel } = bind;
+    const visible = viewModel.imageViewer.visible;
+    const imgs = viewModel.imageViewer.imageUrls?.map((item) => ({ url: item }));
+    const index = viewModel.imageViewer.index;
+    React.useEffect(() => {
+        if (Platform.OS == "android") {
+            if (visible) {
+                StatusBar.setBackgroundColor("black");
+                StatusBar.setBarStyle("light-content");
+            }
+            else {
+                StatusBar.setBackgroundColor("transparent");
+                StatusBar.setBarStyle("dark-content");
+            }
+        }
+    }, [visible]);
+    return (<Modal presentationStyle="overFullScreen" visible={visible} transparent={false} onRequestClose={() => {
+            /**
+             * 【官方文档】
+             * onRequestClose回调会在用户按下 Android 设备上的后退按键或是 Apple TV 上的菜单键时触发。
+             * 请务必注意本属性在 Android 平台上为必填，且会在 modal 处于开启状态时阻止BackHandler事件。
+             */
+            setViewModel({
+                imageViewer: {
+                    ...viewModel.imageViewer,
+                    visible: false,
+                },
+            });
+        }} style={{ margin: 0, backgroundColor: "red" }}>
+      <ImageViewer imageUrls={imgs} index={index} onSwipeDown={() => {
+            // console.log('onSwipeDown');
+        }} saveToLocalByLongPress={false} 
+    // onMove={data => console.log(data)}
+    useNativeDriver={true} enableSwipeDown={true} onClick={() => {
+            setViewModel({
+                imageViewer: {
+                    ...viewModel.imageViewer,
+                    visible: false,
+                },
+            });
+        }}/>
+    </Modal>);
+};

package/dist/components/RefreshList/RefreshList.d.ts

@@ -0,0 +1,45 @@
+import * as React from "react";
+import { FlatListProps, SectionListProps } from "react-native";
+import { IPropsSwipeListView } from "react-native-swipe-list-view/types";
+export declare const RefreshText: {
+    HeaderRefreshing: string;
+    FooterRefreshing: string;
+    Failure: string;
+    NoMoreData: string;
+    EmptyData: string;
+    Idle: string;
+};
+export declare enum RefreshState {
+    Idle = "Idle",
+    HeaderRefreshing = "HeaderRefreshing",
+    FooterRefreshing = "FooterRefreshing",
+    NoMoreData = "NoMoreData",
+    Failure = "Failure",
+    EmptyData = "EmptyData",
+    None = "None"
+}
+type CommonProps = {
+    onHeaderRefresh: (info: any) => void;
+    onFooterRefresh: (info: any) => void;
+    reload: () => void;
+    refreshState: RefreshState;
+    renderListEmptyComponent: () => React.ReactElement;
+};
+type SectionT = {
+    [key: string]: any;
+};
+type ItemT = any;
+export type FlatListRefreshProps = {
+    mode?: "FlatList";
+} & FlatListProps<ItemT> & Partial<CommonProps>;
+export type SectionListRefreshProps = {
+    mode: "SectionList";
+} & SectionListProps<ItemT, SectionT> & Partial<CommonProps>;
+export type SwipeListViewRefreshProps = {
+    mode: "SwipeList";
+    data: ItemT[];
+} & IPropsSwipeListView<ItemT> & Partial<CommonProps> & FlatListProps<ItemT>;
+export type RefreshListProps = FlatListRefreshProps | SwipeListViewRefreshProps | SectionListRefreshProps;
+declare const _default: React.ForwardRefExoticComponent<RefreshListProps & React.RefAttributes<any>>;
+export default _default;
+//# sourceMappingURL=RefreshList.d.ts.map

package/dist/components/RefreshList/RefreshList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RefreshList.d.ts","sourceRoot":"","sources":["../../../src/components/RefreshList/RefreshList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAOL,aAAa,EACb,gBAAgB,EACjB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAEzE,eAAO,MAAM,WAAW;;;;;;;CAOvB,CAAC;AACF,oBAAY,YAAY;IACtB,IAAI,SAAS;IACb,gBAAgB,qBAAqB;IACrC,gBAAgB,qBAAqB;IACrC,UAAU,eAAe;IACzB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,IAAI,SAAS;CACd;AACD,KAAK,WAAW,GAAG;IAEjB,eAAe,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,eAAe,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,YAAY,EAAE,YAAY,CAAC;IAC3B,wBAAwB,EAAE,MAAM,KAAK,CAAC,YAAY,CAAC;CACpD,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AACF,KAAK,KAAK,GAAG,GAAG,CAAC;AAEjB,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,GAAG,aAAa,CAAC,KAAK,CAAC,GACtB,OAAO,CAAC,WAAW,CAAC,CAAC;AAEvB,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,aAAa,CAAC;CACrB,GAAG,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,GACnC,OAAO,CAAC,WAAW,CAAC,CAAC;AAEvB,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,WAAW,CAAC;IAClB,IAAI,EAAE,KAAK,EAAE,CAAC;CACf,GAAG,mBAAmB,CAAC,KAAK,CAAC,GAC5B,OAAO,CAAC,WAAW,CAAC,GACpB,aAAa,CAAC,KAAK,CAAC,CAAC;AAEvB,MAAM,MAAM,gBAAgB,GACxB,oBAAoB,GACpB,yBAAyB,GACzB,uBAAuB,CAAC;;AAE5B,wBA8JE"}

package/dist/components/RefreshList/RefreshList.js

@@ -0,0 +1,155 @@
+import * as React from "react";
+import { View, Text, Animated, StyleSheet, ActivityIndicator, TouchableOpacity, } from "react-native";
+import { SwipeListView } from "react-native-swipe-list-view";
+export const RefreshText = {
+    HeaderRefreshing: "上拉可以刷新",
+    FooterRefreshing: "下拉可以加载更多",
+    Failure: "服务器正在出小差，点击重新加载",
+    NoMoreData: "已经全部加载完毕",
+    EmptyData: "没有数据",
+    Idle: "正在加载更多的数据..",
+};
+export var RefreshState;
+(function (RefreshState) {
+    RefreshState["Idle"] = "Idle";
+    RefreshState["HeaderRefreshing"] = "HeaderRefreshing";
+    RefreshState["FooterRefreshing"] = "FooterRefreshing";
+    RefreshState["NoMoreData"] = "NoMoreData";
+    RefreshState["Failure"] = "Failure";
+    RefreshState["EmptyData"] = "EmptyData";
+    RefreshState["None"] = "None";
+})(RefreshState || (RefreshState = {}));
+export default React.forwardRef((props, ref) => {
+    const { mode = "FlatList", refreshState, onHeaderRefresh, onFooterRefresh, reload, ...rest } = props;
+    const seed = React.useRef(Math.random()).current;
+    let onRefresh = () => {
+        if (refreshState == RefreshState.HeaderRefreshing)
+            return;
+        if (refreshState == RefreshState.FooterRefreshing)
+            return;
+        onHeaderRefresh && onHeaderRefresh(RefreshState.HeaderRefreshing);
+    };
+    let onEndReached = (info) => {
+        if (mode == "FlatList") {
+            props = props;
+            if (!(props.data instanceof Array)) {
+                throw new Error("[sg:FlatList] data is not Array");
+            }
+            if (props.data.length == 0)
+                return;
+        }
+        if (mode == "SectionList") {
+            props = props;
+            if (!(props.sections instanceof Array)) {
+                throw new Error("[sg:SectionList] sections is not Array");
+            }
+            if (props.sections.length == 0)
+                return;
+        }
+        if (refreshState != RefreshState.Idle)
+            return;
+        onFooterRefresh && onFooterRefresh(RefreshState.FooterRefreshing);
+    };
+    switch (mode) {
+        case "FlatList": {
+            let flatListProps = props;
+            return (<Animated.FlatList {...rest} ref={ref} refreshing={refreshState == RefreshState.HeaderRefreshing} keyExtractor={(_, index) => {
+                    return `sg-index-FlatList-${seed}-${index}`;
+                }} contentContainerStyle={flatListProps.data?.length ? {} : { height: "100%" }} onRefresh={onRefresh} onEndReachedThreshold={0.1} onEndReached={onEndReached} showsVerticalScrollIndicator={false} ListHeaderComponent={(_) => (<View style={{ display: "flex", flexDirection: "column" }}>
+                <ListHeaderComponent {...flatListProps}/>
+                {/* {flatListProps.ListHeaderComponent} */}
+              </View>)} 
+            // ListHeaderComponent={flatListProps.ListHeaderComponent}
+            ListFooterComponent={(_) => (<ListFooterComponent {...flatListProps}/>)}/>);
+        }
+        case "SectionList": {
+            let sectionListProps = props;
+            const { ItemSeparatorComponent = (_) => <View style={{ height: 1 }}/>, } = sectionListProps;
+            return (<Animated.SectionList {...rest} ref={ref} refreshing={refreshState == RefreshState.HeaderRefreshing} onRefresh={onRefresh} keyExtractor={(_, index) => {
+                    return `sg-index-SectionList-${seed}-${index}`;
+                }} contentContainerStyle={sectionListProps.sections?.length > 0 ? {} : { height: "100%" }} ItemSeparatorComponent={ItemSeparatorComponent} onEndReachedThreshold={0.1} onEndReached={onEndReached} showsVerticalScrollIndicator={false} 
+            // ListHeaderComponent={(_) => <ListHeaderComponent {...sectionListProps} />}
+            ListHeaderComponent={(_) => (<View style={{ display: "flex", flexDirection: "column" }}>
+                <ListHeaderComponent {...sectionListProps}/>
+                {sectionListProps.ListHeaderComponent}
+              </View>)} ListFooterComponent={(_) => (<ListFooterComponent {...sectionListProps}/>)} renderSectionHeader={sectionListProps.renderSectionHeader}/>);
+        }
+        case "SwipeList": {
+            let swipeListProps = props;
+            const { ItemSeparatorComponent = (_) => <View style={{ height: 1 }}/>, } = swipeListProps;
+            const { renderHiddenItem = (data, rowMap) => (<View style={{
+                    backgroundColor: "red",
+                    height: "100%",
+                    alignItems: "flex-end",
+                    justifyContent: "center",
+                }}>
+              <Text>Right </Text>
+            </View>), } = swipeListProps;
+            return (<SwipeListView {...rest} rightOpenValue={-100} leftOpenValue={0} ref={ref} disableLeftSwipe={false} disableRightSwipe={true} onRefresh={onRefresh} refreshing={refreshState == RefreshState.HeaderRefreshing} ItemSeparatorComponent={ItemSeparatorComponent} onEndReachedThreshold={0.1} onEndReached={onEndReached} showsVerticalScrollIndicator={false} ListHeaderComponent={(_) => (<View style={{ display: "flex", flexDirection: "column" }}>
+                <ListHeaderComponent {...swipeListProps}/>
+                {swipeListProps.ListHeaderComponent}
+              </View>)} ListFooterComponent={(args) => (<ListFooterComponent {...swipeListProps}/>)} renderHiddenItem={renderHiddenItem}/>);
+        }
+    }
+});
+const ListFooterComponent = React.memo((props) => {
+    const { refreshState, reload } = props;
+    switch (refreshState) {
+        case RefreshState.Idle:
+        case RefreshState.FooterRefreshing:
+            return (<View style={{ ...styles.container, flexDirection: "row" }}>
+          <ActivityIndicator color={"gray"}/>
+          <Text style={{ ...styles.text, marginLeft: 5 }}>
+            {RefreshText.FooterRefreshing}
+          </Text>
+        </View>);
+        case RefreshState.NoMoreData:
+            return (<View style={styles.container}>
+          <Text style={{ ...styles.text, color: "#999999" }}>
+            {RefreshText.NoMoreData}
+          </Text>
+        </View>);
+        case RefreshState.Failure:
+            return (<View style={styles.container}>
+          <TouchableOpacity onPress={() => reload && reload()}>
+            <Text style={styles.text}>{RefreshText.Failure}</Text>
+          </TouchableOpacity>
+        </View>);
+        case RefreshState.EmptyData:
+            if (props.renderListEmptyComponent)
+                return props.renderListEmptyComponent();
+            return (<View style={styles.container}>
+          <TouchableOpacity onPress={() => reload && reload()}>
+            <Text style={styles.text}>{RefreshText.EmptyData}</Text>
+          </TouchableOpacity>
+        </View>);
+        default:
+            return <View />;
+    }
+});
+const ListHeaderComponent = React.memo((props) => {
+    const { refreshState } = props;
+    switch (refreshState) {
+        case RefreshState.HeaderRefreshing:
+            return (<View style={{ ...styles.container }}>
+          <Text style={{ ...styles.text }}>{RefreshText.HeaderRefreshing}</Text>
+        </View>);
+        default:
+            return <View />;
+    }
+});
+const styles = StyleSheet.create({
+    container: {
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        height: 44,
+        // backgroundColor:'cyan'
+    },
+    text: {
+        color: "gray",
+        lineHeight: 16,
+        fontSize: 13,
+    },
+});

package/dist/components/RichText/RichText.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { TextStyle } from "react-native";
+export type RichTextProps = {
+    rich?: string | number;
+    richStyle?: TextStyle;
+    text?: string | number;
+    suffix?: boolean;
+    prefix?: boolean;
+};
+declare const _default: (props: RichTextProps) => React.JSX.Element;
+export default _default;
+//# sourceMappingURL=RichText.d.ts.map

package/dist/components/RichText/RichText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichText.d.ts","sourceRoot":"","sources":["../../../src/components/RichText/RichText.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAG3D,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;yBACc,OAAO,aAAa;AAApC,wBA6CE"}