@aks-dev/easyui 1.0.99 → 1.0.102

package/lib/Hud/AlertBottomView/AlertBottomView.tsx

@@ -1,24 +1,24 @@
 import * as React from 'react'
-import { View, Text, StyleSheet, Platform, StatusBar, TouchableOpacity, } from 'react-native'
+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'
 
-import { AlertBottomViewOptions, AlertBottomViewCurrent } from '.'
+import { AlertBottomOptions } from '.'
 
 
 
 type State = {
     visible: boolean;
 
-} & Omit<AlertBottomViewOptions, 'cancel' | 'confirm'>
+} & Omit<AlertBottomOptions, 'cancel' | 'confirm'>
 
 
 
 
 
-export default React.forwardRef<AlertBottomViewCurrent, {}>((_, ref) => {
+export default React.forwardRef<AlertBottomOptions.RefAttributes, {}>((_, ref) => {
 
 
     const defaultState: Partial<State> = {
@@ -32,8 +32,8 @@ export default React.forwardRef<AlertBottomViewCurrent, {}>((_, ref) => {
 
 
 
-    React.useImperativeHandle<unknown, AlertBottomViewCurrent>(ref, () => ({
-        show: async (options: Partial<AlertBottomViewOptions>) => {
+    React.useImperativeHandle<unknown, AlertBottomOptions.RefAttributes>(ref, () => ({
+        show: async (options: Partial<AlertBottomOptions>) => {
 
             setState(Object.assign({}, defaultState, { visible: true }, options))
             cancelCallbackRef.current = options.cancel;
@@ -77,6 +77,7 @@ export default React.forwardRef<AlertBottomViewCurrent, {}>((_, ref) => {
             }}
             isVisible={state.visible}
             style={{ margin: 0 }}
+            deviceHeight={Dimensions.get('screen').height}
         >
             <View style={styles.container}>
                 <View style={[styles.wrapper, state.wrapperStyle]}>
@@ -129,11 +130,11 @@ export default React.forwardRef<AlertBottomViewCurrent, {}>((_, ref) => {
 
 
 
-export const alertBottomViewRef = React.createRef<AlertBottomViewCurrent>();
+export const alertBottomViewRef = React.createRef<AlertBottomOptions.RefAttributes>();
 
 
 
-export const showAlertBottomModal = (props: Partial<AlertBottomViewOptions>) => {
+export const showAlertBottomModal = (props: Partial<AlertBottomOptions>) => {
     alertBottomViewRef.current?.show(props)
 }
 

package/lib/Hud/AlertBottomView/{index.ts → index.d.ts}

@@ -2,8 +2,8 @@
  * @Author: shiguo
  * @Date: 2022-04-22 17:30:32
  * @LastEditors: shiguo
- * @LastEditTime: 2022-07-12 19:39:48
- * @FilePath: /@aks-dev/easyui/lib/Hud/AlertBottomView/index.ts
+ * @LastEditTime: 2022-09-09 10:52:55
+ * @FilePath: /@aks-dev/easyui/lib/Hud/AlertBottomView/index.d.ts
  */
 import * as React from 'react'
 
@@ -11,7 +11,7 @@ import * as React from 'react'
 import { StyleProp, ViewStyle, TextStyle } from 'react-native'
 
 
-export declare type AlertBottomViewOptions = {
+export declare type AlertBottomOptions = {
     title: string;
     wrapperStyle: StyleProp<ViewStyle>;
     content: string | React.ReactElement;
@@ -27,16 +27,16 @@ export declare type AlertBottomViewOptions = {
 }
 
 
-export declare const showAlertBottomModal: (props: Partial<AlertBottomViewOptions>) => void;
+export declare const showAlertBottomModal: (props: Partial<AlertBottomOptions>) => void;
 
-
-
-export declare type AlertBottomViewCurrent = {
-    show: (options: Partial<AlertBottomViewOptions>) => void;
-    hide: () => void;
+declare namespace AlertBottomOptions {
+    type RefAttributes = {
+        show: (options: Partial<AlertBottomOptions>) => void;
+        hide: () => void;
+    }
 }
 
 
-export declare const AlertBottomView: React.ForwardRefExoticComponent<React.PropsWithoutRef<{}> & React.RefAttributes<AlertBottomViewCurrent>>;
+export declare const AlertBottomView: React.ForwardRefExoticComponent<React.PropsWithoutRef<{}> & React.RefAttributes<AlertBottomOptions.RefAttributes>>;
 
-export declare const AlertBottomViewRef: React.RefObject<AlertBottomViewCurrent>
+export declare const AlertBottomViewRef: React.RefObject<AlertBottomOptions.RefAttributes>

package/lib/Hud/AlertSheetView/AlertSheetView.tsx

@@ -0,0 +1,176 @@
+import * as React from 'react'
+import { Dimensions, Platform, StatusBar, StyleSheet, Text, TouchableOpacity, View } from 'react-native'
+import Modal from 'react-native-modal'
+import { AlertSheetViewOptions } from '.'
+import { px2dp } from '../../../screen/px2dp'
+import { px2sp } from '../../../screen/px2sp'
+
+
+
+
+
+type State = {
+    visible: boolean;
+} & AlertSheetViewOptions
+
+
+
+
+
+export default React.forwardRef<AlertSheetViewOptions.RefAttributes, {}>((_, ref) => {
+
+
+    const defaultState: Partial<State> = {
+        visible: false,
+        actions: []
+    }
+    const [state, setState] = React.useState<Partial<State>>(defaultState)
+
+    React.useImperativeHandle<unknown, AlertSheetViewOptions.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={() => 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<AlertSheetViewOptions.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.5)
+    },
+    itemText: {
+        fontSize: px2sp(12),
+        color: '#666666',
+
+    },
+
+})

package/lib/Hud/AlertSheetView/index.d.ts

@@ -0,0 +1,35 @@
+/*
+ * @Author: shiguo
+ * @Date: 2022-04-22 17:30:32
+ * @LastEditors: shiguo
+ * @LastEditTime: 2022-09-09 10:51:19
+ * @FilePath: /@aks-dev/easyui/lib/Hud/AlertSheetView/index.d.ts
+ */
+import * as React from 'react';
+import { ColorValue } from 'react-native';
+
+
+
+type ActionSheet = {
+    text: string;
+    color?: ColorValue | undefined;
+    onClick?: () => void;
+}
+export declare type AlertSheetViewOptions = {
+    actions:ActionSheet[];
+}
+
+
+export declare const showAlertSheetModal: (props: Partial<AlertSheetViewOptions>) => void;
+
+
+declare namespace AlertSheetViewOptions {
+    type RefAttributes = {
+        show: (options: Partial<AlertSheetViewOptions>) => void;
+        hide: () => void;
+    }
+}
+
+export declare const AlertSheetView: React.ForwardRefExoticComponent<React.PropsWithoutRef<{}> & React.RefAttributes<AlertSheetViewOptions.RefAttributes>>;
+
+export declare const AlertSheetViewRef: React.RefObject<AlertSheetViewOptions.RefAttributes>

package/lib/Hud/AlertView/AlertView.tsx

@@ -5,7 +5,7 @@ import { View, Text, StyleSheet, Platform, Modal, StatusBar, TouchableOpacity, A
 import { px2dp, deviceWidth } from '../../../screen/px2dp'
 import { px2sp } from '../../../screen/px2sp'
 
-import { AlertViewOptions, AlertViewCurrent } from '.'
+import { AlertViewOptions } from '.'
 
 
 
@@ -18,7 +18,7 @@ type State = {
 
 
 
-export default React.forwardRef<AlertViewCurrent, {}>((_, ref) => {
+export default React.forwardRef<AlertViewOptions.RefAttributes, {}>((_, ref) => {
 
 
     const defaultState: Partial<State> = {
@@ -32,7 +32,7 @@ export default React.forwardRef<AlertViewCurrent, {}>((_, ref) => {
 
 
     
-    React.useImperativeHandle<unknown, AlertViewCurrent>(ref, () => ({
+    React.useImperativeHandle<unknown, AlertViewOptions.RefAttributes>(ref, () => ({
         show: async (options: Partial<AlertViewOptions>) => {
 
             setState(Object.assign({}, defaultState, { visible: true }, options))
@@ -134,7 +134,7 @@ export default React.forwardRef<AlertViewCurrent, {}>((_, ref) => {
 
 
 
-export const alertViewRef = React.createRef<AlertViewCurrent>();
+export const alertViewRef = React.createRef<AlertViewOptions.RefAttributes>();
 
 
 

package/lib/Hud/AlertView/{index.ts → index.d.ts}

@@ -2,8 +2,8 @@
  * @Author: shiguo
  * @Date: 2022-04-22 17:30:32
  * @LastEditors: shiguo
- * @LastEditTime: 2022-07-12 19:06:29
- * @FilePath: /cmwy-device-app/node_modules/@aks-dev/easyui/lib/Hud/AlertView/index.ts
+ * @LastEditTime: 2022-09-09 10:53:51
+ * @FilePath: /@aks-dev/easyui/lib/Hud/AlertView/index.ts
  */
 import * as React from 'react'
 
@@ -30,12 +30,16 @@ export declare const showAlertModal: (props: Partial<AlertViewOptions>) => void;
 
 
 
-export declare type AlertViewCurrent = {
-    show: (options: Partial<AlertViewOptions>) => void;
-    hide: () => void;
+declare namespace AlertViewOptions {
+    type RefAttributes = {
+        show: (options: Partial<AlertViewOptions>) => void;
+        hide: () => void;
+    }
 }
 
 
-export declare const AlertView: React.ForwardRefExoticComponent<React.PropsWithoutRef<{}> & React.RefAttributes<AlertViewCurrent>>;
 
-export declare const alertViewRef: React.RefObject<AlertViewCurrent>
+
+export declare const AlertView: React.ForwardRefExoticComponent<React.PropsWithoutRef<{}> & React.RefAttributes<AlertViewOptions.RefAttributes>>;
+
+export declare const alertViewRef: React.RefObject<AlertViewOptions.RefAttributes>

package/lib/Hud/Hud.tsx

@@ -2,7 +2,7 @@
  * @Author: shiguo
  * @Date: 2022-04-24 14:10:04
  * @LastEditors: shiguo
- * @LastEditTime: 2022-07-15 09:58:50
+ * @LastEditTime: 2022-09-09 09:55:01
  * @FilePath: /cmwy-device-app/node_modules/@aks-dev/easyui/lib/Hud/Hud.tsx
  */
 import * as React from 'react'
@@ -14,6 +14,9 @@ import {
 import {
     alertBottomViewRef, default as AlertBottomView, showAlertBottomModal
 } from './AlertBottomView/AlertBottomView'
+import {
+    alertSheetViewRef, default as AlertSheetView, showAlertSheetModal
+} from './AlertSheetView/AlertSheetView'
 
 import {
     hideLoading, Loading, loadingRef, showLoading
@@ -25,7 +28,7 @@ import {
 } from './Toast/Toast'
 
 
-import {showPopoverView,hidePopoverView,popoverViewRef,PopoverView} from './PopoverView/PopoverView'
+import { showPopoverView, hidePopoverView, popoverViewRef, PopoverView } from './PopoverView/PopoverView'
 
 
 
@@ -42,8 +45,9 @@ export const Hud: React.FC<{}> = () => React.cloneElement(
         <Loading key="hud-0" ref={loadingRef} />,
         <Toast key="hud-1" ref={toastRef} />,
         <AlertView key="hud-2" ref={alertViewRef} />,
-        <AlertBottomView key="hud-3" ref={alertBottomViewRef} />,
-        <PopoverView key="hud-4" ref={popoverViewRef}/>,
+        <AlertBottomView key="hud-3-0" ref={alertBottomViewRef} />,
+        <AlertSheetView key="hud-3-1" ref={alertSheetViewRef} />,
+        <PopoverView key="hud-4" ref={popoverViewRef} />,
     ]
 )
 
@@ -51,9 +55,9 @@ export const Hud: React.FC<{}> = () => React.cloneElement(
 export {
     showAlertModal,
     showToast,
-    showLoading,
-    hideLoading,
+    showLoading, hideLoading,
     showAlertBottomModal,
-    showPopoverView,
-    hidePopoverView
+    showAlertSheetModal,
+    showPopoverView, hidePopoverView
+
 }

package/lib/Hud/Loading/Loading.tsx

@@ -2,19 +2,19 @@
  * @Author: shiguo
  * @Date: 2022-04-24 14:27:02
  * @LastEditors: shiguo
- * @LastEditTime: 2022-07-15 14:21:00
+ * @LastEditTime: 2022-09-09 10:55:48
  * @FilePath: /@aks-dev/easyui/lib/Hud/Loading/Loading.tsx
  */
 import React, { useImperativeHandle, useState } from 'react';
 import { View, ActivityIndicator, StyleSheet, Text, Dimensions, TouchableOpacity, BackHandler } from 'react-native';
 
-import type { LoadingCurrent } from '.'
+import { LoadingOptions } from '.'
 
 
 
 
 
-export const Loading = React.forwardRef<LoadingCurrent, {}>((_, ref) => {
+export const Loading = React.forwardRef<LoadingOptions.RefAttributes, {}>((_, ref) => {
     const [show, setShow] = useState(false);
     const [tipText, setTipText] = useState('加载中');
 
@@ -26,7 +26,7 @@ export const Loading = React.forwardRef<LoadingCurrent, {}>((_, ref) => {
     }, [show])
 
 
-    useImperativeHandle<unknown, LoadingCurrent>(ref, () => ({
+    useImperativeHandle<unknown, LoadingOptions.RefAttributes>(ref, () => ({
         showLoading: (content?: string) => {
             setShow(true);
             setTipText(content || '加载中')
@@ -50,7 +50,7 @@ export const Loading = React.forwardRef<LoadingCurrent, {}>((_, ref) => {
     )
 })
 
-export const loadingRef = React.createRef<LoadingCurrent>();
+export const loadingRef = React.createRef<LoadingOptions.RefAttributes>();
 export const showLoading = (content?: string) => loadingRef.current?.showLoading(content)
 export const hideLoading = () => loadingRef.current?.hideLoading()
 

package/lib/Hud/Loading/index.d.ts

@@ -0,0 +1,38 @@
+
+/*
+ * @Author: shiguo
+ * @Date: 2022-04-24 14:27:02
+ * @LastEditors: shiguo
+ * @LastEditTime: 2022-09-09 10:55:28
+ * @FilePath: /@aks-dev/easyui/lib/Hud/Loading/index.ts
+ */
+import * as React from 'react'
+
+
+
+
+
+
+
+
+
+
+declare namespace LoadingOptions {
+    type RefAttributes = {
+        showLoading: (content?: string) => void;
+        hideLoading: () => void;
+    }
+}
+
+
+
+export declare const showLoading: (content?: string) => void;
+
+
+export declare const hideLoading: () => void;
+
+
+export declare const loadingRef: React.RefObject<LoadingOptions.RefAttributes>;
+
+export declare const Loading: React.ForwardRefExoticComponent<React.PropsWithoutRef<{}> & React.RefAttributes<LoadingOptions.RefAttributes>>
+

package/lib/Hud/PopoverView/PopoverView.tsx

@@ -2,19 +2,19 @@
  * @Author: shiguo
  * @Date: 2022-04-24 14:27:02
  * @LastEditors: shiguo
- * @LastEditTime: 2022-07-15 14:20:40
+ * @LastEditTime: 2022-09-09 10:57:45
  * @FilePath: /@aks-dev/easyui/lib/Hud/PopoverView/PopoverView.tsx
  */
 import React, { useImperativeHandle, useState } from 'react';
 import { StyleSheet, TouchableOpacity, BackHandler } from 'react-native';
-import type { PopoverViewCurrent, PopoverViewOptions } from '.';
+import type {PopoverViewOptions } from '.';
 
 
 
 
 
 
-export const PopoverView = React.forwardRef<PopoverViewCurrent, {}>((_, ref) => {
+export const PopoverView = React.forwardRef<PopoverViewOptions.RefAttributes, {}>((_, ref) => {
     const [visible, setVisible] = useState<boolean>(false);
     const [options, setOptions] = useState<Partial<PopoverViewOptions> | undefined>()
 
@@ -25,7 +25,7 @@ export const PopoverView = React.forwardRef<PopoverViewCurrent, {}>((_, ref) =>
     }, [visible])
 
 
-    useImperativeHandle<unknown, PopoverViewCurrent>(ref, () => ({
+    useImperativeHandle<unknown, PopoverViewOptions.RefAttributes>(ref, () => ({
         showPopoverView: (options: Partial<PopoverViewOptions>) => {
             setVisible(true);
             setOptions(options)
@@ -51,7 +51,7 @@ export const PopoverView = React.forwardRef<PopoverViewCurrent, {}>((_, ref) =>
     )
 })
 
-export const popoverViewRef = React.createRef<PopoverViewCurrent>();
+export const popoverViewRef = React.createRef<PopoverViewOptions.RefAttributes>();
 export const showPopoverView = (options: Partial<PopoverViewOptions>) => popoverViewRef.current?.showPopoverView(options)
 export const hidePopoverView = () => popoverViewRef.current?.hidePopoverView()
 

package/lib/Hud/PopoverView/{index.ts → index.d.ts}

@@ -3,8 +3,8 @@
  * @Author: shiguo
  * @Date: 2022-04-24 14:27:02
  * @LastEditors: shiguo
- * @LastEditTime: 2022-07-15 10:07:56
- * @FilePath: /cmwy-device-app/node_modules/@aks-dev/easyui/lib/Hud/PopoverView/index.ts
+ * @LastEditTime: 2022-09-09 10:57:07
+ * @FilePath: /@aks-dev/easyui/lib/Hud/PopoverView/index.ts
  */
 import * as React from 'react'
 
@@ -18,21 +18,21 @@ export type PopoverViewOptions = {
 
 
 
-export declare type PopoverViewCurrent = {
-    showPopoverView: (options:Partial<PopoverViewOptions>) => void;
-    hidePopoverView: () => void;
+declare namespace PopoverViewOptions {
+    type   RefAttributes = {
+        showPopoverView: (options:Partial<PopoverViewOptions>) => void;
+        hidePopoverView: () => void;
+    }
 }
 
 
-
-
 export declare const showPopoverView: (options:Partial<PopoverViewOptions>) => void;
 
 
 export declare const hidePopoverView: () => void;
 
 
-export declare const popoverViewRef: React.RefObject<PopoverViewCurrent>;
+export declare const popoverViewRef: React.RefObject<PopoverViewOptions.RefAttributes>;
 
-export declare const PopoverView: React.ForwardRefExoticComponent<React.PropsWithoutRef<PopoverViewOptions> & React.RefAttributes<PopoverViewCurrent>>
+export declare const PopoverView: React.ForwardRefExoticComponent<React.PropsWithoutRef<PopoverViewOptions> & React.RefAttributes<PopoverViewOptions.RefAttributes>>
 

package/lib/Hud/Toast/Toast.tsx

@@ -2,21 +2,20 @@
  * @Author: shiguo
  * @Date: 2021-04-27 10:38:04
  * @LastEditors: shiguo
- * @LastEditTime: 2022-08-04 10:43:06
+ * @LastEditTime: 2022-09-09 10:58:34
  * @FilePath: /@aks-dev/easyui/lib/Hud/Toast/Toast.tsx
  */
 import React, { useImperativeHandle, useState, useRef } from 'react';
 import { View, StyleSheet, Text, Dimensions, Animated, Easing } from 'react-native';
 
 
-import type { ToastCurrent } from '.'
+import type { ToastOptions } from '.'
 
 const errorMsg = '(^_^)∠※ 送你一束小花'
 
-export const Toast = React.forwardRef<ToastCurrent, {}>((_, ref) => {
+export const Toast = React.forwardRef<ToastOptions.RefAttributes, {}>((_, ref) => {
     const [tipText, setTipText] = useState(errorMsg);
     const fade = useRef(new Animated.Value(0)).current;
-    const [tipTheme, setTipTheme] = useState<'black' | 'white'>('black')
 
     const fadeAnimation = Animated.sequence([
         Animated.timing(fade, {
@@ -34,10 +33,9 @@ export const Toast = React.forwardRef<ToastCurrent, {}>((_, ref) => {
         })
     ])
 
-    useImperativeHandle<unknown, ToastCurrent>(ref, () => ({
-        showToast: (content: string, theme?: 'black' | 'white') => {
+    useImperativeHandle<unknown, ToastOptions.RefAttributes>(ref, () => ({
+        showToast: (content: string) => {
             setTipText(content || errorMsg)
-            setTipTheme(theme ? theme : 'black')
             fadeAnimation.reset()
             fadeAnimation.start()
         },
@@ -45,17 +43,17 @@ export const Toast = React.forwardRef<ToastCurrent, {}>((_, ref) => {
 
     return (
         <Animated.View style={{ ...styles.toastContainer, opacity: fade }}>
-            <View style={[styles.toastTipsContainer, { backgroundColor: tipTheme == 'black' ? '#00000088' : '#ffffff88' }]}>
-                <Text numberOfLines={5} style={[styles.toastTitle, { color: tipTheme == 'black' ? ' white' : 'black' }]}>{tipText} </Text>
+            <View style={styles.toastTipsContainer}>
+                <Text numberOfLines={5} style={{ ...styles.toastTitle, }}>{tipText} </Text>
             </View>
         </Animated.View>
 
     )
 })
 
-export const toastRef = React.createRef<ToastCurrent>();
+export const toastRef = React.createRef<ToastOptions.RefAttributes>();
 
-export const showToast = (content: string, theme?: 'black' | 'white') => toastRef.current?.showToast(content, theme)
+export const showToast = (content: string) => toastRef.current?.showToast(content)
 
 
 

package/lib/Hud/Toast/index.d.ts

@@ -0,0 +1,22 @@
+/*
+ * @Author: shiguo
+ * @Date: 2022-04-18 19:18:03
+ * @LastEditors: shiguo
+ * @LastEditTime: 2022-09-09 10:58:11
+ * @FilePath: /@aks-dev/easyui/lib/Hud/Toast/index.ts
+ */
+import * as React from 'react'
+
+
+declare namespace ToastOptions {
+    type   RefAttributes = {
+        showToast: (content: string) => void;
+    }
+}
+
+export declare const showToast: (content: string) => void;
+
+
+export declare const toastRef: React.RefObject<ToastOptions.RefAttributes>;
+
+export declare const Toast: React.ForwardRefExoticComponent<React.PropsWithoutRef<{}> & React.RefAttributes<ToastOptions.RefAttributes>>;

package/lib/Hud/index.ts

@@ -2,8 +2,8 @@
  * @Author: shiguo
  * @Date: 2022-04-24 14:14:42
  * @LastEditors: shiguo
- * @LastEditTime: 2022-07-15 12:40:12
- * @FilePath: /@aks-dev/easyui/lib/Hud/index.ts
+ * @LastEditTime: 2022-09-09 09:55:43
+ * @FilePath: /cmwy-device-app/node_modules/@aks-dev/easyui/lib/Hud/index.ts
  */
 
 
@@ -14,6 +14,6 @@ export * from './AlertView'
 export * from './Loading'
 export * from './Toast'
 export * from './AlertBottomView'
+export * from './AlertSheetView'
 export * from './PopoverView'
-
 export declare const Hud: React.FC<{}>

package/lib/TextInputArea/TextInputArea.tsx

@@ -2,7 +2,7 @@
  * @Author: shiguo
  * @Date: 2022-04-24 13:56:47
  * @LastEditors: shiguo
- * @LastEditTime: 2022-07-14 11:56:11
+ * @LastEditTime: 2022-09-09 10:59:38
  * @FilePath: /@aks-dev/easyui/lib/TextInputArea/TextInputArea.tsx
  */
 import React from 'react'
@@ -11,9 +11,9 @@ import {px2dp} from '../../screen/px2dp'
 import {px2sp} from '../../screen/px2sp'
 
 
-import type { TextInputAreaProps, TextInputAreaCurrent } from '.'
+import type { TextInputAreaProps } from '.'
 
-export default React.forwardRef<TextInputAreaCurrent, Partial<TextInputAreaProps>>((props, ref) => {
+export default React.forwardRef<TextInputAreaProps.RefAttributes, Partial<TextInputAreaProps>>((props, ref) => {
     const { defaultValue, placeholder, maxLength = 200, on, ...rest } = props
 
     const [value, setValue] = React.useState<string | undefined>(defaultValue)
@@ -23,7 +23,7 @@ export default React.forwardRef<TextInputAreaCurrent, Partial<TextInputAreaProps
     }, [defaultValue])
 
 
-    React.useImperativeHandle<unknown,TextInputAreaCurrent>(ref, () => ({
+    React.useImperativeHandle<unknown,TextInputAreaProps.RefAttributes>(ref, () => ({
         value: value,
     }), [value])
 

package/lib/TextInputArea/{index.ts → index.d.ts}

@@ -2,8 +2,8 @@
  * @Author: shiguo
  * @Date: 2022-04-24 13:59:32
  * @LastEditors: shiguo
- * @LastEditTime: 2022-07-14 11:56:00
- * @FilePath: /@aks-dev/easyui/lib/TextInputArea/index.ts
+ * @LastEditTime: 2022-09-09 10:59:23
+ * @FilePath: /@aks-dev/easyui/lib/TextInputArea/index.d.ts
  */
 import * as  React from 'react'
 import { ViewStyle, StyleProp, TextInputProps, TextStyle } from 'react-native'
@@ -21,13 +21,13 @@ export type TextInputAreaProps = {
 } & TextInputProps
 
 
-
-
-export type TextInputAreaCurrent = {
-    value: string | undefined;
+declare namespace TextInputAreaProps {
+    type RefAttributes = {
+        value: string | undefined;
+    }
 }
 
 
-export declare const TextInputArea: React.ForwardRefExoticComponent<React.PropsWithoutRef<Partial<TextInputAreaProps>> & React.RefAttributes<TextInputAreaCurrent>>;
+export declare const TextInputArea: React.ForwardRefExoticComponent<React.PropsWithoutRef<Partial<TextInputAreaProps>> & React.RefAttributes<TextInputAreaProps.RefAttributes>>;
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aks-dev/easyui",
-  "version": "1.0.99",
+  "version": "1.0.102",
   "description": "移动端App开发工具包",
   "main": "./src/index.ts",
   "typings": "./src/index.d.ts",
@@ -10,8 +10,7 @@
   "keywords": [
     "react",
     "react-native",
-    "easyui",
-    "爱科森开发"
+    "easyui"
   ],
   "files": [
     "/android",

package/screen/px2dp.ts

@@ -2,15 +2,15 @@
  * @Author: shiguo
  * @Date: 2022-04-18 14:32:25
  * @LastEditors: shiguo
- * @LastEditTime: 2022-07-14 20:19:39
+ * @LastEditTime: 2022-09-09 10:35:02
  * @FilePath: /@aks-dev/easyui/screen/px2dp.ts
  */
 import { Dimensions, Platform, StatusBar } from 'react-native';
 
 
 // 设备宽度，单位 dp
-export const deviceWidth = Dimensions.get('window').width;      //设备的宽度
-export const deviceHeight = Dimensions.get('window').height;    //设备的高度
+export const deviceWidth = Dimensions.get('screen').width;      //设备的宽度
+export const deviceHeight = Dimensions.get('screen').height;    //设备的高度
 export const isAndroid = Platform.OS === "android"
 export const isIos = Platform.OS === 'ios'
 export const isiPhoneX = isIos && (deviceHeight > 736)
@@ -43,7 +43,7 @@ export const statusBarHeight = (() => {
 
 
 
-export const navigationBarHeight = (() => {
+export const navigationBarHeight = ( () => {
     if (isAndroid) return 56
     return 44
 })()

package/src/index.ts

@@ -3,7 +3,7 @@
  * @Author: shiguo
  * @Date: 2022-04-13 12:47:34
  * @LastEditors: shiguo
- * @LastEditTime: 2022-07-15 12:40:31
+ * @LastEditTime: 2022-09-09 10:37:09
  * @FilePath: /@aks-dev/easyui/src/index.ts
  */
 
@@ -14,7 +14,15 @@
 
 export * from '../lib/Badge/Badge'
 
-export { Hud, showLoading, hideLoading, showToast, showAlertModal, showAlertBottomModal, showPopoverView, hidePopoverView } from '../lib/Hud/Hud'
+export {
+    Hud,
+    showLoading, hideLoading,
+    showToast,
+    showAlertModal,
+    showAlertBottomModal,
+    showAlertSheetModal,
+    showPopoverView, hidePopoverView
+} from '../lib/Hud/Hud'
 
 export * from '../lib/Modal/Modal'
 

package/utils/lazy.ts

@@ -2,7 +2,7 @@
  * @Author: shiguo
  * @Date: 2022-04-27 18:17:54
  * @LastEditors: shiguo
- * @LastEditTime: 2022-07-11 15:59:49
+ * @LastEditTime: 2022-08-25 17:02:22
  * @FilePath: /@aks-dev/easyui/utils/lazy.ts
  */
 import type { SyncLoopCallBack } from '.'
@@ -17,7 +17,7 @@ export const sleep = (msec?: number) => {
 
 
 export const randomcolor = () => {
-    return `rgba(${Math.round(Math.random() * 255)},${Math.round(Math.random() * 255)},${Math.round(Math.random() * 255)},${Math.random()})`
+    return `rgba(${Math.round(Math.random() * 255)},${Math.round(Math.random() * 255)},${Math.round(Math.random() * 255)},${1})`
 }
 
 

package/lib/Hud/Loading/index.ts

@@ -1,35 +0,0 @@
-
-/*
- * @Author: shiguo
- * @Date: 2022-04-24 14:27:02
- * @LastEditors: shiguo
- * @LastEditTime: 2022-05-12 11:32:41
- * @FilePath: /@aks/easyui/lib/Easy-Hud/Loading/index.ts
- */
-import * as React from 'react'
-
-
-
-
-
-
-
-
-export declare type LoadingCurrent = {
-    showLoading: (content?: string) => void;
-    hideLoading: () => void;
-}
-
-
-
-
-export declare const showLoading: (content?: string) => void;
-
-
-export declare const hideLoading: () => void;
-
-
-export declare const loadingRef: React.RefObject<LoadingCurrent>;
-
-export declare const Loading: React.ForwardRefExoticComponent<React.PropsWithoutRef<{}> & React.RefAttributes<LoadingCurrent>>
-

package/lib/Hud/Toast/index.ts

@@ -1,22 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-18 19:18:03
- * @LastEditors: shiguo
- * @LastEditTime: 2022-08-04 09:51:29
- * @FilePath: /@aks-dev/easyui/lib/Hud/Toast/index.ts
- */
-import * as React from 'react'
-
-
-
-
-export declare type ToastCurrent = {
-    showToast: (content: string, theme?: 'black' | 'white') => void;
-}
-
-export declare const showToast: (content: string, theme?: 'black' | 'white') => void;
-
-
-export declare const toastRef: React.RefObject<ToastCurrent>;
-
-export declare const Toast: React.ForwardRefExoticComponent<React.PropsWithoutRef<{}> & React.RefAttributes<ToastCurrent>>;