@aks-dev/easyui 1.0.190 → 1.0.192

package/dist/components/MutiPictureView/MutiPictureView.js

@@ -1,10 +1,3 @@
-/*
- * @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";
@@ -13,19 +6,20 @@ import SYImagePicker from "@aks-dev/react-native-syan-image-picker";
 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;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    const { bind, maxCount = 6, type = "showImagePicker", addIcon, addIconStyle, addIconContainerStyle, 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 = () => {
+        var _a, _b;
         let images = viewModel.photos || [];
         if (!images) {
             throw new Error("viewModel没有定义photos字段");
         }
         if (type == "showImagePicker") {
             SYImagePicker.showImagePicker({
-                imageCount: maxCount - (viewModel.photos?.length || 0),
+                imageCount: maxCount - (((_a = viewModel.photos) === null || _a === void 0 ? void 0 : _a.length) || 0),
                 isCrop: false,
                 isRecordSelected: false,
                 quality: 20,
@@ -41,7 +35,7 @@ const MutiPictureView = (props) => {
         }
         if (type == "openCamera") {
             SYImagePicker.openCamera({
-                imageCount: maxCount - (viewModel.photos?.length || 0),
+                imageCount: maxCount - (((_b = viewModel.photos) === null || _b === void 0 ? void 0 : _b.length) || 0),
                 isCrop: false,
                 isRecordSelected: false,
                 quality: 20,
@@ -66,13 +60,13 @@ const MutiPictureView = (props) => {
         setViewModel({ photos: photos });
     };
     const showPhoto = (index) => {
+        var _a;
         Keyboard.dismiss();
-        let imgs = (props.value || viewModel.photos)?.filter((it) => {
+        let imgs = ((_a = (props.value || viewModel.photos)) === null || _a === void 0 ? void 0 : _a.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 });
@@ -92,7 +86,7 @@ const MutiPictureView = (props) => {
         });
     };
     const ItemView = ({ source, index, }) => {
-        return (<TouchableOpacity style={[
+        return (React.createElement(TouchableOpacity, { style: [
                 styles.item_container,
                 itemContainerStyle,
                 {
@@ -101,17 +95,15 @@ const MutiPictureView = (props) => {
                     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>);
+            ], activeOpacity: 0.8, onPress: () => showPhoto(index) },
+            React.createElement(Image, { source: source, style: { width: "100%", height: "100%" }, resizeMode: "cover" }),
+            editable && !props.value && (React.createElement(TouchableOpacity, { onPress: () => deletePhoto(index), style: [styles.del_img_container, delIconStyle] },
+                React.createElement(Image, { source: delIcon ? delIcon : icon_del_image, resizeMode: "contain", style: { width: "100%", height: "100%" } })))));
     };
     const containerRef = React.useRef(null);
     React.useEffect(() => {
-        containerRef.current?.measure((...args) => {
-            // console.log('measure', args[2])
+        var _a;
+        (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.measure((...args) => {
             if (args.length > 3) {
                 let _sideLength = +((args[2] - spacingHorizontal * 2 - spacingInner * 2) /
                     3).toFixed(1);
@@ -119,89 +111,88 @@ const MutiPictureView = (props) => {
             }
         });
     });
-    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 &&
+    if (props.value && ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+        return (React.createElement(View, { style: [styles.container, props.style], ref: containerRef },
+            props.value instanceof Array &&
+                ((_b = props.value) === null || _b === void 0 ? void 0 : _b.map((item, index) => {
+                    return (React.createElement(ItemView, { key: index, source: typeof item === "string" ? { uri: item } : item, index: index }));
+                })),
+            showEmptyPlaceHolder &&
+                maxCount - (((_c = props.value) === null || _c === void 0 ? void 0 : _c.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>);
+                    length: maxCount - (((_d = props.value) === null || _d === void 0 ? void 0 : _d.length) || 0) - (editable ? 1 : 0),
+                }, (_, k) => {
+                    var _a, _b;
+                    return (React.createElement(View, { key: `sg-showEmptyPlaceHolder-${k}`, style: [
+                            styles.empty_place_container,
+                            emptyPlaceHolderStyle,
+                            itemContainerStyle,
+                            {
+                                marginTop: k + (editable ? 1 : 0) + (((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) || 0) > 2
+                                    ? spacingInner
+                                    : 0,
+                                marginLeft: (k + (editable ? 1 : 0) + (((_b = props.value) === null || _b === void 0 ? void 0 : _b.length) || 0)) %
+                                    3 ==
+                                    0
+                                    ? spacingHorizontal
+                                    : spacingInner,
+                                width: sideLength,
+                                height: sideLength,
+                            },
+                        ] }));
+                })));
     }
-    return (<View style={[styles.container, props.style]} ref={containerRef}>
-      {viewModel?.photos instanceof Array &&
+    return (React.createElement(View, { style: [styles.container, props.style], ref: containerRef },
+        (viewModel === null || viewModel === void 0 ? void 0 : 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={[
+                return (React.createElement(ItemView, { key: index, source: typeof item === "string" ? { uri: item } : item, index: index }));
+            }),
+        !(((_e = viewModel === null || viewModel === void 0 ? void 0 : viewModel.photos) === null || _e === void 0 ? void 0 : _e.length) == maxCount) && editable && (React.createElement(TouchableOpacity, { style: [
                 styles.item_container,
                 itemContainerStyle,
                 {
-                    marginTop: (viewModel?.photos?.length || 0) >= 3 ? spacingInner : 0,
-                    marginLeft: (viewModel?.photos?.length || 0) % 3 == 0
+                    marginTop: (((_f = viewModel === null || viewModel === void 0 ? void 0 : viewModel.photos) === null || _f === void 0 ? void 0 : _f.length) || 0) >= 3 ? spacingInner : 0,
+                    marginLeft: (((_g = viewModel === null || viewModel === void 0 ? void 0 : viewModel.photos) === null || _g === void 0 ? void 0 : _g.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={[
+            ], activeOpacity: 0.8, onPress: () => addPhoto() },
+            React.createElement(Image, { source: addIcon ? addIcon : icon_add_image, style: [{ width: "25%", height: "25%" }, addIconStyle], resizeMode: "contain" }),
+            props.addText && (React.createElement(Text, { style: [
                     {
                         fontSize: px2sp(12),
                         color: "lightgrey",
                         marginTop: px2dp(2),
                     },
                     props.addTextStyle,
-                ]}>
-              {props.addText}
-            </Text>)}
-        </TouchableOpacity>)}
-      {showEmptyPlaceHolder &&
-            maxCount - (viewModel.photos?.length || 0) - 1 > 0 &&
+                ] }, props.addText)))),
+        showEmptyPlaceHolder &&
+            maxCount - (((_h = viewModel.photos) === null || _h === void 0 ? void 0 : _h.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>);
+                length: maxCount - (((_j = viewModel.photos) === null || _j === void 0 ? void 0 : _j.length) || 0) - (editable ? 1 : 0),
+            }, (_, k) => {
+                var _a, _b;
+                return (React.createElement(View, { key: `sg-showEmptyPlaceHolder-${k}`, style: [
+                        styles.empty_place_container,
+                        emptyPlaceHolderStyle,
+                        itemContainerStyle,
+                        {
+                            marginTop: k + (editable ? 1 : 0) + (((_a = viewModel.photos) === null || _a === void 0 ? void 0 : _a.length) || 0) > 2
+                                ? spacingInner
+                                : 0,
+                            marginLeft: (k + (editable ? 1 : 0) + (((_b = viewModel.photos) === null || _b === void 0 ? void 0 : _b.length) || 0)) %
+                                3 ==
+                                0
+                                ? spacingHorizontal
+                                : spacingInner,
+                            width: sideLength,
+                            height: sideLength,
+                        },
+                    ] }));
+            })));
 };
 const styles = StyleSheet.create({
     container: {
@@ -211,7 +202,6 @@ const styles = StyleSheet.create({
         display: "flex",
         flexDirection: "row",
         flexWrap: "wrap",
-        // borderRadius: px2dp(10),
     },
     item_container: {
         overflow: "hidden",

package/dist/components/PictureViewer/PictureViewer.js

@@ -1,17 +1,11 @@
-/*
- * @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, }) => {
+    var _a;
     const { viewModel, setViewModel } = bind;
     const visible = viewModel.imageViewer.visible;
-    const imgs = viewModel.imageViewer.imageUrls?.map((item) => ({ url: item }));
+    const imgs = (_a = viewModel.imageViewer.imageUrls) === null || _a === void 0 ? void 0 : _a.map((item) => ({ url: item }));
     const index = viewModel.imageViewer.index;
     React.useEffect(() => {
         if (Platform.OS == "android") {
@@ -25,30 +19,15 @@ export const PictureViewer = ({ bind, }) => {
             }
         }
     }, [visible]);
-    return (<Modal presentationStyle="overFullScreen" visible={visible} transparent={false} onRequestClose={() => {
-            /**
-             * 【官方文档】
-             * onRequestClose回调会在用户按下 Android 设备上的后退按键或是 Apple TV 上的菜单键时触发。
-             * 请务必注意本属性在 Android 平台上为必填，且会在 modal 处于开启状态时阻止BackHandler事件。
-             */
+    return (React.createElement(Modal, { presentationStyle: "overFullScreen", visible: visible, transparent: false, onRequestClose: () => {
             setViewModel({
-                imageViewer: {
-                    ...viewModel.imageViewer,
-                    visible: false,
-                },
+                imageViewer: Object.assign(Object.assign({}, 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>);
+        }, style: { margin: 0, backgroundColor: "red" } },
+        React.createElement(ImageViewer, { imageUrls: imgs, index: index, onSwipeDown: () => {
+            }, saveToLocalByLongPress: false, useNativeDriver: true, enableSwipeDown: true, onClick: () => {
+                setViewModel({
+                    imageViewer: Object.assign(Object.assign({}, viewModel.imageViewer), { visible: false }),
+                });
+            } })));
 };

package/dist/components/RefreshList/RefreshList.js

@@ -1,3 +1,14 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import * as React from "react";
 import { View, Text, Animated, StyleSheet, ActivityIndicator, TouchableOpacity, } from "react-native";
 import { SwipeListView } from "react-native-swipe-list-view";
@@ -20,7 +31,8 @@ export var RefreshState;
     RefreshState["None"] = "None";
 })(RefreshState || (RefreshState = {}));
 export default React.forwardRef((props, ref) => {
-    const { mode = "FlatList", refreshState, onHeaderRefresh, onFooterRefresh, reload, ...rest } = props;
+    var _a, _b;
+    const { mode = "FlatList", refreshState, onHeaderRefresh, onFooterRefresh, reload } = props, rest = __rest(props, ["mode", "refreshState", "onHeaderRefresh", "onFooterRefresh", "reload"]);
     const seed = React.useRef(Math.random()).current;
     let onRefresh = () => {
         if (refreshState == RefreshState.HeaderRefreshing)
@@ -53,42 +65,33 @@ export default React.forwardRef((props, ref) => {
     switch (mode) {
         case "FlatList": {
             let flatListProps = props;
-            return (<Animated.FlatList {...rest} ref={ref} refreshing={refreshState == RefreshState.HeaderRefreshing} keyExtractor={(_, index) => {
+            return (React.createElement(Animated.FlatList, Object.assign({}, 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}/>)}/>);
+                }, contentContainerStyle: ((_a = flatListProps.data) === null || _a === void 0 ? void 0 : _a.length) ? {} : { height: "100%" }, onRefresh: onRefresh, onEndReachedThreshold: 0.1, onEndReached: onEndReached, showsVerticalScrollIndicator: false, ListHeaderComponent: (_) => (React.createElement(View, { style: { display: "flex", flexDirection: "column" } },
+                    React.createElement(ListHeaderComponent, Object.assign({}, flatListProps)))), ListFooterComponent: (_) => (React.createElement(ListFooterComponent, Object.assign({}, 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) => {
+            const { ItemSeparatorComponent = (_) => React.createElement(View, { style: { height: 1 } }), } = sectionListProps;
+            return (React.createElement(Animated.SectionList, Object.assign({}, 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}/>);
+                }, contentContainerStyle: ((_b = sectionListProps.sections) === null || _b === void 0 ? void 0 : _b.length) > 0 ? {} : { height: "100%" }, ItemSeparatorComponent: ItemSeparatorComponent, onEndReachedThreshold: 0.1, onEndReached: onEndReached, showsVerticalScrollIndicator: false, ListHeaderComponent: (_) => (React.createElement(View, { style: { display: "flex", flexDirection: "column" } },
+                    React.createElement(ListHeaderComponent, Object.assign({}, sectionListProps)),
+                    sectionListProps.ListHeaderComponent)), ListFooterComponent: (_) => (React.createElement(ListFooterComponent, Object.assign({}, sectionListProps))), renderSectionHeader: sectionListProps.renderSectionHeader })));
         }
         case "SwipeList": {
             let swipeListProps = props;
-            const { ItemSeparatorComponent = (_) => <View style={{ height: 1 }}/>, } = swipeListProps;
-            const { renderHiddenItem = (data, rowMap) => (<View style={{
+            const { ItemSeparatorComponent = (_) => React.createElement(View, { style: { height: 1 } }), } = swipeListProps;
+            const { renderHiddenItem = (data, rowMap) => (React.createElement(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}/>);
+                } },
+                React.createElement(Text, null, "Right "))), } = swipeListProps;
+            return (React.createElement(SwipeListView, Object.assign({}, 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: (_) => (React.createElement(View, { style: { display: "flex", flexDirection: "column" } },
+                    React.createElement(ListHeaderComponent, Object.assign({}, swipeListProps)),
+                    swipeListProps.ListHeaderComponent)), ListFooterComponent: (args) => (React.createElement(ListFooterComponent, Object.assign({}, swipeListProps))), renderHiddenItem: renderHiddenItem })));
         }
     }
 });
@@ -97,45 +100,34 @@ const ListFooterComponent = React.memo((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>);
+            return (React.createElement(View, { style: Object.assign(Object.assign({}, styles.container), { flexDirection: "row" }) },
+                React.createElement(ActivityIndicator, { color: "gray" }),
+                React.createElement(Text, { style: Object.assign(Object.assign({}, styles.text), { marginLeft: 5 }) }, RefreshText.FooterRefreshing)));
         case RefreshState.NoMoreData:
-            return (<View style={styles.container}>
-          <Text style={{ ...styles.text, color: "#999999" }}>
-            {RefreshText.NoMoreData}
-          </Text>
-        </View>);
+            return (React.createElement(View, { style: styles.container },
+                React.createElement(Text, { style: Object.assign(Object.assign({}, styles.text), { color: "#999999" }) }, RefreshText.NoMoreData)));
         case RefreshState.Failure:
-            return (<View style={styles.container}>
-          <TouchableOpacity onPress={() => reload && reload()}>
-            <Text style={styles.text}>{RefreshText.Failure}</Text>
-          </TouchableOpacity>
-        </View>);
+            return (React.createElement(View, { style: styles.container },
+                React.createElement(TouchableOpacity, { onPress: () => reload && reload() },
+                    React.createElement(Text, { style: styles.text }, RefreshText.Failure))));
         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>);
+            return (React.createElement(View, { style: styles.container },
+                React.createElement(TouchableOpacity, { onPress: () => reload && reload() },
+                    React.createElement(Text, { style: styles.text }, RefreshText.EmptyData))));
         default:
-            return <View />;
+            return React.createElement(View, null);
     }
 });
 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>);
+            return (React.createElement(View, { style: Object.assign({}, styles.container) },
+                React.createElement(Text, { style: Object.assign({}, styles.text) }, RefreshText.HeaderRefreshing)));
         default:
-            return <View />;
+            return React.createElement(View, null);
     }
 });
 const styles = StyleSheet.create({
@@ -145,7 +137,6 @@ const styles = StyleSheet.create({
         justifyContent: "center",
         alignItems: "center",
         height: 44,
-        // backgroundColor:'cyan'
     },
     text: {
         color: "gray",

package/dist/components/RefreshList/demo.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { View } from "react-native";
+import { default as RefreshList, RefreshState } from "./RefreshList";
+const App = () => {
+    const [refreshState, setRefreshState] = React.useState(RefreshState.Idle);
+    return (React.createElement(RefreshList, { data: ["a", "b"], renderItem: ({ item, index }) => {
+            return React.createElement(View, null, item);
+        }, refreshState: refreshState, onHeaderRefresh: () => { }, onFooterRefresh: () => { } }));
+};

package/dist/components/RefreshList/demo1.js

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { View } from "react-native";
+import { default as RefreshList, RefreshState } from "./RefreshList";
+const App = () => {
+    const [refreshState, setRefreshState] = React.useState(RefreshState.Idle);
+    const listRef = React.useRef(null);
+    return (React.createElement(RefreshList, { mode: "SectionList", sections: [
+            {
+                title: "Main dishes",
+                data: ["Pizza", "Burger", "Risotto"],
+            },
+            {
+                title: "Sides",
+                data: ["French Fries", "Onion Rings", "Fried Shrimps"],
+            },
+            {
+                title: "Drinks",
+                data: ["Water", "Coke", "Beer"],
+            },
+            {
+                title: "Desserts",
+                data: ["Cheese Cake", "Ice Cream"],
+            },
+        ], renderItem: ({ item, section }) => {
+            return React.createElement(View, null, item);
+        }, refreshState: refreshState, onHeaderRefresh: () => { }, onFooterRefresh: () => { }, renderSectionHeader: ({ section: { letter } }) => (React.createElement(View, { style: { backgroundColor: "red" } })) }));
+};

package/dist/components/RefreshList/demo2.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { RefreshState } from "./RefreshList";
+const App = () => {
+    const [refreshState, setRefreshState] = React.useState(RefreshState.Idle);
+    const listRef = React.useRef(null);
+    const dataList = Array(20)
+        .fill("")
+        .map((_, i) => ({ key: `${i}`, text: `item #${i}` }));
+};

package/dist/components/RichText/RichText.js

@@ -1,16 +1,20 @@
-/*
- * @Author: shiguo
- * @Date: 2022-07-11 15:42:16
- * @LastEditors: shiguo
- * @LastEditTime: 2022-07-11 16:15:02
- * @FilePath: /@aks-dev/easyui/lib/RichText/RichText.tsx
- */
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import React from "react";
 import { StyleSheet, Text } from "react-native";
 import { px2sp } from "../../screen/px2sp";
 import * as utils from "../../utils/lazy";
 export default (props) => {
-    const { rich, richStyle, text, suffix, prefix, ...rest } = props;
+    const { rich, richStyle, text, suffix, prefix } = props, rest = __rest(props, ["rich", "richStyle", "text", "suffix", "prefix"]);
     let textStr = "";
     let richStr = "";
     if (utils.isString(text) || utils.isNumber(text)) {
@@ -21,27 +25,24 @@ export default (props) => {
     }
     let positionStart = 0;
     let positionEnd = 0;
-    if (textStr?.indexOf(richStr) >= 0) {
+    if ((textStr === null || textStr === void 0 ? void 0 : textStr.indexOf(richStr)) >= 0) {
         positionStart = textStr.indexOf(richStr);
         positionEnd = positionStart + richStr.length;
     }
     if (prefix) {
-        return (<Text style={styles.container} {...rest}>
-        <Text style={{ ...styles.defaultRich, ...richStyle }}>{richStr}</Text>
-        {textStr}
-      </Text>);
+        return (React.createElement(Text, Object.assign({ style: styles.container }, rest),
+            React.createElement(Text, { style: Object.assign(Object.assign({}, styles.defaultRich), richStyle) }, richStr),
+            textStr));
     }
     if (suffix) {
-        return (<Text style={styles.container} {...rest}>
-        {textStr}
-        <Text style={{ ...styles.defaultRich, ...richStyle }}>{richStr}</Text>
-      </Text>);
+        return (React.createElement(Text, Object.assign({ style: styles.container }, rest),
+            textStr,
+            React.createElement(Text, { style: Object.assign(Object.assign({}, styles.defaultRich), richStyle) }, richStr)));
     }
-    return (<Text style={styles.container} {...rest}>
-      {textStr.substring(0, positionStart)}
-      {positionEnd > 0 && (<Text style={{ ...styles.defaultRich, ...richStyle }}>{richStr}</Text>)}
-      {textStr.substring(positionEnd, textStr.length)}
-    </Text>);
+    return (React.createElement(Text, Object.assign({ style: styles.container }, rest),
+        textStr.substring(0, positionStart),
+        positionEnd > 0 && (React.createElement(Text, { style: Object.assign(Object.assign({}, styles.defaultRich), richStyle) }, richStr)),
+        textStr.substring(positionEnd, textStr.length)));
 };
 const styles = StyleSheet.create({
     container: {
@@ -51,6 +52,5 @@ const styles = StyleSheet.create({
     defaultRich: {
         color: "red",
         fontSize: px2sp(14),
-        // fontWeight: 'bold'
     },
 });