@aks-dev/easyui 1.0.163 → 1.1.5

package/lib/Echarts/demo.tsx

@@ -1,235 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-05-06 12:05:42
- * @LastEditors: shiguo
- * @LastEditTime: 2022-05-06 12:07:58
- * @FilePath: /@aks/easyui/lib/Echarts/demo.tsx
- */
-
-
-
-import * as React from 'react'
-import { View, StyleSheet, } from 'react-native';
-
-import EchartsView from './EchartsView'
-import {echarts} from '.'
-
-
-
-export default () => {
-
-
-
-  let option = {
-    color: ['#80FFA5', '#00DDFF', '#37A2FF', '#FF0087', '#FFBF00'],
-    title: {
-      text: 'Gradient Stacked Area Chart'
-    },
-    tooltip: {
-      trigger: 'axis',
-      axisPointer: {
-        type: 'cross',
-        label: {
-          backgroundColor: '#6a7985'
-        }
-      }
-    },
-    legend: {
-      data: ['Line 1', 'Line 2', 'Line 3', 'Line 4', 'Line 5']
-    },
-    toolbox: {
-      feature: {
-        saveAsImage: {}
-      }
-    },
-    grid: {
-      left: '3%',
-      right: '4%',
-      bottom: '3%',
-      containLabel: true
-    },
-    xAxis: [
-      {
-        type: 'category',
-        boundaryGap: false,
-        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
-      }
-    ],
-    yAxis: [
-      {
-        type: 'value'
-      }
-    ],
-    series: [
-      {
-        name: 'Line 1',
-        type: 'line',
-        stack: 'Total',
-        smooth: true,
-        lineStyle: {
-          width: 0
-        },
-        showSymbol: false,
-        areaStyle: {
-          opacity: 0.8,
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            {
-              offset: 0,
-              color: 'rgb(128, 255, 165)'
-            },
-            {
-              offset: 1,
-              color: 'rgb(1, 191, 236)'
-            }
-          ])
-        },
-        emphasis: {
-          focus: 'series'
-        },
-        data: [140, 232, 101, 264, 90, 340, 250]
-      },
-      {
-        name: 'Line 2',
-        type: 'line',
-        stack: 'Total',
-        smooth: true,
-        lineStyle: {
-          width: 0
-        },
-        showSymbol: false,
-        areaStyle: {
-          opacity: 0.8,
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            {
-              offset: 0,
-              color: 'rgb(0, 221, 255)'
-            },
-            {
-              offset: 1,
-              color: 'rgb(77, 119, 255)'
-            }
-          ])
-        },
-        emphasis: {
-          focus: 'series'
-        },
-        data: [120, 282, 111, 234, 220, 340, 310]
-      },
-      {
-        name: 'Line 3',
-        type: 'line',
-        stack: 'Total',
-        smooth: true,
-        lineStyle: {
-          width: 0
-        },
-        showSymbol: false,
-        areaStyle: {
-          opacity: 0.8,
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            {
-              offset: 0,
-              color: 'rgb(55, 162, 255)'
-            },
-            {
-              offset: 1,
-              color: 'rgb(116, 21, 219)'
-            }
-          ])
-        },
-        emphasis: {
-          focus: 'series'
-        },
-        data: [320, 132, 201, 334, 190, 130, 220]
-      },
-      {
-        name: 'Line 4',
-        type: 'line',
-        stack: 'Total',
-        smooth: true,
-        lineStyle: {
-          width: 0
-        },
-        showSymbol: false,
-        areaStyle: {
-          opacity: 0.8,
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            {
-              offset: 0,
-              color: 'rgb(255, 0, 135)'
-            },
-            {
-              offset: 1,
-              color: 'rgb(135, 0, 157)'
-            }
-          ])
-        },
-        emphasis: {
-          focus: 'series'
-        },
-        data: [220, 402, 231, 134, 190, 230, 120]
-      },
-      {
-        name: 'Line 5',
-        type: 'line',
-        stack: 'Total',
-        smooth: true,
-        lineStyle: {
-          width: 0
-        },
-        showSymbol: false,
-        label: {
-          show: true,
-          position: 'top'
-        },
-        areaStyle: {
-          opacity: 0.8,
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            {
-              offset: 0,
-              color: 'rgb(255, 191, 0)'
-            },
-            {
-              offset: 1,
-              color: 'rgb(224, 62, 76)'
-            }
-          ])
-        },
-        emphasis: {
-          focus: 'series'
-        },
-        data: [220, 302, 181, 234, 210, 290, 150]
-      }
-    ]
-  };
-
-
-
-
-
-  return (
-    <View style={styles.container}>
-
-      <View style={{ width: 100, height: 100, backgroundColor: 'pink' }} />
-      <EchartsView
-        option={option}
-        style={{
-          marginTop: 100,
-          marginHorizontal: 20,
-          height: 200,
-          // backgroundColor: 'red'
-        }}
-      />
-
-    </View>
-  )
-}
-
-
-const styles = StyleSheet.create({
-  container: {
-    flexGrow: 1,
-    display: 'flex',
-  },
-
-})

package/lib/Echarts/index.ts

@@ -1,29 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-05-05 14:52:22
- * @LastEditors: shiguo
- * @LastEditTime: 2022-05-06 10:10:43
- * @FilePath: /@aks/easyui/lib/Echarts/index.ts
- */
-
-import * as React from 'react'
-import { StyleProp, ViewStyle } from 'react-native'
-
-export type EchartsViewProps = {
-    option: any;
-    style?: StyleProp<ViewStyle>;
-    renderLoading?: () => React.ReactElement;
-}
-
-
-
-export declare const EchartsView: React.FC<EchartsViewProps>;
-
-
-
-import * as echarts from 'echarts/core'
-
-
-export {
-    echarts
-}

package/lib/Hud/AlertBottomView/AlertBottomView.tsx

@@ -1,228 +0,0 @@
-import * as React from 'react'
-import { View, Text, StyleSheet, Platform, StatusBar, TouchableOpacity,Dimensions } from 'react-native'
-import Modal from 'react-native-modal'
-
-import { px2dp, deviceWidth } from '../../../screen/px2dp'
-import { px2sp } from '../../../screen/px2sp'
-
-import { AlertBottomOptions } from '.'
-
-
-
-type State = {
-    visible: boolean;
-
-} & Omit<AlertBottomOptions, 'cancel' | 'confirm'>
-
-
-
-
-
-export default React.forwardRef<AlertBottomOptions.RefAttributes, {}>((_, 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, AlertBottomOptions.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<AlertBottomOptions.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/lib/Hud/AlertBottomView/index.d.ts

@@ -1,42 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-22 17:30:32
- * @LastEditors: shiguo
- * @LastEditTime: 2022-09-09 10:52:55
- * @FilePath: /@aks-dev/easyui/lib/Hud/AlertBottomView/index.d.ts
- */
-import * as React from 'react'
-
-
-import { StyleProp, ViewStyle, TextStyle } from 'react-native'
-
-
-export declare 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;
-}
-
-
-export declare const showAlertBottomModal: (props: Partial<AlertBottomOptions>) => void;
-
-declare namespace AlertBottomOptions {
-    type RefAttributes = {
-        show: (options: Partial<AlertBottomOptions>) => void;
-        hide: () => void;
-    }
-}
-
-
-export declare const AlertBottomView: React.ForwardRefExoticComponent<React.PropsWithoutRef<{}> & React.RefAttributes<AlertBottomOptions.RefAttributes>>;
-
-export declare const AlertBottomViewRef: React.RefObject<AlertBottomOptions.RefAttributes>

package/lib/Hud/AlertSheetView/AlertSheetView.tsx

@@ -1,179 +0,0 @@
-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={() => {
-                                    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<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.75)
-    },
-    itemText: {
-        fontSize: px2sp(12),
-        color: '#666666',
-
-    },
-
-})