@aks-dev/easyui 1.0.192 → 1.0.193

package/dist/components/MenuView/MenuView.js

@@ -1,22 +1,33 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
+import { __awaiter } from "tslib";
 import React from "react";
 import { Image, ScrollView, Text, TouchableOpacity, View, } from "react-native";
 import { deviceHeight, deviceWidth } from "../../screen/px2dp";
+// import * as utils from '../../utils/lazy';
 import { hidePopoverView, showPopoverView } from "../Hud/Hud";
+// type Reducer = (prevState: State, action: Partial<State>) => State
 export default (props) => {
     const { defaultAlignHorizontal = "left", defaultAlignVertical = "bottom" } = props;
     const [state, dispatch] = React.useReducer((prevState, action) => Object.assign({}, prevState, action), {});
+    // const containerRef = React.useRef<{ measureInWindow: (callback: MeasureInWindowOnSuccessCallback) => void }>()
     const containerRef = React.useRef(null);
     const rootView = React.useRef({ pageX: 0, pageY: 0, width: 0, height: 0 });
     const sc = React.useRef({ x: 0, y: 0, width: 0, height: 0 });
+    // React.useEffect(() => {
+    //     ; (async () => {
+    //         await utils.sleep()
+    //         containerRef.current?.measure((...args) => {
+    //             console.log('containerRef', args)
+    //             if (args.length == 6) {
+    //                 _container.current = {
+    //                     x: args[4],
+    //                     y: args[5],
+    //                     width: args[2],
+    //                     height: args[3],
+    //                 }
+    //             }
+    //         })
+    //     })()
+    // })
     const getRootViewlayoutPromise = () => {
         return new Promise((resovle, reject) => {
             var _a;
@@ -29,6 +40,7 @@ export default (props) => {
                         pageY: args[5],
                     };
                 }
+                // console.log('RootView', rootView.current)
                 resovle(args);
             });
         });
@@ -40,6 +52,7 @@ export default (props) => {
         let width = rootView.current.width;
         let height = rootView.current.height;
         let x = rootView.current.pageX;
+        // let y = (StatusBar.currentHeight || 0) + _container.current.y + height
         let y = rootView.current.pageY + height;
         if (x > Math.abs(deviceWidth - width - x)) {
             alignHorizontal = "right";
@@ -47,6 +60,7 @@ export default (props) => {
         if (y > deviceHeight * 0.5) {
             alignVertical = "top";
         }
+        /**todo: target_width的获取是延迟的，所以这里又问题 */
         const target_width = sc.current.width;
         const target_height = CELL_HEIGHT * (Math.min(((_a = props.data) === null || _a === void 0 ? void 0 : _a.length) || 0, 5) || 0);
         return {
@@ -62,6 +76,7 @@ export default (props) => {
     };
     const reLayout = () => {
         let { alignVertical, alignHorizontal, width, height, x, y, target_width, target_height, } = getLayoutInfos();
+        // console.log({ getLayoutInfos: getLayoutInfos() })
         const layout = () => {
             if (alignHorizontal == "left") {
                 if (target_width + x > deviceWidth) {
@@ -106,38 +121,51 @@ export default (props) => {
         props.onContainerClick && props.onContainerClick();
         if (props.data == undefined || ((_a = props.data) === null || _a === void 0 ? void 0 : _a.length) == 0)
             return;
+        /**重新获取rootview的定位 */
         yield getRootViewlayoutPromise();
+        /**重新获取rootview的定位 */
         showPopoverView({
-            content: (React.createElement(TouchableOpacity, { activeOpacity: 1, style: Object.assign({ position: "absolute", minWidth: deviceWidth * 0.36, maxWidth: deviceWidth * 0.8, minHeight: CELL_HEIGHT + PADDING * 2, maxHeight: CELL_HEIGHT * 5 + PADDING * 2, borderRadius: 6, backgroundColor: "#000000ee", padding: PADDING }, reLayout()) },
-                React.createElement(View, { style: Object.assign({ width: ARROW_HEIGHT, height: ARROW_HEIGHT, backgroundColor: "#000000ee", position: "absolute", zIndex: 1, transform: [{ rotateZ: "45deg" }] }, (() => {
-                        const { alignVertical, alignHorizontal } = getLayoutInfos();
-                        if (alignVertical == "bottom" && alignHorizontal == "left")
-                            return { left: "20%", top: -5 };
-                        if (alignVertical == "bottom" && alignHorizontal == "right")
-                            return { right: "20%", top: -5 };
-                        if (alignVertical == "top" && alignHorizontal == "left")
-                            return { left: "20%", bottom: -5 };
-                        if (alignVertical == "top" && alignHorizontal == "right")
-                            return { right: "20%", bottom: -5 };
-                        return {};
-                    })()) }),
-                React.createElement(ScrollView, { onLayout: (e) => {
-                        let _sc = e.nativeEvent.layout;
-                        sc.current = _sc;
-                    } }, (_b = props.data) === null || _b === void 0 ? void 0 : _b.map((i, idx) => {
-                    return (React.createElement(TouchableOpacity, { activeOpacity: 0.7, key: `sg-memnu-${idx}`, style: {
+            content: (<TouchableOpacity activeOpacity={1} style={Object.assign({ position: "absolute", minWidth: deviceWidth * 0.36, maxWidth: deviceWidth * 0.8, minHeight: CELL_HEIGHT + PADDING * 2, maxHeight: CELL_HEIGHT * 5 + PADDING * 2, borderRadius: 6, backgroundColor: "#000000ee", 
+                    // overflow: 'hidden' ,
+                    padding: PADDING }, reLayout())}>
+          <View style={Object.assign({ width: ARROW_HEIGHT, height: ARROW_HEIGHT, backgroundColor: "#000000ee", position: "absolute", zIndex: 1, transform: [{ rotateZ: "45deg" }] }, (() => {
+                    const { alignVertical, alignHorizontal } = getLayoutInfos();
+                    if (alignVertical == "bottom" && alignHorizontal == "left")
+                        return { left: "20%", top: -5 };
+                    if (alignVertical == "bottom" && alignHorizontal == "right")
+                        return { right: "20%", top: -5 };
+                    if (alignVertical == "top" && alignHorizontal == "left")
+                        return { left: "20%", bottom: -5 };
+                    if (alignVertical == "top" && alignHorizontal == "right")
+                        return { right: "20%", bottom: -5 };
+                    return {};
+                })())}/>
+
+          <ScrollView onLayout={(e) => {
+                    // console.log('target onLayout', e.nativeEvent.layout)
+                    let _sc = e.nativeEvent.layout;
+                    sc.current = _sc;
+                }}>
+            {(_b = props.data) === null || _b === void 0 ? void 0 : _b.map((i, idx) => {
+                    return (<TouchableOpacity activeOpacity={0.7} key={`sg-memnu-${idx}`} style={{
                             height: CELL_HEIGHT,
                             display: "flex",
                             flexDirection: "row",
                             alignItems: "center",
-                        }, onPress: (e) => {
+                            // ,backgroundColor:utils.randomcolor()
+                        }} onPress={(e) => {
                             props.onItemClick && props.onItemClick(idx, i.extra);
                             hidePopoverView();
-                        } },
-                        i.icon && (React.createElement(Image, { style: { width: 18, height: 18, marginRight: 4 }, source: i.icon })),
-                        React.createElement(Text, { style: { flexShrink: 1, fontSize: 14, color: "white" } }, i.text)));
-                })))),
+                        }}>
+                  {i.icon && (<Image style={{ width: 18, height: 18, marginRight: 4 }} source={i.icon}/>)}
+                  <Text style={{ flexShrink: 1, fontSize: 14, color: "white" }}>
+                    {i.text}
+                  </Text>
+                </TouchableOpacity>);
+                })}
+          </ScrollView>
+        </TouchableOpacity>),
         });
     });
-    return (React.createElement(TouchableOpacity, Object.assign({ ref: containerRef, onPress: (e) => show() }, props)));
+    return (<TouchableOpacity ref={containerRef} onPress={(e) => show()} {...props}/>);
 };

package/dist/components/Modal/Modal.js

@@ -1 +1,8 @@
+/*
+ * @Author: shiguo
+ * @Date: 2022-04-26 11:30:34
+ * @LastEditors: shiguo
+ * @LastEditTime: 2022-10-27 16:37:32
+ * @FilePath: /@aks-dev/easyui/lib/Modal/Modal.tsx
+ */
 export { default as Modal } from 'react-native-modal';

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";
@@ -7,7 +14,8 @@ 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);
@@ -67,6 +75,7 @@ const MutiPictureView = (props) => {
                 typeof it == "object");
         })) || [];
         let images = [];
+        // console.log('viewModel', viewModel, imgs)
         imgs.forEach((it) => {
             if (typeof it === "string") {
                 images.push({ uri: it });
@@ -86,7 +95,7 @@ const MutiPictureView = (props) => {
         });
     };
     const ItemView = ({ source, index, }) => {
-        return (React.createElement(TouchableOpacity, { style: [
+        return (<TouchableOpacity style={[
                 styles.item_container,
                 itemContainerStyle,
                 {
@@ -95,15 +104,18 @@ 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) => {
+            // console.log('measure', args[2])
             if (args.length > 3) {
                 let _sideLength = +((args[2] - spacingHorizontal * 2 - spacingInner * 2) /
                     3).toFixed(1);
@@ -112,18 +124,19 @@ 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 &&
+        return (<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 &&
+                    return (<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 - (((_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: [
+                    return (<View key={`sg-showEmptyPlaceHolder-${k}`} style={[
                             styles.empty_place_container,
                             emptyPlaceHolderStyle,
                             itemContainerStyle,
@@ -139,15 +152,17 @@ const MutiPictureView = (props) => {
                                 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 === null || viewModel === void 0 ? void 0 : 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}/>);
+            })}
+
+      {!(((_e = viewModel === null || viewModel === void 0 ? void 0 : viewModel.photos) === null || _e === void 0 ? void 0 : _e.length) == maxCount) && editable && (<TouchableOpacity style={[
                 styles.item_container,
                 itemContainerStyle,
                 {
@@ -159,23 +174,26 @@ const MutiPictureView = (props) => {
                     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 &&
+                ]}>
+              {props.addText}
+            </Text>)}
+        </TouchableOpacity>)}
+      {showEmptyPlaceHolder &&
             maxCount - (((_h = viewModel.photos) === null || _h === void 0 ? void 0 : _h.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: [
+                return (<View key={`sg-showEmptyPlaceHolder-${k}`} style={[
                         styles.empty_place_container,
                         emptyPlaceHolderStyle,
                         itemContainerStyle,
@@ -191,8 +209,9 @@ const MutiPictureView = (props) => {
                             width: sideLength,
                             height: sideLength,
                         },
-                    ] }));
-            })));
+                    ]}/>);
+            })}
+    </View>);
 };
 const styles = StyleSheet.create({
     container: {
@@ -202,6 +221,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,3 +1,10 @@
+/*
+ * @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";
@@ -19,15 +26,24 @@ 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 }),
             });
-        }, 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: Object.assign(Object.assign({}, viewModel.imageViewer), { visible: false }),
+            });
+        }}/>
+    </Modal>);
 };

package/dist/components/RefreshList/RefreshList.js

@@ -1,14 +1,4 @@
-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 { __rest } from "tslib";
 import * as React from "react";
 import { View, Text, Animated, StyleSheet, ActivityIndicator, TouchableOpacity, } from "react-native";
 import { SwipeListView } from "react-native-swipe-list-view";
@@ -65,33 +55,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={((_a = flatListProps.data) === null || _a === void 0 ? void 0 : _a.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={((_b = sectionListProps.sections) === null || _b === void 0 ? void 0 : _b.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 +99,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={Object.assign(Object.assign({}, styles.container), { flexDirection: "row" })}>
+          <ActivityIndicator color={"gray"}/>
+          <Text style={Object.assign(Object.assign({}, 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={Object.assign(Object.assign({}, 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={Object.assign({}, styles.container)}>
+          <Text style={Object.assign({}, styles.text)}>{RefreshText.HeaderRefreshing}</Text>
+        </View>);
         default:
-            return React.createElement(View, null);
+            return <View />;
     }
 });
 const styles = StyleSheet.create({
@@ -137,6 +147,7 @@ const styles = StyleSheet.create({
         justifyContent: "center",
         alignItems: "center",
         height: 44,
+        // backgroundColor:'cyan'
     },
     text: {
         color: "gray",

package/dist/components/RichText/RichText.js

@@ -1,14 +1,11 @@
-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 { __rest } from "tslib";
+/*
+ * @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";
@@ -30,19 +27,22 @@ export default (props) => {
         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={Object.assign(Object.assign({}, 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={Object.assign(Object.assign({}, 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={Object.assign(Object.assign({}, styles.defaultRich), richStyle)}>{richStr}</Text>)}
+      {textStr.substring(positionEnd, textStr.length)}
+    </Text>);
 };
 const styles = StyleSheet.create({
     container: {
@@ -52,5 +52,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: {