@aks-dev/easyui 1.1.5 → 1.1.7

package/dist/components/AnimationModal/AnimationModal.d.ts

@@ -16,12 +16,11 @@ export type AnimationModalProps = {
         backgroundColor?: ColorValue | undefined;
     };
 };
-type RefAttributes = {
-    show: () => RefAttributes;
-    hide: () => RefAttributes;
-    setData: (data?: any) => RefAttributes;
+export type AnimationModalRefAttributes = {
+    show: () => AnimationModalRefAttributes;
+    hide: () => AnimationModalRefAttributes;
+    setData: (data?: any) => AnimationModalRefAttributes;
     getData: () => any;
 };
-export declare const AnimationModal: React.ForwardRefExoticComponent<React.PropsWithoutRef<AnimationModalProps> & React.RefAttributes<RefAttributes>>;
-export {};
+export declare const AnimationModal: React.ForwardRefExoticComponent<React.PropsWithoutRef<AnimationModalProps> & React.RefAttributes<AnimationModalRefAttributes>>;
 //# sourceMappingURL=AnimationModal.d.ts.map

package/dist/components/AnimationModal/AnimationModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimationModal.d.ts","sourceRoot":"","sources":["../../../src/components/AnimationModal/AnimationModal.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAUL,UAAU,EACX,MAAM,cAAc,CAAC;AAItB,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,GAAG,WAAW,CAAC;IAC5C;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,KAAK,CAAC,EAAE;QACN,eAAe,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;KAC1C,CAAC;CACH,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,MAAM,aAAa,CAAC;IAC1B,IAAI,EAAE,MAAM,aAAa,CAAC;IAC1B,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,aAAa,CAAC;IACvC,OAAO,EAAE,MAAM,GAAG,CAAC;CACpB,CAAC;AAMF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,yBAAyB,CAC1D,KAAK,CAAC,eAAe,CAAC,mBAAmB,CAAC,GACxC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAkIpC,CAAC"}
+{"version":3,"file":"AnimationModal.d.ts","sourceRoot":"","sources":["../../../src/components/AnimationModal/AnimationModal.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAUL,UAAU,EACX,MAAM,cAAc,CAAC;AAItB,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,GAAG,WAAW,CAAC;IAC5C;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,KAAK,CAAC,EAAE;QACN,eAAe,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;KAC1C,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,IAAI,EAAE,MAAM,2BAA2B,CAAC;IACxC,IAAI,EAAE,MAAM,2BAA2B,CAAC;IACxC,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,2BAA2B,CAAC;IACrD,OAAO,EAAE,MAAM,GAAG,CAAC;CACpB,CAAC;AAMF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,yBAAyB,CAC1D,KAAK,CAAC,eAAe,CAAC,mBAAmB,CAAC,GACxC,KAAK,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAsIlD,CAAC"}

package/dist/components/Hud/AlertBottomView/AlertBottomView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertBottomView.d.ts","sourceRoot":"","sources":["../../../../src/components/Hud/AlertBottomView/AlertBottomView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAQL,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACrC,qBAAqB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,eAAe,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C,gBAAgB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IACrD,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;;AAKF,wBAkHG;AAEH,eAAO,MAAM,kBAAkB,uCAAmC,CAAC;AAEnE,eAAO,MAAM,oBAAoB,GAAI,OAAO,OAAO,CAAC,kBAAkB,CAAC,SAEtE,CAAC"}
+{"version":3,"file":"AlertBottomView.d.ts","sourceRoot":"","sources":["../../../../src/components/Hud/AlertBottomView/AlertBottomView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAQL,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAQtB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACrC,qBAAqB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,eAAe,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C,gBAAgB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IACrD,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;;AAKF,wBAsGG;AAEH,eAAO,MAAM,kBAAkB,uCAAmC,CAAC;AAEnE,eAAO,MAAM,oBAAoB,GAAI,OAAO,OAAO,CAAC,kBAAkB,CAAC,SAEtE,CAAC"}

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

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { View, Text, StyleSheet, Platform, StatusBar, TouchableOpacity, Dimensions, } from "react-native";
-import Modal from "react-native-modal";
+import { View, Text, StyleSheet, Platform, StatusBar, TouchableOpacity, } from "react-native";
+import { AnimationModal, } from "../../AnimationModal/AnimationModal";
 import { px2dp, deviceWidth } from "../../../screen/px2dp";
 import { px2sp } from "../../../screen/px2sp";
 export default React.forwardRef((_, ref) => {
@@ -12,9 +12,11 @@ export default React.forwardRef((_, ref) => {
     const [state, setState] = React.useState(defaultState);
     const cancelCallbackRef = React.useRef(undefined);
     const confirmCallbackRef = React.useRef(undefined);
+    const animationModalRef = React.useRef(null);
     React.useImperativeHandle(ref, () => ({
         show: async (options) => {
             setState(Object.assign({}, defaultState, { visible: true }, options));
+            animationModalRef.current?.show();
             cancelCallbackRef.current = options.cancel;
             confirmCallbackRef.current = options.confirm;
         },
@@ -22,6 +24,7 @@ export default React.forwardRef((_, ref) => {
     }), []);
     const hide = async () => {
         setState(defaultState);
+        animationModalRef.current?.hide();
     };
     React.useEffect(() => {
         if (Platform.OS == "android") {
@@ -35,15 +38,7 @@ export default React.forwardRef((_, ref) => {
             }
         }
     }, [state.visible]);
-    return (<Modal hideModalContentWhileAnimating={true} //通过隐藏模态内容直到动画完成来增强性能
-     useNativeDriver={true} //定义动画是否应使用本机驱动程序
-     animationIn="slideInUp" animationOut="slideOutDown" onBackButtonPress={() => {
-            //按下Android后退按钮时调用
-            hide();
-        }} onBackdropPress={() => {
-            //按下背景时调用
-            hide();
-        }} isVisible={state.visible} style={{ margin: 0 }} deviceHeight={Dimensions.get("screen").height}>
+    return (<AnimationModal ref={animationModalRef}>
       <View style={styles.container}>
         <View style={[styles.wrapper, state.wrapperStyle]}>
           {state.title && <Text style={styles.titleText}>{state.title}</Text>}
@@ -87,7 +82,7 @@ export default React.forwardRef((_, ref) => {
             </View>)}
         </View>
       </View>
-    </Modal>);
+    </AnimationModal>);
 });
 export const alertBottomViewRef = React.createRef();
 export const showAlertBottomModal = (props) => {

package/dist/components/Hud/AlertBottomView/AlertBottomView.md

@@ -0,0 +1,245 @@
+import * as React from "react";
+import {
+  View,
+  Text,
+  StyleSheet,
+  Platform,
+  StatusBar,
+  TouchableOpacity,
+  Dimensions,
+  StyleProp,
+  ViewStyle,
+  TextStyle,
+} from "react-native";
+import Modal from "react-native-modal";
+
+import { px2dp, deviceWidth } from "../../../screen/px2dp";
+import { px2sp } from "../../../screen/px2sp";
+
+export type AlertBottomOptions = {
+  title: string;
+  wrapperStyle: StyleProp<ViewStyle>;
+  content: string | React.ReactElement;
+  contentContainerStyle: StyleProp<ViewStyle>;
+  cancelText: string;
+  cancelContainerStyle: StyleProp<ViewStyle>;
+  cancelTextStyle: StyleProp<TextStyle>;
+  cancel: () => void;
+  confirmText: string;
+  confirmContainerStyle: StyleProp<ViewStyle>;
+  confirmTextStyle: StyleProp<TextStyle>;
+  confirm: () => void;
+};
+
+type RefAttributes = {
+  show: (options: Partial<AlertBottomOptions>) => void;
+  hide: () => void;
+};
+type State = {
+  visible: boolean;
+} & Omit<AlertBottomOptions, "cancel" | "confirm">;
+
+export default React.forwardRef<RefAttributes, {}>((_, ref) => {
+  const defaultState: Partial<State> = {
+    visible: false,
+    cancelText: "取消",
+    confirmText: "确定",
+  };
+  const [state, setState] = React.useState<Partial<State>>(defaultState);
+  const cancelCallbackRef = React.useRef<Function>(undefined);
+  const confirmCallbackRef = React.useRef<Function>(undefined);
+
+  React.useImperativeHandle<unknown, RefAttributes>(
+    ref,
+    () => ({
+      show: async (options: Partial<AlertBottomOptions>) => {
+        setState(Object.assign({}, defaultState, { visible: true }, options));
+        cancelCallbackRef.current = options.cancel;
+        confirmCallbackRef.current = options.confirm;
+      },
+      hide,
+    }),
+    [],
+  );
+
+  const hide = async () => {
+    setState(defaultState);
+  };
+
+  React.useEffect(() => {
+    if (Platform.OS == "android") {
+      if (state.visible) {
+        StatusBar.setBackgroundColor("black");
+        StatusBar.setBarStyle("light-content");
+      } else {
+        StatusBar.setBackgroundColor("transparent");
+        StatusBar.setBarStyle("dark-content");
+      }
+    }
+  }, [state.visible]);
+  return (
+    <Modal
+      hideModalContentWhileAnimating={true} //通过隐藏模态内容直到动画完成来增强性能
+      useNativeDriver={true} //定义动画是否应使用本机驱动程序
+      animationIn="slideInUp"
+      animationOut="slideOutDown"
+      onBackButtonPress={() => {
+        //按下Android后退按钮时调用
+        hide();
+      }}
+      onBackdropPress={() => {
+        //按下背景时调用
+        hide();
+      }}
+      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 <Text style={styles.contentText}>{state.content}</Text>;
+              if (React.isValidElement(state.content)) return state.content;
+              return <View />;
+            })()}
+          </View>
+          {(state.cancelText || state.confirmText) && (
+            <View style={styles.action}>
+              {state.cancelText && (
+                <TouchableOpacity
+                  style={[
+                    styles.cancel,
+                    { marginRight: state.confirmText ? px2dp(15) : 0 },
+                    state.cancelContainerStyle,
+                  ]}
+                  activeOpacity={0.8}
+                  onPress={() => {
+                    hide();
+                    cancelCallbackRef.current && cancelCallbackRef.current();
+                    cancelCallbackRef.current = undefined;
+                  }}
+                >
+                  <Text style={[styles.cancelText, state.cancelTextStyle]}>
+                    {state.cancelText}
+                  </Text>
+                </TouchableOpacity>
+              )}
+
+              {state.confirmText && (
+                <TouchableOpacity
+                  style={[
+                    styles.confirm,
+                    { marginLeft: state.cancelText ? px2dp(15) : 0 },
+                    state.confirmContainerStyle,
+                  ]}
+                  activeOpacity={0.8}
+                  onPress={() => {
+                    hide();
+                    confirmCallbackRef.current && confirmCallbackRef.current();
+                    confirmCallbackRef.current = undefined;
+                  }}
+                >
+                  <Text style={[styles.confirmText, state.confirmTextStyle]}>
+                    {state.confirmText}
+                  </Text>
+                </TouchableOpacity>
+              )}
+            </View>
+          )}
+        </View>
+      </View>
+    </Modal>
+  );
+});
+
+export const alertBottomViewRef = React.createRef<RefAttributes>();
+
+export const showAlertBottomModal = (props: Partial<AlertBottomOptions>) => {
+  alertBottomViewRef.current?.show(props);
+};
+
+// const sleep = (msec?: number) => {
+//     return new Promise(resolve => {
+//         setTimeout(resolve, msec || 350);
+//     });
+// }
+
+const styles = StyleSheet.create({
+  container: {
+    display: "flex",
+    flexGrow: 1,
+    justifyContent: "flex-end",
+    alignItems: "center",
+  },
+
+  wrapper: {
+    flexGrow: 0,
+    flexShrink: 0,
+    width: "100%",
+    backgroundColor: "white",
+    overflow: "hidden",
+    borderTopLeftRadius: px2dp(10),
+    borderTopRightRadius: px2dp(10),
+    display: "flex",
+    padding: px2dp(15),
+  },
+  titleText: {
+    maxWidth: deviceWidth - px2dp(30),
+    fontSize: px2sp(18),
+    marginBottom: px2dp(20),
+    // backgroundColor: 'red',
+    textAlign: "center",
+    fontWeight: "bold",
+    color: "#1A1A1A",
+  },
+  contentText: {
+    maxWidth: deviceWidth - px2dp(30),
+    marginBottom: px2dp(20),
+    minHeight: px2dp(40),
+    flexGrow: 0,
+    flexShrink: 1,
+    width: undefined,
+    fontSize: px2sp(15),
+    // backgroundColor: 'red',
+    color: "#1A1A1A",
+    textAlign: "center",
+  },
+  action: {
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    // backgroundColor:"red"
+  },
+  cancel: {
+    width: "40%",
+    height: px2dp(44),
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    borderRadius: px2dp(10),
+    borderWidth: px2dp(1),
+    borderColor: "#A3A9CC",
+  },
+
+  confirm: {
+    width: "40%",
+    height: px2dp(44),
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#2763FF",
+    borderRadius: px2dp(10),
+  },
+  cancelText: {
+    fontSize: px2sp(15),
+    color: "#A3A9CC",
+  },
+  confirmText: {
+    fontSize: px2sp(15),
+    color: "white",
+  },
+});

package/dist/components/Hud/AlertSheetView/AlertSheetView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertSheetView.d.ts","sourceRoot":"","sources":["../../../../src/components/Hud/AlertSheetView/AlertSheetView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAQL,UAAU,EACX,MAAM,cAAc,CAAC;AAKtB,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAAC;IACxD,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;AACF,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AACF,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB,CAAC;;AAKF,wBAuFG;AAEH,eAAO,MAAM,iBAAiB,uCAAmC,CAAC;AAElE,eAAO,MAAM,mBAAmB,GAAI,OAAO,OAAO,CAAC,qBAAqB,CAAC,SAExE,CAAC"}
+{"version":3,"file":"AlertSheetView.d.ts","sourceRoot":"","sources":["../../../../src/components/Hud/AlertSheetView/AlertSheetView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAQL,UAAU,EACX,MAAM,cAAc,CAAC;AAQtB,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAAC;IACxD,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;AACF,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AACF,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB,CAAC;;AAKF,wBA0EG;AAEH,eAAO,MAAM,iBAAiB,uCAAmC,CAAC;AAElE,eAAO,MAAM,mBAAmB,GAAI,OAAO,OAAO,CAAC,qBAAqB,CAAC,SAExE,CAAC"}

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

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { Dimensions, Platform, StatusBar, StyleSheet, Text, TouchableOpacity, View, } from "react-native";
-import Modal from "react-native-modal";
+import { Platform, StatusBar, StyleSheet, Text, TouchableOpacity, View, } from "react-native";
+import { AnimationModal, } from "../../AnimationModal/AnimationModal";
 import { px2dp } from "../../../screen/px2dp";
 import { px2sp } from "../../../screen/px2sp";
 export default React.forwardRef((_, ref) => {
@@ -9,14 +9,17 @@ export default React.forwardRef((_, ref) => {
         actions: [],
     };
     const [state, setState] = React.useState(defaultState);
+    const animationModalRef = React.useRef(null);
     React.useImperativeHandle(ref, () => ({
         show: async (options) => {
             setState(Object.assign({}, defaultState, { visible: true }, options));
+            animationModalRef.current?.show();
         },
         hide,
     }), []);
     const hide = async () => {
         setState(defaultState);
+        animationModalRef.current?.hide();
     };
     React.useEffect(() => {
         if (Platform.OS == "android") {
@@ -30,15 +33,7 @@ export default React.forwardRef((_, ref) => {
             }
         }
     }, [state.visible]);
-    return (<Modal hideModalContentWhileAnimating={true} //通过隐藏模态内容直到动画完成来增强性能
-     useNativeDriver={true} //定义动画是否应使用本机驱动程序
-     animationIn="slideInUp" animationOut="slideOutDown" onBackButtonPress={() => {
-            //按下Android后退按钮时调用
-            hide();
-        }} onBackdropPress={() => {
-            //按下背景时调用
-            hide();
-        }} isVisible={state.visible} deviceHeight={Dimensions.get("screen").height} style={{ margin: 0 }}>
+    return (<AnimationModal ref={animationModalRef}>
       <View style={styles.container}>
         <View style={[styles.wrapper]}>
           <View style={styles.itemContainer}>
@@ -59,7 +54,7 @@ export default React.forwardRef((_, ref) => {
           </TouchableOpacity>
         </View>
       </View>
-    </Modal>);
+    </AnimationModal>);
 });
 export const alertSheetViewRef = React.createRef();
 export const showAlertSheetModal = (props) => {

package/dist/components/Hud/AlertSheetView/AlertSheetView.md

@@ -0,0 +1,180 @@
+import * as React from "react";
+import {
+  Dimensions,
+  Platform,
+  StatusBar,
+  StyleSheet,
+  Text,
+  TouchableOpacity,
+  View,
+  ColorValue,
+} from "react-native";
+import Modal from "react-native-modal";
+
+import { px2dp } from "../../../screen/px2dp";
+import { px2sp } from "../../../screen/px2sp";
+type RefAttributes = {
+  show: (options: Partial<AlertSheetViewOptions>) => void;
+  hide: () => void;
+};
+type ActionSheet = {
+  text: string;
+  color?: ColorValue | undefined;
+  onClick?: () => void;
+};
+export type AlertSheetViewOptions = {
+  actions: ActionSheet[];
+};
+type State = {
+  visible: boolean;
+} & AlertSheetViewOptions;
+
+export default React.forwardRef<RefAttributes, {}>((_, ref) => {
+  const defaultState: Partial<State> = {
+    visible: false,
+    actions: [],
+  };
+  const [state, setState] = React.useState<Partial<State>>(defaultState);
+
+  React.useImperativeHandle<unknown, RefAttributes>(
+    ref,
+    () => ({
+      show: async (options: Partial<AlertSheetViewOptions>) => {
+        setState(Object.assign({}, defaultState, { visible: true }, options));
+      },
+      hide,
+    }),
+    [],
+  );
+
+  const hide = async () => {
+    setState(defaultState);
+  };
+
+  React.useEffect(() => {
+    if (Platform.OS == "android") {
+      if (state.visible) {
+        StatusBar.setBackgroundColor("black");
+        StatusBar.setBarStyle("light-content");
+      } else {
+        StatusBar.setBackgroundColor("transparent");
+        StatusBar.setBarStyle("dark-content");
+      }
+    }
+  }, [state.visible]);
+  return (
+    <Modal
+      hideModalContentWhileAnimating={true} //通过隐藏模态内容直到动画完成来增强性能
+      useNativeDriver={true} //定义动画是否应使用本机驱动程序
+      animationIn="slideInUp"
+      animationOut="slideOutDown"
+      onBackButtonPress={() => {
+        //按下Android后退按钮时调用
+        hide();
+      }}
+      onBackdropPress={() => {
+        //按下背景时调用
+        hide();
+      }}
+      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();
+                }}
+              >
+                <Text
+                  style={[styles.itemText, { color: i.color }]}
+                  numberOfLines={2}
+                >
+                  {i.text}
+                </Text>
+              </TouchableOpacity>
+            ))}
+          </View>
+
+          <TouchableOpacity
+            style={[styles.cancel]}
+            activeOpacity={1}
+            onPress={() => {
+              hide();
+            }}
+          >
+            <Text style={[styles.cancelText]}>取消</Text>
+          </TouchableOpacity>
+        </View>
+      </View>
+    </Modal>
+  );
+});
+
+export const alertSheetViewRef = React.createRef<RefAttributes>();
+
+export const showAlertSheetModal = (props: Partial<AlertSheetViewOptions>) => {
+  alertSheetViewRef.current?.show(props);
+};
+
+const styles = StyleSheet.create({
+  container: {
+    display: "flex",
+    flexGrow: 1,
+    justifyContent: "flex-end",
+    alignItems: "center",
+  },
+
+  wrapper: {
+    flexGrow: 0,
+    flexShrink: 0,
+    width: "100%",
+    // backgroundColor: 'pink',
+    overflow: "hidden",
+    borderTopLeftRadius: px2dp(10),
+    borderTopRightRadius: px2dp(10),
+    display: "flex",
+    padding: px2dp(15),
+  },
+
+  cancel: {
+    height: px2dp(50),
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    borderRadius: px2dp(10),
+    backgroundColor: "white",
+    marginTop: px2dp(15),
+  },
+  cancelText: {
+    fontSize: px2sp(15),
+    color: "#2763FF",
+  },
+
+  itemContainer: {
+    display: "flex",
+    borderRadius: px2dp(10),
+    overflow: "hidden",
+    backgroundColor: "#f1f1f1",
+  },
+  item: {
+    height: px2dp(50),
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+
+    backgroundColor: "white",
+    marginTop: px2dp(0.75),
+  },
+  itemText: {
+    fontSize: px2sp(12),
+    color: "#666666",
+  },
+});

package/dist/index.d.ts

@@ -1,5 +1,4 @@
 export { Hud, showLoading, hideLoading, showToast, showAlertModal, showAlertBottomModal, showAlertSheetModal, showPopoverView, hidePopoverView, showScanner, hideScanner, } from "./components/Hud/Hud";
-export { Modal, ModalProps } from "./components/Modal/Modal";
 export { default as MutiPictureView } from "./components/MutiPictureView/MutiPictureView";
 export { PictureViewer } from "./components/PictureViewer/PictureViewer";
 export { default as RefreshList, RefreshState, RefreshText, } from "./components/RefreshList/RefreshList";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,OAAO,EACL,GAAG,EACH,WAAW,EACX,WAAW,EACX,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,EACf,eAAe,EACf,WAAW,EACX,WAAW,GACZ,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,YAAY,EACZ,WAAW,GACZ,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EACL,OAAO,IAAI,oBAAoB,EAC/B,MAAM,GACP,MAAM,wDAAwD,CAAC;AAEhE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,UAAU;AACV,cAAc,UAAU,CAAC;AACzB,QAAQ;AACR,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,QAAQ;AACR,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,OAAO,EACL,GAAG,EACH,WAAW,EACX,WAAW,EACX,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,EACf,eAAe,EACf,WAAW,EACX,WAAW,GACZ,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,YAAY,EACZ,WAAW,GACZ,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EACL,OAAO,IAAI,oBAAoB,EAC/B,MAAM,GACP,MAAM,wDAAwD,CAAC;AAEhE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,UAAU;AACV,cAAc,UAAU,CAAC;AACzB,QAAQ;AACR,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,QAAQ;AACR,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC"}

package/dist/index.js

@@ -9,7 +9,7 @@
 // export { Badge } from "./components/Badge/Badge";
 // export type { BadgeProps } from "./components/Badge/Badge";
 export { Hud, showLoading, hideLoading, showToast, showAlertModal, showAlertBottomModal, showAlertSheetModal, showPopoverView, hidePopoverView, showScanner, hideScanner, } from "./components/Hud/Hud";
-export { Modal } from "./components/Modal/Modal";
+// export { Modal, ModalProps } from "./components/Modal/Modal";
 export { default as MutiPictureView } from "./components/MutiPictureView/MutiPictureView";
 export { PictureViewer } from "./components/PictureViewer/PictureViewer";
 export { default as RefreshList, RefreshState, RefreshText, } from "./components/RefreshList/RefreshList";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aks-dev/easyui",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "description": "工具箱",
   "exports": {
     ".": {
@@ -55,7 +55,6 @@
   "dependencies": {
     "echarts": "^6.0.0",
     "react-native-image-zoom-viewer": "^3.0.1",
-    "react-native-modal": "^14.0.0-rc.1",
     "react-native-smart-refresh": "^1.1.6",
     "react-native-swipe-list-view": "^3.2.9"
   },