@aks-dev/easyui 1.0.79 → 1.0.82

package/lib/Echarts/EchartsView.tsx

@@ -2,8 +2,8 @@
  * @Author: shiguo
  * @Date: 2022-05-05 14:52:53
  * @LastEditors: shiguo
- * @LastEditTime: 2022-05-10 18:10:15
- * @FilePath: /@aks/easyui/lib/Echarts/EchartsView.tsx
+ * @LastEditTime: 2022-07-14 18:24:09
+ * @FilePath: /@aks-dev/easyui/lib/Echarts/EchartsView.tsx
  */
 import * as React from 'react'
 import { MeasureOnSuccessCallback, StyleSheet, View, ViewStyle } from 'react-native'
@@ -35,10 +35,14 @@ const EchartsView: React.FC<EchartsViewProps> = (props) => {
 
     React.useEffect(() => {
         containerRef.current?.measure((...args) => {
-            dispatch({
-                width: args[2],
-                height: args[3]
-            })
+            if (args.length > 3) {
+                dispatch({
+                    width: args[2],
+                    height: args[3]
+                })
+            } else {
+                console.warn('[sg] EchartsView measure error')
+            }
         })
 
     }, [props.style])

package/lib/Hud/AlertBottomView/AlertBottomView.tsx

@@ -0,0 +1,227 @@
+import * as React from 'react'
+import { View, Text, StyleSheet, Platform, StatusBar, TouchableOpacity, } from 'react-native'
+import Modal from 'react-native-modal'
+
+import { px2dp, deviceWidth } from '../../../screen/px2dp'
+import { px2sp } from '../../../screen/px2sp'
+
+import { AlertBottomViewOptions, AlertBottomViewCurrent } from '.'
+
+
+
+type State = {
+    visible: boolean;
+
+} & Omit<AlertBottomViewOptions, 'cancel' | 'confirm'>
+
+
+
+
+
+export default React.forwardRef<AlertBottomViewCurrent, {}>((_, ref) => {
+
+
+    const defaultState: Partial<State> = {
+        visible: false,
+        cancelText: '取消',
+        confirmText: '确定',
+    }
+    const [state, setState] = React.useState<Partial<State>>(defaultState)
+    const cancelCallbackRef = React.useRef<Function>();
+    const confirmCallbackRef = React.useRef<Function>();
+
+
+
+    React.useImperativeHandle<unknown, AlertBottomViewCurrent>(ref, () => ({
+        show: async (options: Partial<AlertBottomViewOptions>) => {
+
+            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 }}
+        >
+            <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<AlertBottomViewCurrent>();
+
+
+
+export const showAlertBottomModal = (props: Partial<AlertBottomViewOptions>) => {
+    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/lib/Hud/AlertBottomView/index.ts

@@ -0,0 +1,42 @@
+/*
+ * @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
+ */
+import * as React from 'react'
+
+
+import { StyleProp, ViewStyle, TextStyle } from 'react-native'
+
+
+export declare type AlertBottomViewOptions = {
+    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;
+}
+
+
+export declare const showAlertBottomModal: (props: Partial<AlertBottomViewOptions>) => void;
+
+
+
+export declare type AlertBottomViewCurrent = {
+    show: (options: Partial<AlertBottomViewOptions>) => void;
+    hide: () => void;
+}
+
+
+export declare const AlertBottomView: React.ForwardRefExoticComponent<React.PropsWithoutRef<{}> & React.RefAttributes<AlertBottomViewCurrent>>;
+
+export declare const AlertBottomViewRef: React.RefObject<AlertBottomViewCurrent>

package/lib/Hud/AlertView/AlertView.tsx

@@ -5,14 +5,14 @@ import { View, Text, StyleSheet, Platform, Modal, StatusBar, TouchableOpacity, A
 import { px2dp, deviceWidth } from '../../../screen/px2dp'
 import { px2sp } from '../../../screen/px2sp'
 
-import { Options, AlertViewCurrent } from '.'
+import { AlertViewOptions, AlertViewCurrent } from '.'
 
 
 
 type State = {
     visible: boolean;
 
-} & Omit<Options, 'cancel' | 'confirm'>
+} & Omit<AlertViewOptions, 'cancel' | 'confirm'>
 
 
 
@@ -33,7 +33,7 @@ export default React.forwardRef<AlertViewCurrent, {}>((_, ref) => {
 
     
     React.useImperativeHandle<unknown, AlertViewCurrent>(ref, () => ({
-        show: async (options: Partial<Options>) => {
+        show: async (options: Partial<AlertViewOptions>) => {
 
             setState(Object.assign({}, defaultState, { visible: true }, options))
             cancelCallbackRef.current = options.cancel;
@@ -138,7 +138,7 @@ export const alertViewRef = React.createRef<AlertViewCurrent>();
 
 
 
-export const showAlertModal = (props: Partial<Options>) => {
+export const showAlertModal = (props: Partial<AlertViewOptions>) => {
     alertViewRef.current?.show(props)
 }
 

package/lib/Hud/AlertView/index.ts

@@ -2,8 +2,8 @@
  * @Author: shiguo
  * @Date: 2022-04-22 17:30:32
  * @LastEditors: shiguo
- * @LastEditTime: 2022-05-12 11:32:28
- * @FilePath: /@aks/easyui/lib/Easy-Hud/AlertView/index.ts
+ * @LastEditTime: 2022-07-12 19:06:29
+ * @FilePath: /cmwy-device-app/node_modules/@aks-dev/easyui/lib/Hud/AlertView/index.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 Options = {
+export declare type AlertViewOptions = {
     title: string;
     content: string | React.ReactElement;
     wrapperStyle: StyleProp<ViewStyle>;
@@ -26,12 +26,12 @@ export declare type Options = {
 }
 
 
-export declare const showAlertModal: (props: Partial<Options>) => void;
+export declare const showAlertModal: (props: Partial<AlertViewOptions>) => void;
 
 
 
 export declare type AlertViewCurrent = {
-    show: (options: Partial<Options>) => void;
+    show: (options: Partial<AlertViewOptions>) => void;
     hide: () => void;
 }
 

package/lib/Hud/Hud.tsx

@@ -2,23 +2,30 @@
  * @Author: shiguo
  * @Date: 2022-04-24 14:10:04
  * @LastEditors: shiguo
- * @LastEditTime: 2022-05-16 09:01:26
- * @FilePath: /@aks/easyui/lib/Hud/Hud.tsx
+ * @LastEditTime: 2022-07-15 09:58:50
+ * @FilePath: /cmwy-device-app/node_modules/@aks-dev/easyui/lib/Hud/Hud.tsx
  */
 import * as React from 'react'
 // import { StyleSheet } from 'react-native'
 import {
     alertViewRef, default as AlertView, showAlertModal
 } from './AlertView/AlertView'
+
+import {
+    alertBottomViewRef, default as AlertBottomView, showAlertBottomModal
+} from './AlertBottomView/AlertBottomView'
+
 import {
     hideLoading, Loading, loadingRef, showLoading
 } from './Loading/Loading'
+
+
 import {
     showToast, Toast, toastRef
 } from './Toast/Toast'
 
 
-
+import {showPopoverView,hidePopoverView,popoverViewRef,PopoverView} from './PopoverView/PopoverView'
 
 
 
@@ -34,8 +41,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} />
-
+        <AlertView key="hud-2" ref={alertViewRef} />,
+        <AlertBottomView key="hud-3" ref={alertBottomViewRef} />,
+        <PopoverView key="hud-4" ref={popoverViewRef}/>,
     ]
 )
 
@@ -44,5 +52,8 @@ export {
     showAlertModal,
     showToast,
     showLoading,
-    hideLoading
+    hideLoading,
+    showAlertBottomModal,
+    showPopoverView,
+    hidePopoverView
 }

package/lib/Hud/PopoverView/PopoverView.tsx

@@ -0,0 +1,60 @@
+/*
+ * @Author: shiguo
+ * @Date: 2022-04-24 14:27:02
+ * @LastEditors: shiguo
+ * @LastEditTime: 2022-07-15 10:08:14
+ * @FilePath: /cmwy-device-app/node_modules/@aks-dev/easyui/lib/Hud/PopoverView/PopoverView.tsx
+ */
+import React, { useImperativeHandle, useState } from 'react';
+import { Dimensions, StyleSheet, TouchableOpacity } from 'react-native';
+import type { PopoverViewCurrent, PopoverViewOptions } from '.';
+
+
+
+
+
+
+export const PopoverView = React.forwardRef<PopoverViewCurrent, {}>((_, ref) => {
+    const [visible, setVisible] = useState<boolean>(false);
+    const [options, setOptions] = useState<Partial<PopoverViewOptions> | undefined>()
+
+
+    useImperativeHandle<unknown, PopoverViewCurrent>(ref, () => ({
+        showPopoverView: (options: Partial<PopoverViewOptions>) => {
+            setVisible(true);
+            setOptions(options)
+
+        },
+        hidePopoverView: () => {
+            setVisible(false);
+            setOptions(undefined)
+        }
+    }), [visible])
+
+    if (!visible)
+        return null;
+
+    return (
+        <TouchableOpacity activeOpacity={1}  style={[styles.container,options.style]} onPress={e=>{
+            setVisible(false);
+            setOptions(undefined)
+            // e.stopPropagation()
+        }}>
+            {React.isValidElement(options.content) && options.content}
+        </TouchableOpacity>
+    )
+})
+
+export const popoverViewRef = React.createRef<PopoverViewCurrent>();
+export const showPopoverView = (options: Partial<PopoverViewOptions>) => popoverViewRef.current?.showPopoverView(options)
+export const hidePopoverView = () => popoverViewRef.current?.hidePopoverView()
+
+
+const styles = StyleSheet.create({
+    container: {
+        ...StyleSheet.absoluteFillObject,
+        display: 'flex',
+
+        // backgroundColor:'red'
+    },
+})

package/lib/Hud/PopoverView/index.ts

@@ -0,0 +1,38 @@
+
+/*
+ * @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
+ */
+import * as React from 'react'
+
+import {StyleProp,ViewStyle} from 'react-native'
+
+
+export type PopoverViewOptions = {
+    content: React.ReactNode;
+    style: StyleProp<ViewStyle>;
+}
+
+
+
+export declare type PopoverViewCurrent = {
+    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 PopoverView: React.ForwardRefExoticComponent<React.PropsWithoutRef<PopoverViewOptions> & React.RefAttributes<PopoverViewCurrent>>
+

package/lib/Hud/index.ts

@@ -2,8 +2,8 @@
  * @Author: shiguo
  * @Date: 2022-04-24 14:14:42
  * @LastEditors: shiguo
- * @LastEditTime: 2022-05-16 09:05:53
- * @FilePath: /@aks/easyui/lib/Hud/index.ts
+ * @LastEditTime: 2022-07-15 12:40:12
+ * @FilePath: /@aks-dev/easyui/lib/Hud/index.ts
  */
 
 
@@ -13,6 +13,7 @@ import * as React from 'react'
 export * from './AlertView'
 export * from './Loading'
 export * from './Toast'
-
+export * from './AlertBottomView'
+export * from './PopoverView'
 
 export declare const Hud: React.FC<{}>

package/lib/MenuView/MenuView.tsx

@@ -0,0 +1,221 @@
+import React from "react";
+import { Image, LayoutRectangle, MeasureInWindowOnSuccessCallback, ScrollView, StatusBar, Text, TouchableOpacity, View } from 'react-native';
+import type { MenuProps } from '.';
+import { deviceHeight, deviceWidth } from '../../screen/px2dp';
+import { hidePopoverView, showPopoverView } from '../Hud/Hud';
+
+
+type State = {
+    target?: LayoutRectangle;
+    arrow?: Partial<{
+        left: number | string;
+        right: number | string;
+        top: number;
+        bottom: number;
+    }>;
+}
+
+
+type Reducer = (prevState: State, action: Partial<State>) => State
+
+
+
+export default (props: MenuProps) => {
+
+    const [state, dispatch] = React.useReducer<Reducer>((prevState, action) => Object.assign({}, prevState, action), {})
+
+    const containerRef = React.useRef<{ measureInWindow: (callback: MeasureInWindowOnSuccessCallback) => void }>()
+    const _container = React.useRef<{
+        x: number;
+        y: number;
+        height: number;
+        width: number;
+    }>({ x: 0, y: 0, width: 0, height: 0 })
+
+
+    React.useEffect(() => {
+        containerRef.current?.measureInWindow((...args) => {
+            // console.log('containerRef', args)
+            if (args.length == 4) {
+                _container.current = {
+                    x: args[0],
+                    y: args[1],
+                    width: args[2],
+                    height: args[3],
+                }
+            }
+        })
+
+    })
+
+
+    const getLayoutInfos: () => {
+        alignVertical: 'bottom' | 'top';
+        alignHorizontal: 'left' | 'right';
+        width: number;
+        height: number;
+        x: number;
+        y: number;
+        target_width: number;
+        target_height: number;
+    }
+        = () => {
+            let alignVertical: 'bottom' | 'top' = 'bottom'
+            let alignHorizontal: 'left' | 'right' = 'left'
+            let width = _container.current.width
+            let height = _container.current.height
+            let x = _container.current.x
+            let y = (StatusBar.currentHeight || 0) + _container.current.y + height
+            if (x > Math.abs(deviceWidth - width - x)) {
+                alignHorizontal = 'right'
+            }
+            if (y > deviceHeight * .5) {
+                alignVertical = 'top'
+            }
+            const target_width = state.target?.width || 0
+            const target_height = state.target?.height || 0
+            return {
+                alignVertical,
+                alignHorizontal,
+                width,
+                height,
+                x,
+                y,
+                target_width,
+                target_height,
+            }
+        }
+
+
+    const reLayout = (): Partial<{
+        left: number;
+        right: number;
+        top: number;
+        botttom: number;
+    }> => {
+        let {
+            alignVertical,
+            alignHorizontal,
+            width,
+            height,
+            x,
+            y,
+            target_width,
+            target_height,
+        } = getLayoutInfos()
+
+        const toAlignHorizontal = () => {
+            if (alignHorizontal == 'left') {
+                if (target_width + x > deviceWidth) {
+                    return {
+                        left: Math.abs(deviceWidth - target_width) * .7,
+                        top: y,
+                    }
+                }
+                return {
+                    left: Math.max(x, 15),
+                    top: y,
+                }
+            } else {
+                let _x = deviceWidth - x - width
+                if (target_width + _x > deviceWidth) {
+                    return {
+                        right: Math.abs(deviceWidth - target_width) * .7,
+                        top: y
+                    }
+                }
+                return {
+                    right: Math.max(_x, 15),
+                    top: y
+                }
+            }
+        }
+        if (alignVertical == 'bottom') {
+            y = y + 10
+            return toAlignHorizontal()
+        } else {
+            y = (StatusBar.currentHeight || 0) + _container.current.y - target_height - 10
+            return toAlignHorizontal()
+        }
+    }
+
+
+    const show = () => {
+        // console.log('_container', _container.current, StatusBar.currentHeight)
+        showPopoverView({
+            content: (
+                <TouchableOpacity
+                    activeOpacity={1}
+                    style={{
+                        position: 'absolute',
+                        minWidth: deviceWidth * 0.36,
+                        maxWidth: deviceWidth * 0.8,
+                        minHeight: 36 + 20,
+                        maxHeight: 36 * 5 + 20,
+                        borderRadius: 6, backgroundColor: '#000000ee',
+                        // overflow: 'hidden' ,
+                        padding: 10,
+                        ...reLayout()
+                    }}
+                // onLayout={e=>{
+                //     console.log('onLayout TouchableOpacity', e.nativeEvent.layout)
+                // }}
+                >
+
+                    <View style={{
+                        width: 12, height: 12,
+                        backgroundColor: '#000000ee', position: 'absolute', zIndex: 1,
+                        transform: [{ rotateZ: '45deg' }],
+                        ...(() => {
+                            const {
+                                alignVertical,
+                                alignHorizontal,
+                            } = getLayoutInfos()
+                            if (alignVertical == 'bottom' && alignHorizontal == 'left') return { left: '20%', top: -5 }
+                            if (alignVertical == 'bottom' && alignHorizontal == 'right') return { right: '20%', top: -5 }
+                            if (alignVertical == 'top' && alignHorizontal == 'left') return { left: '20%', bottom: -5 }
+                            if (alignVertical == 'top' && alignHorizontal == 'right') return { right: '20%', bottom: -5 }
+                            return {}
+                        })()
+                    }} />
+
+                    <ScrollView onLayout={e => {
+                        // console.log('onLayout', e.nativeEvent.layout)
+                        let target: LayoutRectangle = e.nativeEvent.layout
+                        dispatch({ target })
+                    }}
+                        style={{}}
+                    >
+                        {props.data?.map((i, idx) => {
+                            return (
+                                <TouchableOpacity
+                                    activeOpacity={.7}
+                                    key={`sg-memnu-${idx}`}
+                                    style={{
+                                        height: 36, display: 'flex', flexDirection: 'row', alignItems: 'center'
+                                        // ,backgroundColor:utils.randomcolor()
+                                    }}
+                                    onPress={e => {
+                                        props.onItemClick && props.onItemClick(idx, i.extra)
+                                        hidePopoverView()
+                                    }}
+                                >
+                                    {i.icon &&
+                                        <Image style={{ width: 18, height: 18, marginRight: 4 }} source={i.icon} />
+                                    }
+                                    <Text style={{ flexShrink: 1, fontSize: 14, color: 'white' }}>{i.text}</Text>
+                                </TouchableOpacity>
+                            )
+                        })}
+                    </ScrollView>
+                </TouchableOpacity>
+            )
+        })
+    }
+
+    return (
+        <TouchableOpacity ref={containerRef as any} onPress={e => show()} >
+            {props.children}
+        </TouchableOpacity>
+    )
+}

package/lib/MenuView/index.ts

@@ -0,0 +1,26 @@
+/*
+ * @Author: shiguo
+ * @Date: 2022-07-14 18:09:02
+ * @LastEditors: shiguo
+ * @LastEditTime: 2022-07-15 12:39:20
+ * @FilePath: /@aks-dev/easyui/lib/MenuView/index.ts
+ */
+
+import React from "react";
+import { ImageSourcePropType } from 'react-native';
+
+
+
+export type MenuItem = {
+    text: string;
+    icon?: ImageSourcePropType;
+    extra?:any
+}
+
+export type MenuProps = {
+    data?: MenuItem[];
+    onItemClick?: (index: number,extra?:any) => void;
+} & Readonly<{ children?: React.ReactNode | undefined }>
+
+
+export declare const MenuView: React.FC<MenuProps>;

package/lib/MutiPictureView/index.ts

@@ -3,8 +3,8 @@ import { TextStyle } from 'react-native';
  * @Author: shiguo
  * @Date: 2022-04-24 17:38:32
  * @LastEditors: shiguo
- * @LastEditTime: 2022-05-09 19:34:22
- * @FilePath: /@aks/easyui/lib/MutiPictureView/index.ts
+ * @LastEditTime: 2022-07-14 15:14:53
+ * @FilePath: /@aks-dev/easyui/lib/MutiPictureView/index.ts
  */
 import { StyleProp, ViewStyle, ImageStyle, ImageSourcePropType } from 'react-native'
 
@@ -31,7 +31,9 @@ export declare type MutiPictureViewProps = {
     /**@deprecated  title 标题 ，已弃用*/
     title?: string;
     bind: BindProps;
+    /**default maxCount is  6 */
     maxCount?: number;
+    /**default type is showImagePicker */
     type?: 'showImagePicker' | 'openCamera';
     style?:StyleProp<ViewStyle>;
     addIcon?: ImageSourcePropType;

package/lib/TextInputArea/TextInputArea.tsx

@@ -2,8 +2,8 @@
  * @Author: shiguo
  * @Date: 2022-04-24 13:56:47
  * @LastEditors: shiguo
- * @LastEditTime: 2022-05-09 16:00:27
- * @FilePath: /@aks/easyui/lib/TextInputArea/TextInputArea.tsx
+ * @LastEditTime: 2022-07-14 11:56:11
+ * @FilePath: /@aks-dev/easyui/lib/TextInputArea/TextInputArea.tsx
  */
 import React from 'react'
 import { View, Text, TextInput, StyleSheet } from 'react-native'
@@ -33,7 +33,7 @@ export default React.forwardRef<TextInputAreaCurrent, Partial<TextInputAreaProps
 
             <TextInput
                 {...rest}
-                style={styles.textInput}
+                style={[styles.textInput,rest.textInputStyle]}
                 value={value}
                 onChangeText={txt => {
                     setValue(txt);
@@ -70,6 +70,7 @@ const styles = StyleSheet.create({
         flex: 1,
         margin: px2dp(15),
         marginBottom: px2dp(8),
+        fontSize:px2sp(14)
         // backgroundColor: 'red'
     },
     corner: {

package/lib/TextInputArea/index.ts

@@ -2,21 +2,22 @@
  * @Author: shiguo
  * @Date: 2022-04-24 13:59:32
  * @LastEditors: shiguo
- * @LastEditTime: 2022-04-26 12:31:51
- * @FilePath: /@aks/easy/lib/TextInputArea/index.ts
+ * @LastEditTime: 2022-07-14 11:56:00
+ * @FilePath: /@aks-dev/easyui/lib/TextInputArea/index.ts
  */
 import * as  React from 'react'
-import { ViewStyle, StyleProp, TextInputProps } from 'react-native'
+import { ViewStyle, StyleProp, TextInputProps, TextStyle } from 'react-native'
 
 
 export type TextInputAreaProps = {
-    placeholder: string,
-    maxLength: number,
-    style: StyleProp<ViewStyle>,
+    placeholder: string;
+    maxLength: number;
+    style: StyleProp<ViewStyle>;
+    textInputStyle: StyleProp<TextStyle>;
     /**设置默认值 */
-    defaultValue: string,
+    defaultValue: string;
     /*监听content的变化*/
-    on: (content: string) => void
+    on: (content: string) => void;
 } & TextInputProps
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aks-dev/easyui",
-  "version": "1.0.79",
+  "version": "1.0.82",
   "description": "移动端App开发工具包",
   "main": "./src/index.ts",
   "typings": "./src/index.d.ts",

package/screen/px2dp.ts

@@ -2,7 +2,7 @@
  * @Author: shiguo
  * @Date: 2022-04-18 14:32:25
  * @LastEditors: shiguo
- * @LastEditTime: 2022-06-02 11:04:21
+ * @LastEditTime: 2022-07-14 20:19:39
  * @FilePath: /@aks-dev/easyui/screen/px2dp.ts
  */
 import { Dimensions, Platform, StatusBar } from 'react-native';

package/src/index.d.ts

@@ -2,7 +2,7 @@
  * @Author: shiguo
  * @Date: 2022-04-26 11:44:22
  * @LastEditors: shiguo
- * @LastEditTime: 2022-07-12 15:33:26
+ * @LastEditTime: 2022-07-15 12:36:37
  * @FilePath: /@aks-dev/easyui/src/index.d.ts
  */
 
@@ -42,6 +42,8 @@ export * from '../lib/RichText'
 
 export * from '../lib/DottedLine'
 
+export * from '../lib/MenuView'
+
 /// 工具
 import * as utils from '../utils'
 export {

package/src/index.ts

@@ -3,7 +3,7 @@
  * @Author: shiguo
  * @Date: 2022-04-13 12:47:34
  * @LastEditors: shiguo
- * @LastEditTime: 2022-07-12 16:17:58
+ * @LastEditTime: 2022-07-15 12:40:31
  * @FilePath: /@aks-dev/easyui/src/index.ts
  */
 
@@ -13,10 +13,8 @@
 
 
 export * from '../lib/Badge/Badge'
-// export type { BadgeProps } from '../lib/Badge'
 
-
-export { Hud, showLoading, hideLoading, showToast, showAlertModal } from '../lib/Hud/Hud'
+export { Hud, showLoading, hideLoading, showToast, showAlertModal, showAlertBottomModal, showPopoverView, hidePopoverView } from '../lib/Hud/Hud'
 
 export * from '../lib/Modal/Modal'
 
@@ -29,11 +27,9 @@ export { RefreshState } from '../lib/RefreshList'
 
 
 export { default as TableCell } from '../lib/TableCell/TableCell'
-// export type { TableCellProps } from '../lib/TableCell'
 
 
 export { default as TextInputArea } from '../lib/TextInputArea/TextInputArea'
-// export type { TextInputAreaCurrent, TextInputAreaProps } from '../lib/TextInputArea'
 
 
 export { default as WithLoadingContainer } from '../lib/WithLoadingContainer/WithLoadingContainer'
@@ -48,6 +44,8 @@ export { echarts } from '../lib/Echarts'
 export { default as RichText } from '../lib/RichText/RichText'
 export { default as DottedLine } from '../lib/DottedLine/DottedLine'
 
+export { default as MenuView } from '../lib/MenuView/MenuView'
+
 /// 全局适配
 export * from '../screen/px2dp'
 export * from '../screen/px2sp'

package/utils/index.ts

@@ -2,12 +2,11 @@
  * @Author: shiguo
  * @Date: 2022-04-19 10:25:43
  * @LastEditors: shiguo
- * @LastEditTime: 2022-07-11 16:09:15
+ * @LastEditTime: 2022-07-13 11:27:24
  * @FilePath: /@aks-dev/easyui/utils/index.ts
  */
 
-import { number } from 'echarts';
-import * as rn from 'react-native'
+import * as rn from 'react-native';
 
 /**
  * @description: 睡眠时间