@aks-dev/easyui 1.0.196 → 1.0.198

package/dist/components/MutiPictureView/MutiPictureView.js

@@ -1,3 +1,10 @@
+/*
+ * @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";
@@ -6,20 +13,19 @@ 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) => {
-    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 { 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 = () => {
-        var _a, _b;
         let images = viewModel.photos || [];
         if (!images) {
             throw new Error("viewModel没有定义photos字段");
         }
         if (type == "showImagePicker") {
             SYImagePicker.showImagePicker({
-                imageCount: maxCount - (((_a = viewModel.photos) === null || _a === void 0 ? void 0 : _a.length) || 0),
+                imageCount: maxCount - (viewModel.photos?.length || 0),
                 isCrop: false,
                 isRecordSelected: false,
                 quality: 20,
@@ -35,7 +41,7 @@ const MutiPictureView = (props) => {
         }
         if (type == "openCamera") {
             SYImagePicker.openCamera({
-                imageCount: maxCount - (((_b = viewModel.photos) === null || _b === void 0 ? void 0 : _b.length) || 0),
+                imageCount: maxCount - (viewModel.photos?.length || 0),
                 isCrop: false,
                 isRecordSelected: false,
                 quality: 20,
@@ -60,13 +66,13 @@ const MutiPictureView = (props) => {
         setViewModel({ photos: photos });
     };
     const showPhoto = (index) => {
-        var _a;
         Keyboard.dismiss();
-        let imgs = ((_a = (props.value || viewModel.photos)) === null || _a === void 0 ? void 0 : _a.filter((it) => {
+        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 });
@@ -86,7 +92,7 @@ const MutiPictureView = (props) => {
         });
     };
     const ItemView = ({ source, index, }) => {
-        return (React.createElement(TouchableOpacity, { style: [
+        return (<TouchableOpacity style={[
                 styles.item_container,
                 itemContainerStyle,
                 {
@@ -95,15 +101,17 @@ const MutiPictureView = (props) => {
                     width: sideLength,
                     height: sideLength,
                 },
-            ], 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%" } })))));
+            ]} 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(() => {
-        var _a;
-        (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.measure((...args) => {
+        containerRef.current?.measure((...args) => {
+            // console.log('measure', args[2])
             if (args.length > 3) {
                 let _sideLength = +((args[2] - spacingHorizontal * 2 - spacingInner * 2) /
                     3).toFixed(1);
@@ -111,88 +119,89 @@ const MutiPictureView = (props) => {
             }
         });
     });
-    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 &&
+    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 - (((_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,
-                            },
-                        ] }));
-                })));
+                    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 (React.createElement(View, { style: [styles.container, props.style], ref: containerRef },
-        (viewModel === null || viewModel === void 0 ? void 0 : viewModel.photos) instanceof Array &&
+    return (<View style={[styles.container, props.style]} ref={containerRef}>
+      {viewModel?.photos instanceof Array &&
             viewModel.photos.map((item, index) => {
-                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: [
+                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: (((_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
+                    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() },
-            React.createElement(Image, { source: addIcon ? addIcon : icon_add_image, style: [{ width: "25%", height: "25%" }, addIconStyle], resizeMode: "contain" }),
-            props.addText && (React.createElement(Text, { style: [
+            ]} 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)))),
-        showEmptyPlaceHolder &&
-            maxCount - (((_h = viewModel.photos) === null || _h === void 0 ? void 0 : _h.length) || 0) - 1 > 0 &&
+                ]}>
+              {props.addText}
+            </Text>)}
+        </TouchableOpacity>)}
+      {showEmptyPlaceHolder &&
+            maxCount - (viewModel.photos?.length || 0) - 1 > 0 &&
             Array.from({
-                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,
-                        },
-                    ] }));
-            })));
+                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: {
@@ -202,6 +211,7 @@ const styles = StyleSheet.create({
         display: "flex",
         flexDirection: "row",
         flexWrap: "wrap",
+        // borderRadius: px2dp(10),
     },
     item_container: {
         overflow: "hidden",

package/dist/components/PictureViewer/PictureViewer.js

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

@@ -1,14 +1,3 @@
-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";
@@ -31,8 +20,7 @@ export var RefreshState;
     RefreshState["None"] = "None";
 })(RefreshState || (RefreshState = {}));
 export default React.forwardRef((props, ref) => {
-    var _a, _b;
-    const { mode = "FlatList", refreshState, onHeaderRefresh, onFooterRefresh, reload } = props, rest = __rest(props, ["mode", "refreshState", "onHeaderRefresh", "onFooterRefresh", "reload"]);
+    const { mode = "FlatList", refreshState, onHeaderRefresh, onFooterRefresh, reload, ...rest } = props;
     const seed = React.useRef(Math.random()).current;
     let onRefresh = () => {
         if (refreshState == RefreshState.HeaderRefreshing)
@@ -65,33 +53,42 @@ export default React.forwardRef((props, ref) => {
     switch (mode) {
         case "FlatList": {
             let flatListProps = props;
-            return (React.createElement(Animated.FlatList, Object.assign({}, rest, { ref: ref, refreshing: refreshState == RefreshState.HeaderRefreshing, keyExtractor: (_, index) => {
+            return (<Animated.FlatList {...rest} ref={ref} refreshing={refreshState == RefreshState.HeaderRefreshing} keyExtractor={(_, index) => {
                     return `sg-index-FlatList-${seed}-${index}`;
-                }, 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))) })));
+                }} 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 = (_) => 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) => {
+            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: ((_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 })));
+                }} 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 = (_) => React.createElement(View, { style: { height: 1 } }), } = swipeListProps;
-            const { renderHiddenItem = (data, rowMap) => (React.createElement(View, { style: {
+            const { ItemSeparatorComponent = (_) => <View style={{ height: 1 }}/>, } = swipeListProps;
+            const { renderHiddenItem = (data, rowMap) => (<View style={{
                     backgroundColor: "red",
                     height: "100%",
                     alignItems: "flex-end",
                     justifyContent: "center",
-                } },
-                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 })));
+                }}>
+              <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}/>);
         }
     }
 });
@@ -100,34 +97,45 @@ const ListFooterComponent = React.memo((props) => {
     switch (refreshState) {
         case RefreshState.Idle:
         case RefreshState.FooterRefreshing:
-            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)));
+            return (<View style={{ ...styles.container, flexDirection: "row" }}>
+          <ActivityIndicator color={"gray"}/>
+          <Text style={{ ...styles.text, marginLeft: 5 }}>
+            {RefreshText.FooterRefreshing}
+          </Text>
+        </View>);
         case RefreshState.NoMoreData:
-            return (React.createElement(View, { style: styles.container },
-                React.createElement(Text, { style: Object.assign(Object.assign({}, styles.text), { color: "#999999" }) }, RefreshText.NoMoreData)));
+            return (<View style={styles.container}>
+          <Text style={{ ...styles.text, color: "#999999" }}>
+            {RefreshText.NoMoreData}
+          </Text>
+        </View>);
         case RefreshState.Failure:
-            return (React.createElement(View, { style: styles.container },
-                React.createElement(TouchableOpacity, { onPress: () => reload && reload() },
-                    React.createElement(Text, { style: styles.text }, RefreshText.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 (React.createElement(View, { style: styles.container },
-                React.createElement(TouchableOpacity, { onPress: () => reload && reload() },
-                    React.createElement(Text, { style: styles.text }, RefreshText.EmptyData))));
+            return (<View style={styles.container}>
+          <TouchableOpacity onPress={() => reload && reload()}>
+            <Text style={styles.text}>{RefreshText.EmptyData}</Text>
+          </TouchableOpacity>
+        </View>);
         default:
-            return React.createElement(View, null);
+            return <View />;
     }
 });
 const ListHeaderComponent = React.memo((props) => {
     const { refreshState } = props;
     switch (refreshState) {
         case RefreshState.HeaderRefreshing:
-            return (React.createElement(View, { style: Object.assign({}, styles.container) },
-                React.createElement(Text, { style: Object.assign({}, styles.text) }, RefreshText.HeaderRefreshing)));
+            return (<View style={{ ...styles.container }}>
+          <Text style={{ ...styles.text }}>{RefreshText.HeaderRefreshing}</Text>
+        </View>);
         default:
-            return React.createElement(View, null);
+            return <View />;
     }
 });
 const styles = StyleSheet.create({
@@ -137,6 +145,7 @@ const styles = StyleSheet.create({
         justifyContent: "center",
         alignItems: "center",
         height: 44,
+        // backgroundColor:'cyan'
     },
     text: {
         color: "gray",

package/dist/components/RichText/RichText.js

@@ -1,20 +1,16 @@
-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;
-};
+/*
+ * @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
+ */
 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 } = props, rest = __rest(props, ["rich", "richStyle", "text", "suffix", "prefix"]);
+    const { rich, richStyle, text, suffix, prefix, ...rest } = props;
     let textStr = "";
     let richStr = "";
     if (utils.isString(text) || utils.isNumber(text)) {
@@ -25,24 +21,27 @@ export default (props) => {
     }
     let positionStart = 0;
     let positionEnd = 0;
-    if ((textStr === null || textStr === void 0 ? void 0 : textStr.indexOf(richStr)) >= 0) {
+    if (textStr?.indexOf(richStr) >= 0) {
         positionStart = textStr.indexOf(richStr);
         positionEnd = positionStart + richStr.length;
     }
     if (prefix) {
-        return (React.createElement(Text, Object.assign({ style: styles.container }, rest),
-            React.createElement(Text, { style: Object.assign(Object.assign({}, styles.defaultRich), richStyle) }, richStr),
-            textStr));
+        return (<Text style={styles.container} {...rest}>
+        <Text style={{ ...styles.defaultRich, ...richStyle }}>{richStr}</Text>
+        {textStr}
+      </Text>);
     }
     if (suffix) {
-        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}
+        <Text style={{ ...styles.defaultRich, ...richStyle }}>{richStr}</Text>
+      </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)));
+    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>);
 };
 const styles = StyleSheet.create({
     container: {
@@ -52,5 +51,6 @@ const styles = StyleSheet.create({
     defaultRich: {
         color: "red",
         fontSize: px2sp(14),
+        // fontWeight: 'bold'
     },
 });

package/dist/components/StickHeaderView/StickHeaderView.js

@@ -1,8 +1,16 @@
+/*
+ * @Author: shiguo
+ * @Date: 2022-04-29 10:22:16
+ * @LastEditors: shiguo
+ * @LastEditTime: 2022-04-29 10:27:44
+ * @FilePath: /@aks/easyui/lib/StickHeaderView/StickHeaderView.tsx
+ */
 import * as React from "react";
 import { StyleSheet, Animated, } from "react-native";
 const App = (props) => {
     const { style, children, stickyHeaderY = -1, stickyScrollY = new Animated.Value(0), } = props;
     const [stickyLayoutY, setStickyLayoutY] = React.useState(0);
+    // 兼容代码，防止没有传头部高度
     const _onLayout = (event) => {
         setStickyLayoutY(event.nativeEvent.layout.y);
     };
@@ -13,11 +21,13 @@ const App = (props) => {
             outputRange: [0, 0, 0, 1],
         });
     };
-    return (React.createElement(Animated.View, { onLayout: _onLayout, style: [
+    return (<Animated.View onLayout={_onLayout} style={[
             style,
             styles.container,
             { transform: [{ translateY: translateY() }] },
-        ] }, children));
+        ]}>
+      {children}
+    </Animated.View>);
 };
 const styles = StyleSheet.create({
     container: {