@aks-dev/easyui 1.0.163 → 1.1.5

package/lib/RefreshList/demo1.tsx

@@ -1,60 +0,0 @@
-import * as React from 'react'
-import { View, TouchableOpacity, Text } from 'react-native'
-
-import { RefreshList, RefreshState } from './index'
-
-
-
-const App = () => {
-
-    const [refreshState, setRefreshState] = React.useState(RefreshState.Idle)
-
-    const listRef = React.useRef<any>()
-
-    return (
-
-        <RefreshList
-            mode='SectionList'
-            sections={
-                [
-                    {
-                        title: "Main dishes",
-                        data: ["Pizza", "Burger", "Risotto"]
-                    },
-                    {
-                        title: "Sides",
-                        data: ["French Fries", "Onion Rings", "Fried Shrimps"]
-                    },
-                    {
-                        title: "Drinks",
-                        data: ["Water", "Coke", "Beer"]
-                    },
-                    {
-                        title: "Desserts",
-                        data: ["Cheese Cake", "Ice Cream"]
-                    }
-                ]
-            }
-            renderItem={({ item, section }) => {
-
-                return <View>{item}</View>
-            }}
-
-            refreshState={refreshState}
-            onHeaderRefresh={() => {
-
-            }}
-            onFooterRefresh={() => {
-
-            }}
-
-            renderSectionHeader={({ section: { letter } }) => (
-                <View style={{ backgroundColor: 'red' }}>
-
-                </View>
-            )}
-        />
-
-
-    )
-}

package/lib/RefreshList/demo2.tsx

@@ -1,46 +0,0 @@
-import * as React from 'react'
-import { View, TouchableOpacity, Text } from 'react-native'
-
-import { RefreshList, RefreshState } from './index'
-
-
-
-const App = () => {
-
-    const [refreshState, setRefreshState] = React.useState(RefreshState.Idle)
-
-    const listRef = React.useRef<any>()
-    const dataList = Array(20)
-        .fill("")
-        .map((_, i) => ({ key: `${i}`, text: `item #${i}` }))
-    // return (
-
-
-
-        // <RefreshList
-        //     mode='SwipeList'
-        //     ref={listRef}
-        //     data={dataList}
-        //     renderItem={(data, rowMap) => (
-        //         <View >
-        //             <Text>I am {data.item.text} in a SwipeListView</Text>
-        //         </View>
-        //     )}
-        //     refreshState={refreshState}
-        //     onHeaderRefresh={() => {
-
-        //     }}
-        //     onFooterRefresh={() => {
-
-        //     }}
-        //     renderHiddenItem={(data, rowMap) => (
-        //         <TouchableOpacity onPress={() => {
-        //             listRef.current?.safeCloseOpenRow()
-        //         }}>
-
-        //         </TouchableOpacity>
-        //     )}
-        // />
-
-    // )
-}

package/lib/RefreshList/index.ts

@@ -1,84 +0,0 @@
-/*
- * @Author: your name
- * @Date: 2022-04-20 14:56:05
- * @LastEditTime: 2022-12-29 10:46:57
- * @LastEditors: shiguo
- * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- * @FilePath: /@aks-dev/easyui/lib/RefreshList/index.ts
- */
-
-import * as React from 'react'
-
-import { FlatListProps, SectionListProps } from 'react-native'
-import { IPropsSwipeListView } from 'react-native-swipe-list-view/types'
-
-
-// declare namespace easyui {
-//     type Mode = {
-//         FlatList
-//         SectionList
-//         SwipeList
-//     }
-// }
-
-
-
-type CommonProps = {
-    // mode: keyof easyui.Mode;
-    onHeaderRefresh: (info: any) => void;
-    onFooterRefresh: (info: any) => void;
-    reload: () => void;
-    refreshState: RefreshState;
-    renderListEmptyComponent: () => React.ReactElement;
-}
-
-
-type SectionT = {
-    [key: string]: any;
-};
-type ItemT = any;
-
-
-export type FlatListRefreshProps = {
-    mode?: 'FlatList';
-} & FlatListProps<ItemT> & Partial<CommonProps>;
-
-
-export type SectionListRefreshProps = {
-    mode: 'SectionList';
-
-} & SectionListProps<ItemT, SectionT> & Partial<CommonProps>;
-
-export type SwipeListViewRefreshProps = {
-    mode: 'SwipeList';
-    data: ItemT[];
-} & IPropsSwipeListView<ItemT> & Partial<CommonProps> &  FlatListProps<ItemT> ;
-
-export type RefreshListProps = FlatListRefreshProps | SwipeListViewRefreshProps | SectionListRefreshProps
-
-
-export enum RefreshState {
-    Idle = 'Idle',
-    HeaderRefreshing = 'HeaderRefreshing',
-    FooterRefreshing = 'FooterRefreshing',
-    NoMoreData = 'NoMoreData',
-    Failure = 'Failure',
-    EmptyData = 'EmptyData',
-    None = 'None',
-}
-
-
-export const RefreshText = {
-    HeaderRefreshing: '上拉可以刷新',
-    FooterRefreshing: '下拉可以加载更多',
-    Failure: '服务器正在出小差，点击重新加载',
-    NoMoreData: '已经全部加载完毕',
-    EmptyData: '没有数据',
-    Idle: '正在加载更多的数据..',
-}
-
-
-
-
-export declare const RefreshList: React.FC<RefreshListProps>;
-

package/lib/RichText/RichText.tsx

@@ -1,82 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-07-11 15:42:16
- * @LastEditors: shiguo
- * @LastEditTime: 2022-07-11 16:15:02
- * @FilePath: /@aks-dev/easyui/lib/RichText/RichText.tsx
- */
-import React from 'react'
-import { StyleSheet, Text } from 'react-native'
-import type { RichTextProps } from '.'
-import { px2sp } from '../../screen/px2sp'
-import * as utils from '../../utils/lazy'
-
-
-
-
-export default (props: RichTextProps) => {
-    const { rich, richStyle, text, suffix, prefix, ...rest } = props
-    let textStr = ''
-    let richStr = ''
-    if (utils.isString(text) || utils.isNumber(text)) {
-        textStr = String(text)
-    }
-    if (utils.isString(rich) || utils.isNumber(rich)) {
-        richStr = String(rich)
-    }
-
-    let positionStart = 0
-    let positionEnd = 0
-    if (textStr?.indexOf(richStr) >= 0) {
-        positionStart = textStr.indexOf(richStr)
-        positionEnd = positionStart + richStr.length
-    }
-
-    if (prefix) {
-        return (
-            <Text style={styles.container} {...rest}>
-                <Text style={{ ...styles.defaultRich, ...richStyle }}>{richStr}</Text>
-                {textStr}
-            </Text>
-        )
-    }
-
-
-
-    if (suffix) {
-        return (
-            <Text style={styles.container} {...rest}>
-                {textStr}
-                <Text style={{ ...styles.defaultRich, ...richStyle }}>{richStr}</Text>
-            </Text>
-        )
-    }
-
-
-    return (
-        <Text style={styles.container} {...rest}>
-            {textStr.substring(0, positionStart)}
-            {
-                positionEnd > 0 &&
-                <Text style={{ ...styles.defaultRich, ...richStyle }}>{richStr}</Text>
-            }
-            {textStr.substring(positionEnd, textStr.length)}
-        </Text>
-    )
-}
-
-
-
-
-
-const styles = StyleSheet.create({
-    container: {
-        color: '#333333',
-        fontSize: px2sp(14)
-    },
-    defaultRich: {
-        color: 'red',
-        fontSize: px2sp(14),
-        // fontWeight: 'bold'
-    }
-})

package/lib/RichText/index.ts

@@ -1,21 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-07-11 15:42:08
- * @LastEditors: shiguo
- * @LastEditTime: 2022-07-11 16:14:12
- * @FilePath: /@aks-dev/easyui/lib/RichText/index.ts
- */
-import react from 'react'
-import { TextStyle, TextProps } from 'react-native'
-
-
-export type RichTextProps = {
-    rich?: string | number,
-    richStyle?: TextStyle,
-    text?: string | number,
-    suffix?: boolean,
-    prefix?: boolean,
-}
-
-
-export declare const RichText: react.FC<RichTextProps & TextProps>

package/lib/StickHeaderView/StickHeaderView.tsx

@@ -1,65 +0,0 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-29 10:22:16
- * @LastEditors: shiguo
- * @LastEditTime: 2022-04-29 10:27:44
- * @FilePath: /@aks/easyui/lib/StickHeaderView/StickHeaderView.tsx
- */
-import * as React from 'react';
-import { StyleSheet, Animated, LayoutChangeEvent } from "react-native";
-
-import { StickHeaderViewProps } from '.'
-
-
-
-const App: React.FC<StickHeaderViewProps> = (props) => {
-
-    const {
-        style,
-        children,
-        stickyHeaderY = -1,
-        stickyScrollY = new Animated.Value(0)
-    } = props
-
-
-    const [stickyLayoutY, setStickyLayoutY] = React.useState(0)
-
-    // 兼容代码，防止没有传头部高度
-    const _onLayout = (event: LayoutChangeEvent) => {
-        setStickyLayoutY(event.nativeEvent.layout.y)
-    };
-
-    const translateY = () => {
-        let y = stickyHeaderY !== -1 ? stickyHeaderY : stickyLayoutY;
-        return stickyScrollY.interpolate({
-            inputRange: [-1, 0, y, y + 1],
-            outputRange: [0, 0, 0, 1],
-        })
-    };
-
-
-    return (
-        <Animated.View
-            onLayout={_onLayout}
-            style={
-                [
-                    style,
-                    styles.container,
-                    { transform: [{ translateY: translateY() }] }
-                ]}
-        >
-
-            {children}
-
-        </Animated.View>
-    )
-}
-
-const styles = StyleSheet.create({
-    container: {
-        zIndex: 100
-    },
-});
-
-
-export default React.memo(App)

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'
-    },
-
-
-})