@aks-dev/easyui 1.0.191 → 1.0.192

package/dist/components/RefreshList/RefreshList.js

@@ -1,4 +1,14 @@
-import { __rest } from "tslib";
+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";
@@ -55,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={((_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}/>)}/>);
+                }, 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={((_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}/>);
+                }, 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 })));
         }
     }
 });
@@ -99,45 +100,34 @@ const ListFooterComponent = React.memo((props) => {
     switch (refreshState) {
         case RefreshState.Idle:
         case RefreshState.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>);
+            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={Object.assign(Object.assign({}, 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={Object.assign({}, styles.container)}>
-          <Text style={Object.assign({}, 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({
@@ -147,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,11 +1,14 @@
-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
- */
+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";
@@ -27,22 +30,19 @@ export default (props) => {
         positionEnd = positionStart + richStr.length;
     }
     if (prefix) {
-        return (<Text style={styles.container} {...rest}>
-        <Text style={Object.assign(Object.assign({}, 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={Object.assign(Object.assign({}, 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={Object.assign(Object.assign({}, 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: {
@@ -52,6 +52,5 @@ const styles = StyleSheet.create({
     defaultRich: {
         color: "red",
         fontSize: px2sp(14),
-        // fontWeight: 'bold'
     },
 });

package/dist/components/StickHeaderView/StickHeaderView.js

@@ -1,16 +1,8 @@
-/*
- * @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);
     };
@@ -21,13 +13,11 @@ const App = (props) => {
             outputRange: [0, 0, 0, 1],
         });
     };
-    return (<Animated.View onLayout={_onLayout} style={[
+    return (React.createElement(Animated.View, { onLayout: _onLayout, style: [
             style,
             styles.container,
             { transform: [{ translateY: translateY() }] },
-        ]}>
-      {children}
-    </Animated.View>);
+        ] }, children));
 };
 const styles = StyleSheet.create({
     container: {

package/dist/components/StickHeaderView/demo.js

@@ -0,0 +1,37 @@
+import React from "react";
+import { View, StyleSheet, TouchableOpacity, Text, Animated, } from "react-native";
+import { px2dp } from "../../screen/px2dp";
+import { px2sp } from "../../screen/px2sp";
+import StickHeaderView from "./StickHeaderView";
+import WithLoadingContainer from "../WithLoadingContainer/WithLoadingContainer";
+import { Status } from "../WithLoadingContainer/WithLoadingContainer";
+export default ({}) => {
+    var _a;
+    const scrollY = React.useRef(new Animated.Value(0)).current;
+    const headHeight = React.useRef(-1);
+    return (React.createElement(View, { style: styles.container },
+        React.createElement(Animated.ScrollView, { style: { flex: 1 }, onScroll: Animated.event([
+                {
+                    nativeEvent: { contentOffset: { y: scrollY } },
+                },
+            ]), scrollEventThrottle: 1 },
+            React.createElement(View, { onLayout: (e) => {
+                    let { height } = e.nativeEvent.layout;
+                    headHeight.current = height;
+                } }),
+            React.createElement(StickHeaderView, { stickyHeaderY: headHeight.current, stickyScrollY: scrollY },
+                React.createElement(View, null,
+                    React.createElement(Text, { style: {
+                            fontSize: px2sp(16),
+                            color: "#333",
+                            marginLeft: px2dp(30),
+                        } }, "\u5F53\u65E5\u8BA1\u5212"))),
+            React.createElement(WithLoadingContainer, { status: Status.SUCCESS, emptyText: "今日无需巡检" }, (_a = Array(30)
+                .fill("")) === null || _a === void 0 ? void 0 : _a.map((i, index) => (React.createElement(Item, { key: `sg-item-${index}`, item: i, index: index })))))));
+};
+const Item = (props) => {
+    return React.createElement(TouchableOpacity, null);
+};
+const styles = StyleSheet.create({
+    container: {},
+});

package/dist/components/TableCell/TableCell.js

@@ -4,54 +4,43 @@ import { px2dp } from "../../screen/px2dp";
 import { px2sp } from "../../screen/px2sp";
 export default (props) => {
     const { showNav = false, activeOpacity = 0.8 } = props;
-    return (<TouchableOpacity activeOpacity={props.onPress == undefined ? activeOpacity : 1} style={[styles.container, props.style]} disabled={props.onPress == undefined} onPress={() => props.onPress && props.onPress()}>
-      <View style={[
-            styles.warpper,
-            props.showUnderline
-                ? Object.assign({ borderBottomColor: "#f2f2f2", 
-                    // borderBottomWidth: StyleSheet.hairlineWidth,
-                    borderBottomWidth: px2dp(1) }, props.underlineStyle) : {},
-        ]}>
-        {props.icon && (<Image style={[
-                { width: px2dp(20), height: px2dp(20), marginRight: px2dp(8) },
-                props.iconStyle,
-            ]} resizeMode="contain" source={props.icon}/>)}
-        <View style={[styles.middle, props.middleContaierStyle]}>
-          {/* 标题 */}
-          {(() => {
-            var _a;
-            if (typeof props.title === "string" ||
-                typeof props.title === "number") {
-                return (<Text numberOfLines={1} {...props.titleOptions} style={[styles.title, (_a = props.titleOptions) === null || _a === void 0 ? void 0 : _a.style]}>
-                  {props.title}
-                </Text>);
-            }
-            if (React.isValidElement(props.title))
-                return props.title;
-            return <View style={styles.title}/>;
-        })()}
-
-          {(() => {
-            var _a;
-            if (typeof props.content === "string" ||
-                typeof props.content === "number") {
-                return (<Text numberOfLines={1} {...props.contentOptions} style={[styles.content, (_a = props.contentOptions) === null || _a === void 0 ? void 0 : _a.style]}>
-                  {props.content}
-                </Text>);
-            }
-            if (React.isValidElement(props.content))
-                return props.content;
-            return undefined;
-        })()}
-        </View>
-        {showNav &&
-            (props.nav || (<Image style={{
-                    width: px2dp(9),
-                    height: px2dp(16),
-                    marginLeft: px2dp(8),
-                }} source={require("./assets/back.png")}/>))}
-      </View>
-    </TouchableOpacity>);
+    return (React.createElement(TouchableOpacity, { activeOpacity: props.onPress == undefined ? activeOpacity : 1, style: [styles.container, props.style], disabled: props.onPress == undefined, onPress: () => props.onPress && props.onPress() },
+        React.createElement(View, { style: [
+                styles.warpper,
+                props.showUnderline
+                    ? Object.assign({ borderBottomColor: "#f2f2f2", borderBottomWidth: px2dp(1) }, props.underlineStyle) : {},
+            ] },
+            props.icon && (React.createElement(Image, { style: [
+                    { width: px2dp(20), height: px2dp(20), marginRight: px2dp(8) },
+                    props.iconStyle,
+                ], resizeMode: "contain", source: props.icon })),
+            React.createElement(View, { style: [styles.middle, props.middleContaierStyle] },
+                (() => {
+                    var _a;
+                    if (typeof props.title === "string" ||
+                        typeof props.title === "number") {
+                        return (React.createElement(Text, Object.assign({ numberOfLines: 1 }, props.titleOptions, { style: [styles.title, (_a = props.titleOptions) === null || _a === void 0 ? void 0 : _a.style] }), props.title));
+                    }
+                    if (React.isValidElement(props.title))
+                        return props.title;
+                    return React.createElement(View, { style: styles.title });
+                })(),
+                (() => {
+                    var _a;
+                    if (typeof props.content === "string" ||
+                        typeof props.content === "number") {
+                        return (React.createElement(Text, Object.assign({ numberOfLines: 1 }, props.contentOptions, { style: [styles.content, (_a = props.contentOptions) === null || _a === void 0 ? void 0 : _a.style] }), props.content));
+                    }
+                    if (React.isValidElement(props.content))
+                        return props.content;
+                    return undefined;
+                })()),
+            showNav &&
+                (props.nav || (React.createElement(Image, { style: {
+                        width: px2dp(9),
+                        height: px2dp(16),
+                        marginLeft: px2dp(8),
+                    }, source: require("./assets/back.png") }))))));
 };
 const styles = StyleSheet.create({
     container: {
@@ -75,17 +64,14 @@ const styles = StyleSheet.create({
         flexDirection: "row",
         alignItems: "center",
         justifyContent: "space-between",
-        // backgroundColor: 'cyan'
     },
     title: {
-        // backgroundColor: 'red',
         flexGrow: 0,
         flexShrink: 0,
         fontSize: px2sp(14),
         color: "#333333",
     },
     content: {
-        // backgroundColor: 'yellow',
         flexGrow: 1,
         flexShrink: 1,
         fontSize: px2sp(14),

package/dist/components/TextInputArea/TextInputArea.js

@@ -1,11 +1,14 @@
-import { __rest } from "tslib";
-/*
- * @Author: shiguo
- * @Date: 2022-04-24 13:56:47
- * @LastEditors: shiguo
- * @LastEditTime: 2022-09-09 10:59:38
- * @FilePath: /@aks-dev/easyui/lib/TextInputArea/TextInputArea.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 { View, Text, TextInput, StyleSheet, } from "react-native";
 import { px2dp } from "../../screen/px2dp";
@@ -19,27 +22,20 @@ export default React.forwardRef((props, ref) => {
     React.useImperativeHandle(ref, () => ({
         value: value,
     }), [value]);
-    return (<View style={[styles.container, rest.style]}>
-        <TextInput {...rest} style={[styles.textInput, rest.textInputStyle]} value={value} onChangeText={(txt) => {
-            setValue(txt);
-            on && on(txt);
-        }} multiline={true} textAlignVertical={"top"} maxLength={maxLength} placeholder={placeholder}/>
-
-        <View style={styles.corner}>
-          <Text style={styles.limit}>
-            <Text style={Object.assign(Object.assign({}, styles.limit), { color: value && (value === null || value === void 0 ? void 0 : value.length) > maxLength - 5 ? "red" : "#AFAFAF" })}>
-              {(value === null || value === void 0 ? void 0 : value.length) || 0}
-            </Text>
-            /{maxLength}
-          </Text>
-        </View>
-      </View>);
+    return (React.createElement(View, { style: [styles.container, rest.style] },
+        React.createElement(TextInput, Object.assign({}, rest, { style: [styles.textInput, rest.textInputStyle], value: value, onChangeText: (txt) => {
+                setValue(txt);
+                on && on(txt);
+            }, multiline: true, textAlignVertical: "top", maxLength: maxLength, placeholder: placeholder })),
+        React.createElement(View, { style: styles.corner },
+            React.createElement(Text, { style: styles.limit },
+                React.createElement(Text, { style: Object.assign(Object.assign({}, styles.limit), { color: value && (value === null || value === void 0 ? void 0 : value.length) > maxLength - 5 ? "red" : "#AFAFAF" }) }, (value === null || value === void 0 ? void 0 : value.length) || 0),
+                "/",
+                maxLength))));
 });
 const styles = StyleSheet.create({
     container: {
-        // backgroundColor: '#F5F5F5',
         minHeight: px2dp(200),
-        // borderRadius: px2dp(10),
         backgroundColor: "white",
     },
     textInput: {
@@ -47,11 +43,8 @@ const styles = StyleSheet.create({
         margin: px2dp(15),
         marginBottom: px2dp(8),
         fontSize: px2sp(14),
-        // backgroundColor: 'red'
     },
     corner: {
-        // position: 'absolute',
-        // backgroundColor:'cyan',
         marginHorizontal: px2dp(15),
         marginBottom: px2dp(8),
     },

package/dist/components/WithLoadingContainer/WithLoadingContainer.js

@@ -1,10 +1,3 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-20 14:56:47
- * @LastEditors: shiguo
- * @LastEditTime: 2022-05-09 14:35:04
- * @FilePath: /@aks/easyui/lib/WithLoadingContainer/WithLoadingContainer.tsx
- */
 import React from "react";
 import { View, Image, Text, StyleSheet, TouchableOpacity, } from "react-native";
 const loading = require("./assets/loading.gif");
@@ -20,52 +13,42 @@ export var Status;
 })(Status || (Status = {}));
 export default (props) => {
     const { status = Status.NONE, renderFailComponent, renderEmptyComponent, renderNomoreComponent, reload, failText = "网络请求失败，点击重新加载~", emptyText = "暂无数据", nomoreText = "没有更多数据了～", } = props;
-    return (<View style={props.style}>
-      <>
-        {(() => {
+    return (React.createElement(View, { style: props.style },
+        React.createElement(React.Fragment, null, (() => {
             switch (status) {
                 case Status.NONE:
                     return undefined;
                 case Status.SUCCESS:
                     return props.children;
                 case Status.LOADING:
-                    return <Loading />;
+                    return React.createElement(Loading, null);
                 case Status.FAIL:
                     if (renderFailComponent)
                         return renderFailComponent();
-                    return (<TouchableOpacity disabled={!reload} onPress={reload} style={styles.container}>
-                  <Text style={styles.text}>{failText}</Text>
-                </TouchableOpacity>);
+                    return (React.createElement(TouchableOpacity, { disabled: !reload, onPress: reload, style: styles.container },
+                        React.createElement(Text, { style: styles.text }, failText)));
                 case Status.EMPTY:
                     if (renderEmptyComponent)
                         return renderEmptyComponent();
-                    return (<TouchableOpacity disabled={!reload} onPress={reload} style={styles.container}>
-                  <Text style={styles.text}>{emptyText}</Text>
-                </TouchableOpacity>);
+                    return (React.createElement(TouchableOpacity, { disabled: !reload, onPress: reload, style: styles.container },
+                        React.createElement(Text, { style: styles.text }, emptyText)));
                 case Status.NOMORE:
-                    return (<>
-                  {props.children}
-                  {renderNomoreComponent ? (renderNomoreComponent()) : (<Text style={styles.text}>{nomoreText}</Text>)}
-                </>);
+                    return (React.createElement(React.Fragment, null,
+                        props.children,
+                        renderNomoreComponent ? (renderNomoreComponent()) : (React.createElement(Text, { style: styles.text }, nomoreText))));
                 default:
-                    return (<Text style={[styles.text, { lineHeight: 44 }]}>
-                  (^_^)∠※ 送你一束小花
-                </Text>);
+                    return (React.createElement(Text, { style: [styles.text, { lineHeight: 44 }] }, "(^_^)\u2220\u203B \u9001\u4F60\u4E00\u675F\u5C0F\u82B1"));
             }
-        })()}
-      </>
-    </View>);
+        })())));
 };
 const Loading = () => {
-    return (<View style={styles.container}>
-      <Image source={loading3} style={{ width: 20, height: 20 }} resizeMode="contain"/>
-    </View>);
+    return (React.createElement(View, { style: styles.container },
+        React.createElement(Image, { source: loading3, style: { width: 20, height: 20 }, resizeMode: "contain" })));
 };
 const styles = StyleSheet.create({
     text: {
         color: "#999999",
         fontSize: 14,
-        // textAlign: 'center',
     },
     container: {
         display: "flex",

package/dist/index.js

@@ -1,11 +1,3 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-13 12:47:34
- * @LastEditors: shiguo
- * @LastEditTime: 2023-03-23 15:26:14
- * @FilePath: /@aks-dev/easyui/src/index.ts
- */
-/// 组件
 export * from "./components/Badge/Badge";
 export { Hud, showLoading, hideLoading, showToast, showAlertModal, showAlertBottomModal, showAlertSheetModal, showPopoverView, hidePopoverView, showScanner, hideScanner, } from "./components/Hud/Hud";
 export * from "./components/Modal/Modal";
@@ -21,10 +13,7 @@ export { default as RichText } from "./components/RichText/RichText";
 export { default as DottedLine } from "./components/DottedLine/DottedLine";
 export { default as MenuView } from "./components/MenuView/MenuView";
 export { AnimationModal } from "./components/AnimationModal/AnimationModal";
-/// 全局适配
 export * from "./screen";
-/// 工具
 import * as utils from "./utils";
-///  桥接
 import * as jsbridge from "./jsbridge";
 export { utils, jsbridge };