@aks-dev/easyui 1.0.182 → 1.0.183

package/dist/components/MutiPictureView/MutiPictureView.js

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * @Author: OBKoro1
  * @Date: 2022-04-24 17:38:27
@@ -6,18 +5,16 @@
  * @LastEditTime: 2022-11-14 11:33:33
  * @FilePath: /@aks-dev/easyui/lib/MutiPictureView/MutiPictureView.tsx
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_native_1 = require("react-native");
-const px2dp_1 = require("../../screen/px2dp");
-const px2sp_1 = require("../../screen/px2sp");
-const react_native_syan_image_picker_1 = tslib_1.__importDefault(require("@aks-dev/react-native-syan-image-picker"));
+import * as React from "react";
+import { Image, View, StyleSheet, Keyboard, TouchableOpacity, Text, } from "react-native";
+import { px2dp } from "../../screen/px2dp";
+import { px2sp } from "../../screen/px2sp";
+import SYImagePicker from "@aks-dev/react-native-syan-image-picker";
 let icon_add_image = require("./assets/icon_add_image.png");
 let icon_del_image = require("./assets/icon_del_image.png");
 const MutiPictureView = (props) => {
     const { bind, maxCount = 6, type = "showImagePicker", addIcon, addIconStyle, addIconContainerStyle, //borderWidth: 1, borderStyle: 'dashed', borderColor: assets.color_A3A9CC  虚线框
-    itemContainerStyle, emptyPlaceHolderStyle, delIcon, delIconStyle, spacingHorizontal = (0, px2dp_1.px2dp)(15), spacingInner = (0, px2dp_1.px2dp)(8), editable = true, showEmptyPlaceHolder = false, } = props;
+    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);
@@ -27,7 +24,7 @@ const MutiPictureView = (props) => {
             throw new Error("viewModel没有定义photos字段");
         }
         if (type == "showImagePicker") {
-            react_native_syan_image_picker_1.default.showImagePicker({
+            SYImagePicker.showImagePicker({
                 imageCount: maxCount - (viewModel.photos?.length || 0),
                 isCrop: false,
                 isRecordSelected: false,
@@ -43,7 +40,7 @@ const MutiPictureView = (props) => {
             });
         }
         if (type == "openCamera") {
-            react_native_syan_image_picker_1.default.openCamera({
+            SYImagePicker.openCamera({
                 imageCount: maxCount - (viewModel.photos?.length || 0),
                 isCrop: false,
                 isRecordSelected: false,
@@ -63,13 +60,13 @@ const MutiPictureView = (props) => {
         }
     };
     const deletePhoto = (index) => {
-        react_native_1.Keyboard.dismiss();
+        Keyboard.dismiss();
         let photos = [...(viewModel.photos || [])];
         photos.splice(index, 1);
         setViewModel({ photos: photos });
     };
     const showPhoto = (index) => {
-        react_native_1.Keyboard.dismiss();
+        Keyboard.dismiss();
         let imgs = (props.value || viewModel.photos)?.filter((it) => {
             return ((typeof it === "string" && it.indexOf("http") >= 0) ||
                 typeof it == "object");
@@ -95,7 +92,7 @@ const MutiPictureView = (props) => {
         });
     };
     const ItemView = ({ source, index, }) => {
-        return (<react_native_1.TouchableOpacity style={[
+        return (<TouchableOpacity style={[
                 styles.item_container,
                 itemContainerStyle,
                 {
@@ -105,11 +102,11 @@ const MutiPictureView = (props) => {
                     height: sideLength,
                 },
             ]} activeOpacity={0.8} onPress={() => showPhoto(index)}>
-        <react_native_1.Image source={source} style={{ width: "100%", height: "100%" }} resizeMode="cover"/>
-        {editable && !props.value && (<react_native_1.TouchableOpacity onPress={() => deletePhoto(index)} style={[styles.del_img_container, delIconStyle]}>
-            <react_native_1.Image source={delIcon ? delIcon : icon_del_image} resizeMode="contain" style={{ width: "100%", height: "100%" }}/>
-          </react_native_1.TouchableOpacity>)}
-      </react_native_1.TouchableOpacity>);
+        <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(() => {
@@ -123,7 +120,7 @@ const MutiPictureView = (props) => {
         });
     });
     if (props.value && props.value?.length > 0) {
-        return (<react_native_1.View style={[styles.container, props.style]} ref={containerRef}>
+        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}/>);
@@ -133,7 +130,7 @@ const MutiPictureView = (props) => {
                 maxCount - (props.value?.length || 0) - 1 > 0 &&
                 Array.from({
                     length: maxCount - (props.value?.length || 0) - (editable ? 1 : 0),
-                }, (_, k) => (<react_native_1.View key={`sg-showEmptyPlaceHolder-${k}`} style={[
+                }, (_, k) => (<View key={`sg-showEmptyPlaceHolder-${k}`} style={[
                         styles.empty_place_container,
                         emptyPlaceHolderStyle,
                         itemContainerStyle,
@@ -150,15 +147,15 @@ const MutiPictureView = (props) => {
                             height: sideLength,
                         },
                     ]}/>))}
-      </react_native_1.View>);
+      </View>);
     }
-    return (<react_native_1.View style={[styles.container, props.style]} ref={containerRef}>
+    return (<View style={[styles.container, props.style]} ref={containerRef}>
       {viewModel?.photos instanceof Array &&
             viewModel.photos.map((item, index) => {
                 return (<ItemView key={index} source={typeof item === "string" ? { uri: item } : item} index={index}/>);
             })}
 
-      {!(viewModel?.photos?.length == maxCount) && editable && (<react_native_1.TouchableOpacity style={[
+      {!(viewModel?.photos?.length == maxCount) && editable && (<TouchableOpacity style={[
                 styles.item_container,
                 itemContainerStyle,
                 {
@@ -171,23 +168,23 @@ const MutiPictureView = (props) => {
                 },
                 addIconContainerStyle,
             ]} activeOpacity={0.8} onPress={() => addPhoto()}>
-          <react_native_1.Image source={addIcon ? addIcon : icon_add_image} style={[{ width: "25%", height: "25%" }, addIconStyle]} resizeMode="contain"/>
-          {props.addText && (<react_native_1.Text style={[
+          <Image source={addIcon ? addIcon : icon_add_image} style={[{ width: "25%", height: "25%" }, addIconStyle]} resizeMode="contain"/>
+          {props.addText && (<Text style={[
                     {
-                        fontSize: (0, px2sp_1.px2sp)(12),
+                        fontSize: px2sp(12),
                         color: "lightgrey",
-                        marginTop: (0, px2dp_1.px2dp)(2),
+                        marginTop: px2dp(2),
                     },
                     props.addTextStyle,
                 ]}>
               {props.addText}
-            </react_native_1.Text>)}
-        </react_native_1.TouchableOpacity>)}
+            </Text>)}
+        </TouchableOpacity>)}
       {showEmptyPlaceHolder &&
             maxCount - (viewModel.photos?.length || 0) - 1 > 0 &&
             Array.from({
                 length: maxCount - (viewModel.photos?.length || 0) - (editable ? 1 : 0),
-            }, (_, k) => (<react_native_1.View key={`sg-showEmptyPlaceHolder-${k}`} style={[
+            }, (_, k) => (<View key={`sg-showEmptyPlaceHolder-${k}`} style={[
                     styles.empty_place_container,
                     emptyPlaceHolderStyle,
                     itemContainerStyle,
@@ -204,9 +201,9 @@ const MutiPictureView = (props) => {
                         height: sideLength,
                     },
                 ]}/>))}
-    </react_native_1.View>);
+    </View>);
 };
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     container: {
         flex: 1,
         minHeight: 1,
@@ -218,7 +215,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     item_container: {
         overflow: "hidden",
-        borderRadius: (0, px2dp_1.px2dp)(10),
+        borderRadius: px2dp(10),
         display: "flex",
         position: "relative",
         justifyContent: "center",
@@ -229,14 +226,14 @@ const styles = react_native_1.StyleSheet.create({
         position: "absolute",
         right: 2,
         top: 2,
-        width: (0, px2dp_1.px2dp)(24),
-        height: (0, px2dp_1.px2dp)(24),
+        width: px2dp(24),
+        height: px2dp(24),
     },
     empty_place_container: {
-        borderRadius: (0, px2dp_1.px2dp)(10),
+        borderRadius: px2dp(10),
         backgroundColor: "#ededed",
         borderColor: "#cccccc",
         borderWidth: 0.75,
     },
 });
-exports.default = React.memo(MutiPictureView, (prevProps, nextProps) => false);
+export default React.memo(MutiPictureView, (prevProps, nextProps) => false);

package/dist/components/PictureViewer/PictureViewer.js

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * @Author: shiguo
  * @Date: 2022-04-24 15:58:39
@@ -6,30 +5,27 @@
  * @LastEditTime: 2022-04-26 12:38:13
  * @FilePath: /@aks/easy/lib/PictureViewer/PictureViewer.tsx
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PictureViewer = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_native_1 = require("react-native");
-const react_native_image_zoom_viewer_1 = tslib_1.__importDefault(require("react-native-image-zoom-viewer"));
-const PictureViewer = ({ bind, }) => {
+import * as React from "react";
+import { Modal, StatusBar, Platform } from "react-native";
+import ImageViewer from "react-native-image-zoom-viewer";
+export const PictureViewer = ({ bind, }) => {
     const { viewModel, setViewModel } = bind;
     const visible = viewModel.imageViewer.visible;
     const imgs = viewModel.imageViewer.imageUrls?.map((item) => ({ url: item }));
     const index = viewModel.imageViewer.index;
     React.useEffect(() => {
-        if (react_native_1.Platform.OS == "android") {
+        if (Platform.OS == "android") {
             if (visible) {
-                react_native_1.StatusBar.setBackgroundColor("black");
-                react_native_1.StatusBar.setBarStyle("light-content");
+                StatusBar.setBackgroundColor("black");
+                StatusBar.setBarStyle("light-content");
             }
             else {
-                react_native_1.StatusBar.setBackgroundColor("transparent");
-                react_native_1.StatusBar.setBarStyle("dark-content");
+                StatusBar.setBackgroundColor("transparent");
+                StatusBar.setBarStyle("dark-content");
             }
         }
     }, [visible]);
-    return (<react_native_1.Modal presentationStyle="overFullScreen" visible={visible} transparent={false} onRequestClose={() => {
+    return (<Modal presentationStyle="overFullScreen" visible={visible} transparent={false} onRequestClose={() => {
             /**
              * 【官方文档】
              * onRequestClose回调会在用户按下 Android 设备上的后退按键或是 Apple TV 上的菜单键时触发。
@@ -42,7 +38,7 @@ const PictureViewer = ({ bind, }) => {
                 },
             });
         }} style={{ margin: 0, backgroundColor: "red" }}>
-      <react_native_image_zoom_viewer_1.default imageUrls={imgs} index={index} onSwipeDown={() => {
+      <ImageViewer imageUrls={imgs} index={index} onSwipeDown={() => {
             // console.log('onSwipeDown');
         }} saveToLocalByLongPress={false} 
     // onMove={data => console.log(data)}
@@ -54,6 +50,5 @@ const PictureViewer = ({ bind, }) => {
                 },
             });
         }}/>
-    </react_native_1.Modal>);
+    </Modal>);
 };
-exports.PictureViewer = PictureViewer;

package/dist/components/RefreshList/RefreshList.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RefreshState = exports.RefreshText = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_native_1 = require("react-native");
-const react_native_swipe_list_view_1 = require("react-native-swipe-list-view");
-exports.RefreshText = {
+import * as React from "react";
+import { View, Text, Animated, StyleSheet, ActivityIndicator, TouchableOpacity, } from "react-native";
+import { SwipeListView } from "react-native-swipe-list-view";
+export const RefreshText = {
     HeaderRefreshing: "上拉可以刷新",
     FooterRefreshing: "下拉可以加载更多",
     Failure: "服务器正在出小差，点击重新加载",
@@ -13,7 +9,7 @@ exports.RefreshText = {
     EmptyData: "没有数据",
     Idle: "正在加载更多的数据..",
 };
-var RefreshState;
+export var RefreshState;
 (function (RefreshState) {
     RefreshState["Idle"] = "Idle";
     RefreshState["HeaderRefreshing"] = "HeaderRefreshing";
@@ -22,8 +18,8 @@ var RefreshState;
     RefreshState["Failure"] = "Failure";
     RefreshState["EmptyData"] = "EmptyData";
     RefreshState["None"] = "None";
-})(RefreshState || (exports.RefreshState = RefreshState = {}));
-exports.default = React.forwardRef((props, ref) => {
+})(RefreshState || (RefreshState = {}));
+export default React.forwardRef((props, ref) => {
     const { mode = "FlatList", refreshState, onHeaderRefresh, onFooterRefresh, reload, ...rest } = props;
     const seed = React.useRef(Math.random()).current;
     let onRefresh = () => {
@@ -57,42 +53,42 @@ exports.default = React.forwardRef((props, ref) => {
     switch (mode) {
         case "FlatList": {
             let flatListProps = props;
-            return (<react_native_1.Animated.FlatList {...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={flatListProps.data?.length ? {} : { height: "100%" }} onRefresh={onRefresh} onEndReachedThreshold={0.1} onEndReached={onEndReached} showsVerticalScrollIndicator={false} ListHeaderComponent={(_) => (<react_native_1.View style={{ display: "flex", flexDirection: "column" }}>
+                }} 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} */}
-              </react_native_1.View>)} 
+              </View>)} 
             // ListHeaderComponent={flatListProps.ListHeaderComponent}
             ListFooterComponent={(_) => (<ListFooterComponent {...flatListProps}/>)}/>);
         }
         case "SectionList": {
             let sectionListProps = props;
-            const { ItemSeparatorComponent = (_) => <react_native_1.View style={{ height: 1 }}/>, } = sectionListProps;
-            return (<react_native_1.Animated.SectionList {...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={sectionListProps.sections?.length > 0 ? {} : { height: "100%" }} ItemSeparatorComponent={ItemSeparatorComponent} onEndReachedThreshold={0.1} onEndReached={onEndReached} showsVerticalScrollIndicator={false} 
             // ListHeaderComponent={(_) => <ListHeaderComponent {...sectionListProps} />}
-            ListHeaderComponent={(_) => (<react_native_1.View style={{ display: "flex", flexDirection: "column" }}>
+            ListHeaderComponent={(_) => (<View style={{ display: "flex", flexDirection: "column" }}>
                 <ListHeaderComponent {...sectionListProps}/>
                 {sectionListProps.ListHeaderComponent}
-              </react_native_1.View>)} ListFooterComponent={(_) => (<ListFooterComponent {...sectionListProps}/>)} renderSectionHeader={sectionListProps.renderSectionHeader}/>);
+              </View>)} ListFooterComponent={(_) => (<ListFooterComponent {...sectionListProps}/>)} renderSectionHeader={sectionListProps.renderSectionHeader}/>);
         }
         case "SwipeList": {
             let swipeListProps = props;
-            const { ItemSeparatorComponent = (_) => <react_native_1.View style={{ height: 1 }}/>, } = swipeListProps;
-            const { renderHiddenItem = (data, rowMap) => (<react_native_1.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_native_1.Text>Right </react_native_1.Text>
-            </react_native_1.View>), } = swipeListProps;
-            return (<react_native_swipe_list_view_1.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={(_) => (<react_native_1.View style={{ display: "flex", flexDirection: "column" }}>
+              <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}
-              </react_native_1.View>)} ListFooterComponent={(args) => (<ListFooterComponent {...swipeListProps}/>)} renderHiddenItem={renderHiddenItem}/>);
+              </View>)} ListFooterComponent={(args) => (<ListFooterComponent {...swipeListProps}/>)} renderHiddenItem={renderHiddenItem}/>);
         }
     }
 });
@@ -101,48 +97,48 @@ const ListFooterComponent = React.memo((props) => {
     switch (refreshState) {
         case RefreshState.Idle:
         case RefreshState.FooterRefreshing:
-            return (<react_native_1.View style={{ ...styles.container, flexDirection: "row" }}>
-          <react_native_1.ActivityIndicator color={"gray"}/>
-          <react_native_1.Text style={{ ...styles.text, marginLeft: 5 }}>
-            {exports.RefreshText.FooterRefreshing}
-          </react_native_1.Text>
-        </react_native_1.View>);
+            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_native_1.View style={styles.container}>
-          <react_native_1.Text style={{ ...styles.text, color: "#999999" }}>
-            {exports.RefreshText.NoMoreData}
-          </react_native_1.Text>
-        </react_native_1.View>);
+            return (<View style={styles.container}>
+          <Text style={{ ...styles.text, color: "#999999" }}>
+            {RefreshText.NoMoreData}
+          </Text>
+        </View>);
         case RefreshState.Failure:
-            return (<react_native_1.View style={styles.container}>
-          <react_native_1.TouchableOpacity onPress={() => reload && reload()}>
-            <react_native_1.Text style={styles.text}>{exports.RefreshText.Failure}</react_native_1.Text>
-          </react_native_1.TouchableOpacity>
-        </react_native_1.View>);
+            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_native_1.View style={styles.container}>
-          <react_native_1.TouchableOpacity onPress={() => reload && reload()}>
-            <react_native_1.Text style={styles.text}>{exports.RefreshText.EmptyData}</react_native_1.Text>
-          </react_native_1.TouchableOpacity>
-        </react_native_1.View>);
+            return (<View style={styles.container}>
+          <TouchableOpacity onPress={() => reload && reload()}>
+            <Text style={styles.text}>{RefreshText.EmptyData}</Text>
+          </TouchableOpacity>
+        </View>);
         default:
-            return <react_native_1.View />;
+            return <View />;
     }
 });
 const ListHeaderComponent = React.memo((props) => {
     const { refreshState } = props;
     switch (refreshState) {
         case RefreshState.HeaderRefreshing:
-            return (<react_native_1.View style={{ ...styles.container }}>
-          <react_native_1.Text style={{ ...styles.text }}>{exports.RefreshText.HeaderRefreshing}</react_native_1.Text>
-        </react_native_1.View>);
+            return (<View style={{ ...styles.container }}>
+          <Text style={{ ...styles.text }}>{RefreshText.HeaderRefreshing}</Text>
+        </View>);
         default:
-            return <react_native_1.View />;
+            return <View />;
     }
 });
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     container: {
         display: "flex",
         flexDirection: "column",

package/dist/components/RichText/RichText.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 /*
  * @Author: shiguo
  * @Date: 2022-07-11 15:42:16
@@ -8,11 +5,11 @@ const tslib_1 = require("tslib");
  * @LastEditTime: 2022-07-11 16:15:02
  * @FilePath: /@aks-dev/easyui/lib/RichText/RichText.tsx
  */
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_native_1 = require("react-native");
-const px2sp_1 = require("../../screen/px2sp");
-const utils = tslib_1.__importStar(require("../../utils/lazy"));
-exports.default = (props) => {
+import React from "react";
+import { StyleSheet, Text } from "react-native";
+import { px2sp } from "../../screen/px2sp";
+import * as utils from "../../utils/lazy";
+export default (props) => {
     const { rich, richStyle, text, suffix, prefix, ...rest } = props;
     let textStr = "";
     let richStr = "";
@@ -29,31 +26,31 @@ exports.default = (props) => {
         positionEnd = positionStart + richStr.length;
     }
     if (prefix) {
-        return (<react_native_1.Text style={styles.container} {...rest}>
-        <react_native_1.Text style={{ ...styles.defaultRich, ...richStyle }}>{richStr}</react_native_1.Text>
+        return (<Text style={styles.container} {...rest}>
+        <Text style={{ ...styles.defaultRich, ...richStyle }}>{richStr}</Text>
         {textStr}
-      </react_native_1.Text>);
+      </Text>);
     }
     if (suffix) {
-        return (<react_native_1.Text style={styles.container} {...rest}>
+        return (<Text style={styles.container} {...rest}>
         {textStr}
-        <react_native_1.Text style={{ ...styles.defaultRich, ...richStyle }}>{richStr}</react_native_1.Text>
-      </react_native_1.Text>);
+        <Text style={{ ...styles.defaultRich, ...richStyle }}>{richStr}</Text>
+      </Text>);
     }
-    return (<react_native_1.Text style={styles.container} {...rest}>
+    return (<Text style={styles.container} {...rest}>
       {textStr.substring(0, positionStart)}
-      {positionEnd > 0 && (<react_native_1.Text style={{ ...styles.defaultRich, ...richStyle }}>{richStr}</react_native_1.Text>)}
+      {positionEnd > 0 && (<Text style={{ ...styles.defaultRich, ...richStyle }}>{richStr}</Text>)}
       {textStr.substring(positionEnd, textStr.length)}
-    </react_native_1.Text>);
+    </Text>);
 };
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     container: {
         color: "#333333",
-        fontSize: (0, px2sp_1.px2sp)(14),
+        fontSize: px2sp(14),
     },
     defaultRich: {
         color: "red",
-        fontSize: (0, px2sp_1.px2sp)(14),
+        fontSize: px2sp(14),
         // fontWeight: 'bold'
     },
 });

package/dist/components/StickHeaderView/StickHeaderView.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 /*
  * @Author: shiguo
  * @Date: 2022-04-29 10:22:16
@@ -8,10 +5,10 @@ const tslib_1 = require("tslib");
  * @LastEditTime: 2022-04-29 10:27:44
  * @FilePath: /@aks/easyui/lib/StickHeaderView/StickHeaderView.tsx
  */
-const React = tslib_1.__importStar(require("react"));
-const react_native_1 = require("react-native");
+import * as React from "react";
+import { StyleSheet, Animated, } from "react-native";
 const App = (props) => {
-    const { style, children, stickyHeaderY = -1, stickyScrollY = new react_native_1.Animated.Value(0), } = props;
+    const { style, children, stickyHeaderY = -1, stickyScrollY = new Animated.Value(0), } = props;
     const [stickyLayoutY, setStickyLayoutY] = React.useState(0);
     // 兼容代码，防止没有传头部高度
     const _onLayout = (event) => {
@@ -24,17 +21,17 @@ const App = (props) => {
             outputRange: [0, 0, 0, 1],
         });
     };
-    return (<react_native_1.Animated.View onLayout={_onLayout} style={[
+    return (<Animated.View onLayout={_onLayout} style={[
             style,
             styles.container,
             { transform: [{ translateY: translateY() }] },
         ]}>
       {children}
-    </react_native_1.Animated.View>);
+    </Animated.View>);
 };
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     container: {
         zIndex: 100,
     },
 });
-exports.default = React.memo(App);
+export default React.memo(App);