@aks-dev/easyui 1.0.163 → 1.1.5

package/readme.md

@@ -2,11 +2,11 @@
  * @Author: shiguo
  * @Date: 2022-04-25 17:57:29
  * @LastEditors: shiguo
- * @LastEditTime: 2022-07-18 16:28:37
+ * @LastEditTime: 2022-07-18 16:28:371
  * @FilePath: /@aks-dev/easyui/README.md
 -->
 
-### 安装
+### install
 
 `$ npm install @aks-dev/easyui --save`
 
@@ -47,7 +47,7 @@ import '@aks-dev/easyui/screen/text-fit'
 
 ### utils
 ---
-|函数|作用|
+|函数|功能|
 |:----|:----|
 |sleep|睡眠|
 |keyboardDismissHandlers|通过手势关闭键盘|

package/i.sh

@@ -1,23 +0,0 @@
-
-###
- # @Author: shiguo
- # @Date: 2022-09-26 17:09:38
- # @LastEditors: shiguo
- # @LastEditTime: 2023-09-15 17:15:13
- # @FilePath: /@aks-dev/easyui/i.sh
-### 
-# echo "Shell 传递参数实例！";
-# echo "执行的文件名：$0";
-# echo "第一个参数为：$1";
-# echo "第二个参数为：$2";
-# echo "第三个参数为：$3";
-# ./i.sh  测试更新注视
-
-
-#chmod u+x *.sh
-git add .
-git commit -m $1
-# git push origin master
-git push --force origin master
-npm version patch
-npm publish

package/jsbridge/RNEasyui.ts

@@ -1,42 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-19 10:23:01
- * @LastEditors: shiguo
- * @LastEditTime: 2023-03-10 14:05:17
- * @FilePath: /@aks-dev/easyui/jsbridge/RNEasyui.ts
- */
-
-import { Dimensions, NativeModules, Platform } from 'react-native';
-
-const { RNEasyui } = NativeModules;
-
-
-
-export const getDeviceBrand = () => RNEasyui.getDeviceBrand();
-
-
-
-export const getStatusBarHeight = () => {
-    if (Platform.OS == 'android') return RNEasyui.getStatusBarHeight();
-
-    const deviceHeight = Dimensions.get('window').height;
-    const isiPhoneX = Platform.OS == 'ios' && (deviceHeight > 736)
-    if (isiPhoneX) return Promise.resolve(44)
-    return Promise.resolve(20)
-}
-
-export const getNavigationBarHeight = () => {
-    if (Platform.OS == 'android') return RNEasyui.getNavigationBarHeight();
-
-    return Promise.resolve(44)
-
-}
-
-
-export const gotoDesktop = () => {
-    if (Platform.OS == 'android') RNEasyui?.gotoDesktop();
-}
-
-
-
-

package/jsbridge/index.d.ts

@@ -1,67 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-19 10:23:01
- * @LastEditors: shiguo
- * @LastEditTime: 2022-10-24 16:38:59
- * @FilePath: /@aks-dev/easyui/jsbridge/index.ts
- */
-
-
-/**
- * @description: 获取App版本号
- * @param {*}
- * @return {*}
- */
-export declare const getAppVersion: () => Promise<string>;
-
-/**
- * @description: 获取操作系统版本
- * 
- react-native-device-info
- * @return {*}
- */
-export declare const getOSVersion: () => Promise<string>;
-
-/**
- * @description: 获取设备品牌
- * @return {*}
- */
-export declare const getDeviceBrand: () => Promise<string>;
-
-
-export declare type UpgradeOptions = {
-    title?: string;
-    version: string;
-    downloadUrl: string;
-    note: string;
-    force: boolean;
-};
-
-/**
- * @description: app升级
- * @return {*}
- */
-export declare const upgrade: (options: UpgradeOptions) => Promise<string>;
-
-
-
-/**
- * @deprecated 测量不准确，已放弃
- * @description: 获取status_bar_height
- * @return {*}
- */
-export declare const getStatusBarHeight: () => Promise<number>;
-
-/**
- * @deprecated 测量不准确，已放弃
- * @description: 获取navigation_bar_height
- * @return {*}
- */
-export declare const getNavigationBarHeight: () => Promise<number>;
-
-
-/**
- * only android
- * 返回桌面
- */
-export declare const gotoDesktop: ()=>void;

package/lib/AnimationModal/AnimationModal.tsx

@@ -1,201 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-05-17 15:22:06
- * @LastEditors: shiguo
- * @LastEditTime: 2023-09-27 15:17:15
- * @FilePath: /@aks-dev/easyui/lib/AnimationModal/AnimationModal.tsx
- */
-
-import * as React from "react";
-import { View, Animated, Easing, LayoutRectangle, PanResponder, StyleSheet, useWindowDimensions, BackHandler, MeasureOnSuccessCallback } from 'react-native';
-import type { AnimationModalProps } from '.';
-import * as utils from '../../utils/lazy';
-// type State = {
-//     display: 'flex' | 'none';
-// }
-// type StateReducerProps = (state: State, action: Partial<State>) => State
-
-
-
-
-export const AnimationModal: React.ForwardRefExoticComponent<
-    React.PropsWithoutRef<AnimationModalProps>
-    & React.RefAttributes<AnimationModalProps.RefAttributes>
->
-    = React.forwardRef((props, ref) => {
-        const {
-            animationType = 'from-bottom',
-            mask = false
-        } = props || {}
-
-        const { height } = useWindowDimensions()
-
-        // const [state, dispatch] = React.useReducer<StateReducerProps>(
-        //     (state, action) => ({ ...state, ...action }),
-        //     {
-        //         display: 'none'
-        //     })
-
-        const [display, setDisplay] = useCallbackState<'flex' | 'none'>('none')
-
-        const animatedValue = React.useRef(new Animated.Value(0)).current;
-        const timing = (value: number) => {
-            Animated.timing(animatedValue, {
-                toValue: value,
-                duration: 350,
-                useNativeDriver: true,
-                easing: Easing.ease,
-            }).start(({ finished }) => {
-                /* 动画完成的回调函数 */
-            });
-        };
-
-
-        const viewRef = React.useRef<{ measure: (callback: MeasureOnSuccessCallback) => void }>() as any
-        const layoutRef = React.useRef<{
-            /**：父容器的高度 */
-            h0: number;
-            /**：子容器的高度 */
-            h1: number;
-        }>({ h0: 0, h1: 0 })
-        const getLayoutPromise = () => {
-            return new Promise((resovle, reject) => {
-                viewRef.current?.measure((...args: any[]) => {
-                    if (args.length == 6) {
-                        layoutRef.current.h1 = args[3]
-                    }
-                    resovle(args)
-                })
-            })
-        }
-
-
-
-        const init = React.useCallback(() => ({ show, hide, setData, getData }), [])
-        React.useImperativeHandle<unknown, AnimationModalProps.RefAttributes>(ref, init, [])
-        const dataRef = React.useRef<any>()
-        const setData = (data?: any) => {
-            dataRef.current = data
-            return init()
-        }
-
-        const getData = () => dataRef.current
-
-
-        const show = () => {
-            setDisplay('flex', async () => {
-                await utils.sleep(50)
-                await getLayoutPromise()
-                timing(-layoutRef.current?.h1)
-            })
-
-            return init()
-        }
-        const hide = () => {
-            timing(0)
-            setTimeout(() => {
-                setDisplay('none')
-            }, 300)
-
-            return init()
-        }
-
-
-        React.useEffect(() => {
-            let addEventListener = BackHandler.addEventListener("hardwareBackPress", () => {
-                return display == 'flex'
-            })
-            return () => {
-                addEventListener.remove()
-            }
-        }, [display])
-
-
-
-        return (
-            <View
-                style={Object.assign({
-                    display: display
-                }, styles.container, props.style)}
-                {...PanResponder.create({
-                    onStartShouldSetPanResponder: (e, gestureState) => {
-                        let pageY = e.nativeEvent.pageY
-                        let topY = height - layoutRef.current.h1
-                        if (pageY <= topY && !mask) {
-                            return true
-                        }
-                        return false
-                    },
-                    onPanResponderGrant: (e, gestureState) => {
-                        // console.log({e})
-                        let pageY = e.nativeEvent.pageY
-                        let topY = height - layoutRef.current.h1
-                        if (pageY <= topY && !mask) {
-                            e.stopPropagation()
-                            hide()
-                        }
-                    }
-                }).panHandlers}
-            >
-                <Animated.View
-                    style={Object.assign({}, styles.wrapper, { transform: [{ translateY: animatedValue }] })}
-                    // onLayout={e => {
-                    //     let target: LayoutRectangle = e.nativeEvent.layout
-                    //     layoutRef.current.h1 = target.height
-                    // }}
-
-                    ref={viewRef}
-                >
-                    {props.children}
-                </Animated.View>
-            </View>
-        )
-    })
-
-
-
-const styles = StyleSheet.create({
-    container: {
-        position: 'absolute',
-        left: 0,
-        right: 0,
-        top: 0,
-        bottom: 0,
-        zIndex: 999,
-        // display: 'flex',
-        flexDirection: 'column',
-        backgroundColor: '#00000055',
-        overflow: 'hidden',
-    },
-    wrapper: {
-        position: 'absolute',
-        display: 'flex',
-        flexDirection: 'column',
-        // backgroundColor: 'pink',
-        width: '100%',
-        top: '100%'
-    },
-    empty: {
-        flex: 1, position: 'relative',
-        //  backgroundColor: 'cyan'
-    }
-})
-
-
-
-
-const useCallbackState = <T,>(od: T): [T, (d: T, callback?: Function) => void] => {
-    const cbRef = React.useRef<Function>()
-    const [data, setData] = React.useState<T>(od)
-    React.useEffect(() => {
-        cbRef.current && cbRef.current(data)
-    }, [data])
-
-    return [
-        data,
-        (d: T, callback?: Function) => {
-            cbRef.current = callback;
-            setData(d)
-        }
-    ]
-}

package/lib/AnimationModal/index.d.ts

@@ -1,41 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-05-18 17:26:41
- * @LastEditors: shiguo
- * @LastEditTime: 2023-09-27 15:12:59
- * @FilePath: /@aks-dev/easyui/lib/AnimationModal/index.d.ts
- */
-import { StyleProp, ViewStyle } from 'react-native';
-
-
-export type AnimationModalProps = {
-    children: React.ReactNode;
-    /**
-     * 动画方向，默认 'from-bottom'
-     * center-in 动画暂未实现
-     * @deprecated
-     */
-    animationType?: 'from-bottom' | 'center-in';
-    /**
-     * 是否有遮罩，默认没有
-     */
-    mask?: boolean;
-    style?:Pick<StyleProp<ViewStyle>,'backgroundColor'>;
-}
-
-
-declare namespace AnimationModalProps {
-    type RefAttributes = {
-        show: () => RefAttributes;
-        hide: () => RefAttributes;
-        setData: (data?: any) => RefAttributes;
-        getData: () => any;
-    }
-}
-
-
-
-export declare const AnimationModal: React.ForwardRefExoticComponent<
-    React.PropsWithoutRef<AnimationModalProps>
-    & React.RefAttributes<AnimationModalProps.RefAttributes>
->;

package/lib/Badge/Badge.tsx

@@ -1,40 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-21 14:40:29
- * @LastEditors: shiguo
- * @LastEditTime: 2022-07-08 15:40:21
- * @FilePath: /@aks-dev/easyui/lib/Badge/Badge.tsx
- */
-import React from 'react'
-import { View, Text, } from 'react-native'
-import { px2dp } from '../../screen/px2dp'
-import { px2sp } from '../../screen/px2sp'
-
-
-import type { BadgeProps } from '.'
-
-
-
-export const Badge: React.FC<BadgeProps>
-    = (props) => {
-        if (isNaN(+props.count) || Number(props.count) == 0) return <View />
-        return (
-
-            <View style={
-                [
-                    {
-                        flexGrow: 0, flexShrink: 1, zIndex: 1,
-                        // paddingHorizontal: px2dp(0),
-                        height: px2dp(16), minWidth: px2dp(16), borderRadius: px2dp(8),
-                        justifyContent: 'center', alignItems: 'center',
-                        backgroundColor: 'red'
-                    },
-                    props.style
-                ]
-            } >
-                <Text style={{ fontSize: px2sp(12), color: 'white', textAlign: 'center' }}> {props.count > 99 ? '+99' : props.count} </Text>
-
-            </View>
-        )
-    }
-

package/lib/Badge/index.ts

@@ -1,21 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-21 14:43:14
- * @LastEditors: shiguo
- * @LastEditTime: 2022-07-08 15:40:30
- * @FilePath: /@aks-dev/easyui/lib/Badge/index.ts
- */
-import *  as React from 'react'
-import { StyleProp, ViewStyle } from 'react-native'
-
-
-
-
-
-export declare type BadgeProps = {
-    count: number | string;
-    style?: StyleProp<ViewStyle>
-}
-
-export declare const Badge: React.FC<BadgeProps>
-

package/lib/DottedLine/DottedLine.tsx

@@ -1,66 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-07-12 15:30:19
- * @LastEditors: shiguo
- * @LastEditTime: 2022-07-12 15:33:06
- * @FilePath: /@aks-dev/easyui/lib/DottedLine/DottedLine.tsx
- */
-import React from 'react'
-import { StyleSheet, View } from 'react-native'
-import type { DottedLineProps } from '.'
-export default (props: DottedLineProps) => {
-    const {
-        vertical = false,
-        dottedColor,
-        dottedCount = 200,
-        ...rest
-    } = props
-    const arrs = Array.from({ length: dottedCount }, (k, v) => v)
-    return (
-        <View style={{ ...styles.container, flexDirection: vertical ? 'column' : 'row', ...rest.style as any }}>
-            {
-                arrs.map((item, index) => {
-                    return <View
-                        key={`dotted-${index}`}
-                        style={{
-                            ...(vertical ? styles.dotted_vertical : styles.dotted_horizontal),
-                            ...(dottedColor && { backgroundColor: dottedColor })
-                        }} />
-                })
-            }
-        </View>
-    )
-
-}
-
-
-
-
-
-const styles = StyleSheet.create({
-    container: {
-        display: 'flex',
-        flexGrow: 1,
-        overflow: 'hidden',
-        flexDirection: 'row',
-        flexWrap: 'nowrap',
-    },
-
-    dotted_horizontal: {
-        flexGrow: 0,
-        flexShrink: 0,
-        width: 2,
-        height: 1,
-        marginRight: 2,
-        backgroundColor: '#cccccc',
-    },
-    dotted_vertical: {
-        flexGrow: 0,
-        flexShrink: 0,
-        width: 1,
-        height: 2,
-        marginBottom: 2,
-        backgroundColor: '#cccccc',
-    }
-
-})

package/lib/DottedLine/index.ts

@@ -1,18 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-07-12 15:30:28
- * @LastEditors: shiguo
- * @LastEditTime: 2022-07-12 15:31:31
- * @FilePath: /@aks-dev/easyui/lib/DottedLine/index.ts
- */
-import React from 'react'
-import { ViewProps } from 'react-native'
-
-export type DottedLineProps = {
-    vertical?: boolean,
-    dottedColor?: string,
-    dottedCount?: number
-} & ViewProps
-
-
-export declare const DottedLine: React.FC<DottedLineProps>