@aks-dev/easyui 1.0.163 → 1.1.2

package/lib/StickHeaderView/demo.tsx

@@ -1,104 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-29 17:48:20
- * @LastEditors: shiguo
- * @LastEditTime: 2022-04-29 17:57:17
- * @FilePath: /@aks/easyui/lib/StickHeaderView/demo.tsx
- */
-import React from 'react'
-import { View, StyleSheet, TouchableOpacity, Text, Animated } from 'react-native'
-import { px2dp } from '../../screen/px2dp'
-import { px2sp } from '../../screen/px2sp'
-
-import StickHeaderView from './StickHeaderView'
-import WithLoadingContainer from '../WithLoadingContainer/WithLoadingContainer'
-import { Status } from '../WithLoadingContainer'
-export default ({ }) => {
-
-
-    const scrollY = React.useRef(new Animated.Value(0)).current;
-    const headHeight = React.useRef(-1);
-
-
-
-
-    return (
-        <View style={styles.container}>
-            <Animated.ScrollView
-                style={{ flex: 1 }}
-                onScroll={
-                    Animated.event(
-                        [{
-                            nativeEvent: { contentOffset: { y: scrollY } } // 记录滑动距离
-                        }],
-                        // {
-                        //     useNativeDriver: true,
-                        //     listener: (event) => {
-                        //         let ey = (event.nativeEvent as any)?.contentOffset?.y as number;
-
-                        //     }
-                        // }
-                    ) // 使用原生动画驱动
-                }
-                scrollEventThrottle={1}
-            >
-
-
-
-
-                <View onLayout={(e) => {
-                    let { height } = e.nativeEvent.layout;
-                    // setViewModel({ headHeight: height }); // 给头部高度赋值
-                    headHeight.current = height
-                }}>
-                    {/* <Calendar/> */}
-
-                </View>
-
-                <StickHeaderView
-                    // stickyHeaderY={viewModel.headHeight} // 把头部高度传入
-                    // stickyScrollY={viewModel.scrollY}  // 把滑动距离传入
-                    stickyHeaderY={headHeight.current} // 把头部高度传入
-                    stickyScrollY={scrollY}  //
-                >
-                    <View >
-
-                        <Text style={{ fontSize: px2sp(16), color: '#333', marginLeft: px2dp(30) }}>当日计划</Text>
-
-                    </View>
-
-                </StickHeaderView>
-
-
-                <WithLoadingContainer
-                    status={Status.SUCCESS}
-                    emptyText={'今日无需巡检'}
-                >
-
-                    {Array(30).fill('')?.map((i, index) => <Item key={`sg-item-${index}`} item={i} index={index} />)}
-                </WithLoadingContainer>
-            </Animated.ScrollView>
-        </View>
-    )
-}
-
-
-
-const Item = (props: { item: any, index: number }) => {
-    return (
-        <TouchableOpacity >
-
-
-
-        </TouchableOpacity>
-    )
-}
-
-
-const styles = StyleSheet.create({
-    container: {
-
-
-    },
-
-})

package/lib/StickHeaderView/index.ts

@@ -1,26 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-29 10:22:02
- * @LastEditors: shiguo
- * @LastEditTime: 2022-04-29 10:30:47
- * @FilePath: /@aks/easyui/lib/StickHeaderView/index.ts
- */
-import * as React from 'react';
-import { Animated, ViewProps } from "react-native";
-
-
-export type StickHeaderViewProps = {
-    /**
-     * 头部高度
-     */
-    stickyHeaderY: number;
-
-    /**
-     * 滑动距离
-     */
-    stickyScrollY: Animated.Value;
-
-} & ViewProps
-
-
-export declare const StickHeaderView: React.FC<StickHeaderViewProps>;

package/lib/TableCell/TableCell.tsx

@@ -1,118 +0,0 @@
-import * as React from 'react'
-import {
-    View, Text, StyleSheet, TouchableOpacity, Image,
-} from 'react-native'
-import { px2dp } from '../../screen/px2dp'
-import { px2sp } from '../../screen/px2sp'
-
-import { TableCellProps } from './index'
-
-
-
-
-export default (props: Partial<TableCellProps>) => {
-    const { showNav = false, activeOpacity = .8 } = props
-    return (
-        <TouchableOpacity activeOpacity={props.onPress == undefined ? activeOpacity : 1}
-            style={[styles.container, props.style]}
-            disabled={props.onPress == undefined}
-            onPress={() => props.onPress && props.onPress()}
-        >
-            <View style={[styles.warpper, props.showUnderline ? {
-                borderBottomColor: '#f2f2f2',
-                // borderBottomWidth: StyleSheet.hairlineWidth,
-                borderBottomWidth: px2dp(1),
-                ...props.underlineStyle
-            } : {}]}>
-                {props.icon && <Image
-                    style={[{ width: px2dp(20), height: px2dp(20), marginRight: px2dp(8) }, props.iconStyle]}
-                    resizeMode='contain'
-                    source={props.icon}
-                />}
-                <View style={[styles.middle, props.middleContaierStyle]}>
-                    {/* 标题 */}
-                    {(() => {
-                        if (typeof props.title === 'string' || typeof props.title === 'number') {
-                            return (
-                                <Text
-                                    numberOfLines={1}
-                                    {...props.titleOptions}
-                                    style={[styles.title, props.titleOptions?.style]}
-                                >{props.title}</Text>
-                            )
-                        }
-                        if (React.isValidElement(props.title)) return props.title
-                        return <View style={styles.title} />
-                    })()}
-
-
-                    {(() => {
-                        if (typeof props.content === 'string' || typeof props.content === 'number') {
-                            return (
-                                <Text
-                                    numberOfLines={1}
-                                    {...props.contentOptions}
-                                    style={[styles.content, props.contentOptions?.style]}
-                                >{props.content}</Text>
-                            )
-                        }
-                        if (React.isValidElement(props.content)) return props.content
-
-                        return undefined
-                    })()}
-                </View>
-                {showNav && (
-                    props.nav || <Image
-                        style={{ width: px2dp(9), height: px2dp(16), marginLeft: px2dp(8) }}
-                        source={require('./back.png')}
-                    />
-                )}
-            </View>
-
-        </TouchableOpacity>
-
-    )
-}
-
-
-
-const styles = StyleSheet.create({
-    container: {
-        display: 'flex',
-        minHeight: px2dp(44),
-        paddingLeft: px2dp(15),
-        paddingRight: px2dp(10),
-        backgroundColor: 'white',
-    },
-    warpper: {
-        flexGrow: 1,
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        position: 'relative',
-    },
-    middle: {
-        flexGrow: 1,
-        flexShrink: 1,
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        // backgroundColor: 'cyan'
-    },
-    title: {
-        // backgroundColor: 'red',
-        flexGrow: 0,
-        flexShrink: 0,
-        fontSize: px2sp(14),
-        color: '#333333'
-    },
-    content: {
-        // backgroundColor: 'yellow',
-        flexGrow: 1,
-        flexShrink: 1,
-        fontSize: px2sp(14),
-        color: '#666666',
-        textAlign: 'right'
-    },
-})

package/lib/TextInputArea/TextInputArea.tsx

@@ -1,89 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-24 13:56:47
- * @LastEditors: shiguo
- * @LastEditTime: 2022-09-09 10:59:38
- * @FilePath: /@aks-dev/easyui/lib/TextInputArea/TextInputArea.tsx
- */
-import React from 'react'
-import { View, Text, TextInput, StyleSheet } from 'react-native'
-import {px2dp} from '../../screen/px2dp'
-import {px2sp} from '../../screen/px2sp'
-
-
-import type { TextInputAreaProps } from '.'
-
-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)
-
-    React.useLayoutEffect(() => {
-        setValue(defaultValue)
-    }, [defaultValue])
-
-
-    React.useImperativeHandle<unknown,TextInputAreaProps.RefAttributes>(ref, () => ({
-        value: value,
-    }), [value])
-
-    return (
-        <View style={[styles.container, rest.style]}>
-
-
-            <TextInput
-                {...rest}
-                style={[styles.textInput,rest.textInputStyle]}
-                value={value}
-                onChangeText={txt => {
-                    setValue(txt);
-                    on && on(txt);
-                }}
-                multiline={true}
-                textAlignVertical={'top'}
-                maxLength={maxLength}
-                placeholder={placeholder}
-
-            />
-
-            <View style={styles.corner}>
-                <Text style={styles.limit}>
-                    <Text style={{ ...styles.limit, color: value && value?.length > (maxLength - 5) ? 'red' : '#AFAFAF' }}>{value?.length || 0}</Text>
-                    /
-                    {maxLength}
-                </Text>
-            </View>
-        </View>
-    )
-})
-
-
-
-const styles = StyleSheet.create({
-    container: {
-        // backgroundColor: '#F5F5F5',
-        minHeight: px2dp(200),
-        // borderRadius: px2dp(10),
-        backgroundColor:'white'
-    },
-    textInput: {
-        flex: 1,
-        margin: px2dp(15),
-        marginBottom: px2dp(8),
-        fontSize:px2sp(14)
-        // backgroundColor: 'red'
-    },
-    corner: {
-        // position: 'absolute',
-        // backgroundColor:'cyan',
-        marginHorizontal: px2dp(15),
-        marginBottom: px2dp(8)
-    },
-    limit: {
-        textAlign: 'right',
-        fontSize: px2sp(10),
-        color: '#AFAFAF'
-    },
-
-
-})

package/lib/TextInputArea/index.d.ts

@@ -1,33 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-24 13:59:32
- * @LastEditors: shiguo
- * @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'
-
-
-export type TextInputAreaProps = {
-    placeholder: string;
-    maxLength: number;
-    style: StyleProp<ViewStyle>;
-    textInputStyle: StyleProp<TextStyle>;
-    /**设置默认值 */
-    defaultValue: string;
-    /*监听content的变化*/
-    on: (content: string) => void;
-} & TextInputProps
-
-
-declare namespace TextInputAreaProps {
-    type RefAttributes = {
-        value: string | undefined;
-    }
-}
-
-
-export declare const TextInputArea: React.ForwardRefExoticComponent<React.PropsWithoutRef<Partial<TextInputAreaProps>> & React.RefAttributes<TextInputAreaProps.RefAttributes>>;
-
-

package/lib/WithLoadingContainer/WithLoadingContainer.tsx

@@ -1,93 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-20 14:56:47
- * @LastEditors: shiguo
- * @LastEditTime: 2022-05-09 14:35:04
- * @FilePath: /@aks/easyui/lib/WithLoadingContainer/WithLoadingContainer.tsx
- */
-import React from 'react';
-import { View, Image, Text, StyleSheet, TouchableOpacity } from 'react-native'
-const loading = require('./loading.gif')
-const loading3 = require('./loading3.gif')
-import { WithLoadingContainerProps, Status } from '.'
-
-
-
-export default (props: Partial<WithLoadingContainerProps>) => {
-    const {
-        status = Status.NONE,
-        renderFailComponent,
-        renderEmptyComponent,
-        renderNomoreComponent,
-        reload,
-        failText = '网络请求失败，点击重新加载~',
-        emptyText = '暂无数据',
-        nomoreText = '没有更多数据了～',
-    } = props
-
-
-
-    return (
-        <View style={props.style}>
-            <>
-                {(() => {
-
-                    switch (status) {
-                        case Status.NONE: return undefined;
-                        case Status.SUCCESS: return props.children;
-                        case Status.LOADING: return <Loading />;
-                        case Status.FAIL:
-                            if (renderFailComponent) return renderFailComponent();
-                            return (
-                                <TouchableOpacity disabled={!reload} onPress={reload} style={styles.container}>
-                                    <Text style={styles.text}>{failText}</Text>
-                                </TouchableOpacity>
-                            );
-                        case Status.EMPTY:
-                            if (renderEmptyComponent) return renderEmptyComponent();
-                            return (
-                                <TouchableOpacity disabled={!reload} onPress={reload} style={styles.container}>
-                                    <Text style={styles.text}>{emptyText}</Text>
-                                </TouchableOpacity>
-                            );
-                        case Status.NOMORE:
-                            return (
-                                <>
-                                    {props.children}
-                                    {renderNomoreComponent ? renderNomoreComponent() : <Text style={styles.text}>{nomoreText}</Text>}
-                                </>
-                            );
-                        default: return <Text style={[styles.text, { lineHeight: 44, }]}>(^_^)∠※ 送你一束小花</Text>;
-
-                    }
-                })()}
-            </>
-        </View>
-    )
-}
-
-
-
-const Loading = () => {
-    return (
-        <View style={styles.container}>
-            <Image source={loading3} style={{ width: 20, height: 20 }} resizeMode='contain' />
-        </View>
-    )
-}
-
-
-const styles = StyleSheet.create({
-    text: {
-        color: '#999999',
-        fontSize: 14,
-        // textAlign: 'center',
-    },
-    container: {
-        display: 'flex',
-        minHeight: 44,
-        justifyContent: 'center',
-        alignItems: 'center',
-        paddingHorizontal:15
-    }
-})

package/lib/WithLoadingContainer/index.ts

@@ -1,36 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-20 15:33:30
- * @LastEditors: shiguo
- * @LastEditTime: 2022-04-29 10:54:37
- * @FilePath: /@aks/easyui/lib/WithLoadingContainer/index.ts
- */
-
-
-
-import React from 'react'
-import { ViewProps, GestureResponderEvent } from 'react-native'
-
-
-export enum Status {
-    NONE = 'NONE',
-    LOADING = 'LOADING',
-    FAIL = 'FAIL',
-    SUCCESS = 'SUCCESS',
-    EMPTY = 'EMPTY',
-    NOMORE = 'NOMORE',
-}
-
-export type WithLoadingContainerProps = {
-    status: Status;
-    reload: (event: GestureResponderEvent) => void;
-    failText: string;
-    emptyText: string;
-    nomoreText: string;
-    renderEmptyComponent: () => React.ReactNode;
-    renderFailComponent: () => React.ReactNode;
-    renderNomoreComponent: () => React.ReactNode;
-} & ViewProps
-
-
-export declare const WithLoadingContainer: React.FC<Partial<WithLoadingContainerProps>>

package/screen/px2dp.ts

@@ -1,51 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-18 14:32:25
- * @LastEditors: shiguo
- * @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('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)
-
-/** 
- * 375px/667px 
- * */
-const uiWidthPx = 375;
-
-
-
-// const pixelRatio = PixelRatio.get()
-// const deviceWidthPx = PixelRatio.getPixelSizeForLayoutSize(deviceWidth);
-
-
-
-export const px2dp = (uiElePx: number) => {
-    return Math.round(uiElePx * deviceWidth / uiWidthPx);
-}
-
-
-
-
-
-export const statusBarHeight = (() => {
-    if (isAndroid) return StatusBar.currentHeight || 24
-    if (isiPhoneX) return 44
-    return 20
-})()
-
-
-
-export const navigationBarHeight = ( () => {
-    if (isAndroid) return 56
-    return 44
-})()
-
-

package/src/index.d.ts

@@ -1,42 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-26 11:44:22
- * @LastEditors: shiguo
- * @LastEditTime: 2023-03-23 15:24:35
- * @FilePath: /@aks-dev/easyui/src/index.d.ts
- */
-
-
-
-/// 组件 easy-ui
-
-export * from '../lib/Badge'
-export * from '../lib/Hud'
-export * from '../lib/Modal'
-export * from '../lib/MutiPictureView'
-export * from '../lib/PictureViewer'
-export * from '../lib/RefreshList'
-export * from '../lib/TableCell'
-export * from '../lib/TextInputArea'
-export * from '../lib/WithLoadingContainer'
-export * from '../lib/StickHeaderView'
-export * from '../lib/Echarts'
-export * from '../lib/RichText'
-export * from '../lib/DottedLine'
-export * from '../lib/MenuView'
-export * from '../lib/AnimationModal'
-
-
-
-/// 全局适配
-export * from '../screen/index.d'
-/// 工具
-export * as utils from '../utils/index.d'
-export * as jsbridge from '../jsbridge/index.d'
-
-//通用类型
-export type ItemProps = {
-    item: any;
-    index: number
-}
-

package/src/index.ts

@@ -1,54 +0,0 @@
-
-/*
- * @Author: shiguo
- * @Date: 2022-04-13 12:47:34
- * @LastEditors: shiguo
- * @LastEditTime: 2023-03-23 15:26:14
- * @FilePath: /@aks-dev/easyui/src/index.ts
- */
-
-
-
-/// 组件
-
-
-export * from '../lib/Badge/Badge'
-
-export {
-    Hud,
-    showLoading, hideLoading,
-    showToast,
-    showAlertModal,
-    showAlertBottomModal,
-    showAlertSheetModal,
-    showPopoverView, hidePopoverView,
-    showScanner, hideScanner
-} from '../lib/Hud/Hud'
-export * from '../lib/Modal/Modal'
-export { default as MutiPictureView } from '../lib/MutiPictureView/MutiPictureView'
-export { PictureViewer } from '../lib/PictureViewer/PictureViewer'
-export { default as RefreshList } from '../lib/RefreshList/RefreshList'
-export { RefreshState } from '../lib/RefreshList'
-export { default as TableCell } from '../lib/TableCell/TableCell'
-export { default as TextInputArea } from '../lib/TextInputArea/TextInputArea'
-export { default as WithLoadingContainer } from '../lib/WithLoadingContainer/WithLoadingContainer'
-export { WithLoadingContainerProps, Status } from '../lib/WithLoadingContainer'
-export { default as StickHeaderView } from '../lib/StickHeaderView/StickHeaderView'
-export { default as EchartsView } from '../lib/Echarts/EchartsView'
-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 { AnimationModal } from '../lib/AnimationModal/AnimationModal'
-
-
-/// 全局适配
-export * from '../screen'
-/// 工具
-import * as utils from '../utils'
-///  桥接
-import * as jsbridge from '../jsbridge'
-export {
-    utils,
-    jsbridge
-}