@aks-dev/easyui 1.0.182 → 1.0.184

package/dist/components/AnimationModal/AnimationModal.js

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * @Author: shiguo
  * @Date: 2022-05-17 15:22:06
@@ -6,32 +5,29 @@
  * @LastEditTime: 2023-09-27 15:17:15
  * @FilePath: /@aks-dev/easyui/lib/AnimationModal/AnimationModal.tsx
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AnimationModal = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_native_1 = require("react-native");
-const utils = tslib_1.__importStar(require("../../utils/lazy"));
+import * as React from "react";
+import { View, Animated, Easing, PanResponder, StyleSheet, useWindowDimensions, BackHandler, } from "react-native";
+import * as utils from "../../utils/lazy";
 // type State = {
 //     display: 'flex' | 'none';
 // }
 // type StateReducerProps = (state: State, action: Partial<State>) => State
-exports.AnimationModal = React.forwardRef((props, ref) => {
+export const AnimationModal = React.forwardRef((props, ref) => {
     const { animationType = "from-bottom", mask = false } = props || {};
-    const { height } = (0, react_native_1.useWindowDimensions)();
+    const { height } = useWindowDimensions();
     // const [state, dispatch] = React.useReducer<StateReducerProps>(
     //     (state, action) => ({ ...state, ...action }),
     //     {
     //         display: 'none'
     //     })
     const [display, setDisplay] = useCallbackState("none");
-    const animatedValue = React.useRef(new react_native_1.Animated.Value(0)).current;
+    const animatedValue = React.useRef(new Animated.Value(0)).current;
     const timing = (value) => {
-        react_native_1.Animated.timing(animatedValue, {
+        Animated.timing(animatedValue, {
             toValue: value,
             duration: 350,
             useNativeDriver: true,
-            easing: react_native_1.Easing.ease,
+            easing: Easing.ease,
         }).start(({ finished }) => {
             /* 动画完成的回调函数 */
         });
@@ -72,16 +68,16 @@ exports.AnimationModal = React.forwardRef((props, ref) => {
         return init();
     };
     React.useEffect(() => {
-        let addEventListener = react_native_1.BackHandler.addEventListener("hardwareBackPress", () => {
+        let addEventListener = BackHandler.addEventListener("hardwareBackPress", () => {
             return display == "flex";
         });
         return () => {
             addEventListener.remove();
         };
     }, [display]);
-    return (<react_native_1.View style={Object.assign({
+    return (<View style={Object.assign({
             display: display,
-        }, styles.container, props.style)} {...react_native_1.PanResponder.create({
+        }, styles.container, props.style)} {...PanResponder.create({
         onStartShouldSetPanResponder: (e, gestureState) => {
             let pageY = e.nativeEvent.pageY;
             let topY = height - layoutRef.current.h1;
@@ -100,7 +96,7 @@ exports.AnimationModal = React.forwardRef((props, ref) => {
             }
         },
     }).panHandlers}>
-      <react_native_1.Animated.View style={Object.assign({}, styles.wrapper, {
+      <Animated.View style={Object.assign({}, styles.wrapper, {
             transform: [{ translateY: animatedValue }],
         })} 
     // onLayout={e => {
@@ -109,10 +105,10 @@ exports.AnimationModal = React.forwardRef((props, ref) => {
     // }}
     ref={viewRef}>
         {props.children}
-      </react_native_1.Animated.View>
-    </react_native_1.View>);
+      </Animated.View>
+    </View>);
 });
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     container: {
         position: "absolute",
         left: 0,

package/dist/components/Badge/Badge.js

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Badge = void 0;
-const tslib_1 = require("tslib");
 /*
  * @Author: shiguo
  * @Date: 2022-04-21 14:40:29
@@ -9,32 +5,31 @@ const tslib_1 = require("tslib");
  * @LastEditTime: 2022-07-08 15:40:21
  * @FilePath: /@aks-dev/easyui/lib/Badge/Badge.tsx
  */
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_native_1 = require("react-native");
-const px2dp_1 = require("../../screen/px2dp");
-const px2sp_1 = require("../../screen/px2sp");
-const Badge = (props) => {
+import React from "react";
+import { View, Text } from "react-native";
+import { px2dp } from "../../screen/px2dp";
+import { px2sp } from "../../screen/px2sp";
+export const Badge = (props) => {
     if (isNaN(+props.count) || Number(props.count) == 0)
-        return <react_native_1.View />;
-    return (<react_native_1.View style={[
+        return <View />;
+    return (<View style={[
             {
                 flexGrow: 0,
                 flexShrink: 1,
                 zIndex: 1,
                 // paddingHorizontal: px2dp(0),
-                height: (0, px2dp_1.px2dp)(16),
-                minWidth: (0, px2dp_1.px2dp)(16),
-                borderRadius: (0, px2dp_1.px2dp)(8),
+                height: px2dp(16),
+                minWidth: px2dp(16),
+                borderRadius: px2dp(8),
                 justifyContent: "center",
                 alignItems: "center",
                 backgroundColor: "red",
             },
             props.style,
         ]}>
-      <react_native_1.Text style={{ fontSize: (0, px2sp_1.px2sp)(12), color: "white", textAlign: "center" }}>
+      <Text style={{ fontSize: px2sp(12), color: "white", textAlign: "center" }}>
         {" "}
         {Number(props.count) > 99 ? "+99" : props.count}{" "}
-      </react_native_1.Text>
-    </react_native_1.View>);
+      </Text>
+    </View>);
 };
-exports.Badge = Badge;

package/dist/components/DottedLine/DottedLine.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 /*
  * @Author: shiguo
  * @Date: 2022-07-12 15:30:19
@@ -8,25 +5,25 @@ const tslib_1 = require("tslib");
  * @LastEditTime: 2022-07-12 15:33:06
  * @FilePath: /@aks-dev/easyui/lib/DottedLine/DottedLine.tsx
  */
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_native_1 = require("react-native");
-exports.default = (props) => {
+import React from "react";
+import { StyleSheet, View } from "react-native";
+export default (props) => {
     const { vertical = false, dottedColor, dottedCount = 200, ...rest } = props;
     const arrs = Array.from({ length: dottedCount }, (k, v) => v);
-    return (<react_native_1.View style={{
+    return (<View style={{
             ...styles.container,
             flexDirection: vertical ? "column" : "row",
             ...rest.style,
         }}>
       {arrs.map((item, index) => {
-            return (<react_native_1.View key={`dotted-${index}`} style={{
+            return (<View key={`dotted-${index}`} style={{
                     ...(vertical ? styles.dotted_vertical : styles.dotted_horizontal),
                     ...(dottedColor && { backgroundColor: dottedColor }),
                 }}/>);
         })}
-    </react_native_1.View>);
+    </View>);
 };
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     container: {
         display: "flex",
         flexGrow: 1,

package/dist/components/Echarts/EchartsView.js

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.echarts = void 0;
-const tslib_1 = require("tslib");
 /*
  * @Author: shiguo
  * @Date: 2022-05-05 14:52:53
@@ -9,10 +5,10 @@ const tslib_1 = require("tslib");
  * @LastEditTime: 2023-01-03 17:50:43
  * @FilePath: /@aks-dev/easyui/lib/Echarts/EchartsView.tsx
  */
-const React = tslib_1.__importStar(require("react"));
-const react_native_1 = require("react-native");
-const react_native_webview_1 = require("react-native-webview");
-const helper_1 = require("./helper");
+import * as React from "react";
+import { StyleSheet, View, } from "react-native";
+import { WebView } from "react-native-webview";
+import { getHtml, toString } from "./helper";
 // type Reducer = (prevState: State, action: Partial<State>) => State;
 const EchartsView = (props) => {
     const [state, dispatch] = React.useReducer((prevState, ...args) => Object.assign({}, prevState, ...args), {
@@ -58,7 +54,7 @@ const EchartsView = (props) => {
                         instance = echarts.init(document.getElementById('main'));
                     }
                     instance.clear();
-                    instance.setOption(${(0, helper_1.toString)(props.option)});
+                    instance.setOption(${toString(props.option)});
                 })();
                 `;
                 WebViewRef.current?.injectJavaScript(run);
@@ -110,12 +106,12 @@ const EchartsView = (props) => {
     //             })();
     //             `
     // }
-    return (<react_native_1.View style={[styles.container, props.style]} ref={containerRef}>
-      <react_native_webview_1.WebView ref={WebViewRef} originWhitelist={["*"]} useWebKit={true} // ios使用最新webkit内核渲染
+    return (<View style={[styles.container, props.style]} ref={containerRef}>
+      <WebView ref={WebViewRef} originWhitelist={["*"]} useWebKit={true} // ios使用最新webkit内核渲染
      allowUniversalAccessFromFileURLs={true} geolocationEnabled={true} mixedContentMode={"always"} renderLoading={() => {
             if (props.renderLoading)
                 return props.renderLoading();
-            return (<react_native_1.View style={{
+            return (<View style={{
                     backgroundColor: props.style?.backgroundColor || "transparent",
                 }}/>);
         }} // 设置空View，修复ioswebview闪白
@@ -136,20 +132,20 @@ const EchartsView = (props) => {
             console.log("onError", e);
         }} source={{
             baseUrl: "",
-            html: (0, helper_1.getHtml)({
+            html: getHtml({
                 backgroundColor: props.style?.backgroundColor || "transparent",
             }),
         }}/>
-    </react_native_1.View>);
+    </View>);
 };
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     container: {
         display: "flex",
         flexGrow: 0,
         backgroundColor: "white",
     },
 });
-exports.default = EchartsView;
+export default EchartsView;
 // React.memo(EchartsView)
-const echarts = tslib_1.__importStar(require("echarts/core"));
-exports.echarts = echarts;
+import * as echarts from "echarts/core";
+export { echarts };

package/dist/components/Echarts/helper.js

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * @Author: shiguo
  * @Date: 2022-05-05 15:56:21
@@ -6,9 +5,7 @@
  * @LastEditTime: 2023-01-03 17:02:57
  * @FilePath: /@aks-dev/easyui/lib/Echarts/helper.tsx
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.toString = exports.getHtml = void 0;
-const getHtml = (props) => {
+export const getHtml = (props) => {
     return `
       <!DOCTYPE html>
         <html>
@@ -45,13 +42,12 @@ const getHtml = (props) => {
       </html>
       `;
 };
-exports.getHtml = getHtml;
 /**
  * https://res.actiiot.com/echarts/5.0.2/echarts.min.js
  *
  * https://cdnjs.cloudflare.com/ajax/libs/echarts/5.4.1/echarts.min.js
  */
-const toString = (obj) => {
+export const toString = (obj) => {
     let result = JSON.stringify(obj, function (key, val) {
         // 对function进行特殊处理
         if (typeof val === 'function') {
@@ -65,5 +61,4 @@ const toString = (obj) => {
     } while (result.indexOf('~ha~') >= 0);
     return result;
 };
-exports.toString = toString;
 ///.replace(/\\n/g, '')

package/dist/components/Hud/AlertBottomView/AlertBottomView.js

@@ -1,13 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.showAlertBottomModal = exports.alertBottomViewRef = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_native_1 = require("react-native");
-const react_native_modal_1 = tslib_1.__importDefault(require("react-native-modal"));
-const px2dp_1 = require("../../../screen/px2dp");
-const px2sp_1 = require("../../../screen/px2sp");
-exports.default = React.forwardRef((_, ref) => {
+import * as React from "react";
+import { View, Text, StyleSheet, Platform, StatusBar, TouchableOpacity, Dimensions, } from "react-native";
+import Modal from "react-native-modal";
+import { px2dp, deviceWidth } from "../../../screen/px2dp";
+import { px2sp } from "../../../screen/px2sp";
+export default React.forwardRef((_, ref) => {
     const defaultState = {
         visible: false,
         cancelText: "取消",
@@ -28,18 +24,18 @@ exports.default = React.forwardRef((_, ref) => {
         setState(defaultState);
     };
     React.useEffect(() => {
-        if (react_native_1.Platform.OS == "android") {
+        if (Platform.OS == "android") {
             if (state.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");
             }
         }
     }, [state.visible]);
-    return (<react_native_modal_1.default hideModalContentWhileAnimating={true} //通过隐藏模态内容直到动画完成来增强性能
+    return (<Modal hideModalContentWhileAnimating={true} //通过隐藏模态内容直到动画完成来增强性能
      useNativeDriver={true} //定义动画是否应使用本机驱动程序
      animationIn="slideInUp" animationOut="slideOutDown" onBackButtonPress={() => {
             //按下Android后退按钮时调用
@@ -47,63 +43,62 @@ exports.default = React.forwardRef((_, ref) => {
         }} onBackdropPress={() => {
             //按下背景时调用
             hide();
-        }} isVisible={state.visible} style={{ margin: 0 }} deviceHeight={react_native_1.Dimensions.get("screen").height}>
-      <react_native_1.View style={styles.container}>
-        <react_native_1.View style={[styles.wrapper, state.wrapperStyle]}>
-          {state.title && <react_native_1.Text style={styles.titleText}>{state.title}</react_native_1.Text>}
-          <react_native_1.View style={[state.contentContainerStyle]}>
+        }} isVisible={state.visible} style={{ margin: 0 }} deviceHeight={Dimensions.get("screen").height}>
+      <View style={styles.container}>
+        <View style={[styles.wrapper, state.wrapperStyle]}>
+          {state.title && <Text style={styles.titleText}>{state.title}</Text>}
+          <View style={[state.contentContainerStyle]}>
             {(() => {
             if (typeof state.content == "string")
-                return <react_native_1.Text style={styles.contentText}>{state.content}</react_native_1.Text>;
+                return <Text style={styles.contentText}>{state.content}</Text>;
             if (React.isValidElement(state.content))
                 return state.content;
-            return <react_native_1.View />;
+            return <View />;
         })()}
-          </react_native_1.View>
-          {(state.cancelText || state.confirmText) && (<react_native_1.View style={styles.action}>
-              {state.cancelText && (<react_native_1.TouchableOpacity style={[
+          </View>
+          {(state.cancelText || state.confirmText) && (<View style={styles.action}>
+              {state.cancelText && (<TouchableOpacity style={[
                     styles.cancel,
-                    { marginRight: state.confirmText ? (0, px2dp_1.px2dp)(15) : 0 },
+                    { marginRight: state.confirmText ? px2dp(15) : 0 },
                     state.cancelContainerStyle,
                 ]} activeOpacity={0.8} onPress={() => {
                     hide();
                     cancelCallbackRef.current && cancelCallbackRef.current();
                     cancelCallbackRef.current = undefined;
                 }}>
-                  <react_native_1.Text style={[styles.cancelText, state.cancelTextStyle]}>
+                  <Text style={[styles.cancelText, state.cancelTextStyle]}>
                     {state.cancelText}
-                  </react_native_1.Text>
-                </react_native_1.TouchableOpacity>)}
+                  </Text>
+                </TouchableOpacity>)}
 
-              {state.confirmText && (<react_native_1.TouchableOpacity style={[
+              {state.confirmText && (<TouchableOpacity style={[
                     styles.confirm,
-                    { marginLeft: state.cancelText ? (0, px2dp_1.px2dp)(15) : 0 },
+                    { marginLeft: state.cancelText ? px2dp(15) : 0 },
                     state.confirmContainerStyle,
                 ]} activeOpacity={0.8} onPress={() => {
                     hide();
                     confirmCallbackRef.current && confirmCallbackRef.current();
                     confirmCallbackRef.current = undefined;
                 }}>
-                  <react_native_1.Text style={[styles.confirmText, state.confirmTextStyle]}>
+                  <Text style={[styles.confirmText, state.confirmTextStyle]}>
                     {state.confirmText}
-                  </react_native_1.Text>
-                </react_native_1.TouchableOpacity>)}
-            </react_native_1.View>)}
-        </react_native_1.View>
-      </react_native_1.View>
-    </react_native_modal_1.default>);
+                  </Text>
+                </TouchableOpacity>)}
+            </View>)}
+        </View>
+      </View>
+    </Modal>);
 });
-exports.alertBottomViewRef = React.createRef();
-const showAlertBottomModal = (props) => {
-    exports.alertBottomViewRef.current?.show(props);
+export const alertBottomViewRef = React.createRef();
+export const showAlertBottomModal = (props) => {
+    alertBottomViewRef.current?.show(props);
 };
-exports.showAlertBottomModal = showAlertBottomModal;
 // const sleep = (msec?: number) => {
 //     return new Promise(resolve => {
 //         setTimeout(resolve, msec || 350);
 //     });
 // }
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     container: {
         display: "flex",
         flexGrow: 1,
@@ -116,28 +111,28 @@ const styles = react_native_1.StyleSheet.create({
         width: "100%",
         backgroundColor: "white",
         overflow: "hidden",
-        borderTopLeftRadius: (0, px2dp_1.px2dp)(10),
-        borderTopRightRadius: (0, px2dp_1.px2dp)(10),
+        borderTopLeftRadius: px2dp(10),
+        borderTopRightRadius: px2dp(10),
         display: "flex",
-        padding: (0, px2dp_1.px2dp)(15),
+        padding: px2dp(15),
     },
     titleText: {
-        maxWidth: px2dp_1.deviceWidth - (0, px2dp_1.px2dp)(30),
-        fontSize: (0, px2sp_1.px2sp)(18),
-        marginBottom: (0, px2dp_1.px2dp)(20),
+        maxWidth: deviceWidth - px2dp(30),
+        fontSize: px2sp(18),
+        marginBottom: px2dp(20),
         // backgroundColor: 'red',
         textAlign: "center",
         fontWeight: "bold",
         color: "#1A1A1A",
     },
     contentText: {
-        maxWidth: px2dp_1.deviceWidth - (0, px2dp_1.px2dp)(30),
-        marginBottom: (0, px2dp_1.px2dp)(20),
-        minHeight: (0, px2dp_1.px2dp)(40),
+        maxWidth: deviceWidth - px2dp(30),
+        marginBottom: px2dp(20),
+        minHeight: px2dp(40),
         flexGrow: 0,
         flexShrink: 1,
         width: undefined,
-        fontSize: (0, px2sp_1.px2sp)(15),
+        fontSize: px2sp(15),
         // backgroundColor: 'red',
         color: "#1A1A1A",
         textAlign: "center",
@@ -151,29 +146,29 @@ const styles = react_native_1.StyleSheet.create({
     },
     cancel: {
         width: "40%",
-        height: (0, px2dp_1.px2dp)(44),
+        height: px2dp(44),
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
-        borderRadius: (0, px2dp_1.px2dp)(10),
-        borderWidth: (0, px2dp_1.px2dp)(1),
+        borderRadius: px2dp(10),
+        borderWidth: px2dp(1),
         borderColor: "#A3A9CC",
     },
     confirm: {
         width: "40%",
-        height: (0, px2dp_1.px2dp)(44),
+        height: px2dp(44),
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
         backgroundColor: "#2763FF",
-        borderRadius: (0, px2dp_1.px2dp)(10),
+        borderRadius: px2dp(10),
     },
     cancelText: {
-        fontSize: (0, px2sp_1.px2sp)(15),
+        fontSize: px2sp(15),
         color: "#A3A9CC",
     },
     confirmText: {
-        fontSize: (0, px2sp_1.px2sp)(15),
+        fontSize: px2sp(15),
         color: "white",
     },
 });

package/dist/components/Hud/AlertSheetView/AlertSheetView.js

@@ -1,13 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.showAlertSheetModal = exports.alertSheetViewRef = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_native_1 = require("react-native");
-const react_native_modal_1 = tslib_1.__importDefault(require("react-native-modal"));
-const px2dp_1 = require("../../../screen/px2dp");
-const px2sp_1 = require("../../../screen/px2sp");
-exports.default = React.forwardRef((_, ref) => {
+import * as React from "react";
+import { Dimensions, Platform, StatusBar, StyleSheet, Text, TouchableOpacity, View, } from "react-native";
+import Modal from "react-native-modal";
+import { px2dp } from "../../../screen/px2dp";
+import { px2sp } from "../../../screen/px2sp";
+export default React.forwardRef((_, ref) => {
     const defaultState = {
         visible: false,
         actions: [],
@@ -23,18 +19,18 @@ exports.default = React.forwardRef((_, ref) => {
         setState(defaultState);
     };
     React.useEffect(() => {
-        if (react_native_1.Platform.OS == "android") {
+        if (Platform.OS == "android") {
             if (state.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");
             }
         }
     }, [state.visible]);
-    return (<react_native_modal_1.default hideModalContentWhileAnimating={true} //通过隐藏模态内容直到动画完成来增强性能
+    return (<Modal hideModalContentWhileAnimating={true} //通过隐藏模态内容直到动画完成来增强性能
      useNativeDriver={true} //定义动画是否应使用本机驱动程序
      animationIn="slideInUp" animationOut="slideOutDown" onBackButtonPress={() => {
             //按下Android后退按钮时调用
@@ -42,35 +38,34 @@ exports.default = React.forwardRef((_, ref) => {
         }} onBackdropPress={() => {
             //按下背景时调用
             hide();
-        }} isVisible={state.visible} deviceHeight={react_native_1.Dimensions.get("screen").height} style={{ margin: 0 }}>
-      <react_native_1.View style={styles.container}>
-        <react_native_1.View style={[styles.wrapper]}>
-          <react_native_1.View style={styles.itemContainer}>
-            {state.actions?.map((i, idx) => (<react_native_1.TouchableOpacity key={`sg-action-${idx}`} style={[styles.item]} activeOpacity={1} onPress={() => {
+        }} isVisible={state.visible} deviceHeight={Dimensions.get("screen").height} style={{ margin: 0 }}>
+      <View style={styles.container}>
+        <View style={[styles.wrapper]}>
+          <View style={styles.itemContainer}>
+            {state.actions?.map((i, idx) => (<TouchableOpacity key={`sg-action-${idx}`} style={[styles.item]} activeOpacity={1} onPress={() => {
                 hide();
                 i.onClick && i.onClick();
             }}>
-                <react_native_1.Text style={[styles.itemText, { color: i.color }]} numberOfLines={2}>
+                <Text style={[styles.itemText, { color: i.color }]} numberOfLines={2}>
                   {i.text}
-                </react_native_1.Text>
-              </react_native_1.TouchableOpacity>))}
-          </react_native_1.View>
+                </Text>
+              </TouchableOpacity>))}
+          </View>
 
-          <react_native_1.TouchableOpacity style={[styles.cancel]} activeOpacity={1} onPress={() => {
+          <TouchableOpacity style={[styles.cancel]} activeOpacity={1} onPress={() => {
             hide();
         }}>
-            <react_native_1.Text style={[styles.cancelText]}>取消</react_native_1.Text>
-          </react_native_1.TouchableOpacity>
-        </react_native_1.View>
-      </react_native_1.View>
-    </react_native_modal_1.default>);
+            <Text style={[styles.cancelText]}>取消</Text>
+          </TouchableOpacity>
+        </View>
+      </View>
+    </Modal>);
 });
-exports.alertSheetViewRef = React.createRef();
-const showAlertSheetModal = (props) => {
-    exports.alertSheetViewRef.current?.show(props);
+export const alertSheetViewRef = React.createRef();
+export const showAlertSheetModal = (props) => {
+    alertSheetViewRef.current?.show(props);
 };
-exports.showAlertSheetModal = showAlertSheetModal;
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     container: {
         display: "flex",
         flexGrow: 1,
@@ -83,40 +78,40 @@ const styles = react_native_1.StyleSheet.create({
         width: "100%",
         // backgroundColor: 'pink',
         overflow: "hidden",
-        borderTopLeftRadius: (0, px2dp_1.px2dp)(10),
-        borderTopRightRadius: (0, px2dp_1.px2dp)(10),
+        borderTopLeftRadius: px2dp(10),
+        borderTopRightRadius: px2dp(10),
         display: "flex",
-        padding: (0, px2dp_1.px2dp)(15),
+        padding: px2dp(15),
     },
     cancel: {
-        height: (0, px2dp_1.px2dp)(50),
+        height: px2dp(50),
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
-        borderRadius: (0, px2dp_1.px2dp)(10),
+        borderRadius: px2dp(10),
         backgroundColor: "white",
-        marginTop: (0, px2dp_1.px2dp)(15),
+        marginTop: px2dp(15),
     },
     cancelText: {
-        fontSize: (0, px2sp_1.px2sp)(15),
+        fontSize: px2sp(15),
         color: "#2763FF",
     },
     itemContainer: {
         display: "flex",
-        borderRadius: (0, px2dp_1.px2dp)(10),
+        borderRadius: px2dp(10),
         overflow: "hidden",
         backgroundColor: "#f1f1f1",
     },
     item: {
-        height: (0, px2dp_1.px2dp)(50),
+        height: px2dp(50),
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
         backgroundColor: "white",
-        marginTop: (0, px2dp_1.px2dp)(0.75),
+        marginTop: px2dp(0.75),
     },
     itemText: {
-        fontSize: (0, px2sp_1.px2sp)(12),
+        fontSize: px2sp(12),
         color: "#666666",
     },
 });