@aks-dev/easyui 1.0.163 → 1.1.2

package/lib/RefreshList/RefreshList.tsx

@@ -1,235 +0,0 @@
-import * as React from 'react';
-import { View, Text, Animated, StyleSheet, ActivityIndicator, TouchableOpacity } from 'react-native';
-import { SwipeListView, RowMap } from 'react-native-swipe-list-view'
-
-
-
-import {
-    FlatListRefreshProps,
-    SectionListRefreshProps,
-    SwipeListViewRefreshProps,
-    RefreshListProps,
-    RefreshState,
-    RefreshText
-} from './index'
-
-
-
-
-export default React.forwardRef((props: RefreshListProps, ref: React.Ref<any>) => {
-    const {
-        mode = 'FlatList',
-        refreshState,
-        onHeaderRefresh,
-        onFooterRefresh,
-        reload,
-        ...rest
-    } = props
-
-
-    const seed = React.useRef(Math.random()).current
-
-
-    let onRefresh = () => {
-        if (refreshState == RefreshState.HeaderRefreshing) return
-        if (refreshState == RefreshState.FooterRefreshing) return
-        onHeaderRefresh && onHeaderRefresh(RefreshState.HeaderRefreshing)
-    }
-
-    let onEndReached = (info: unknown) => {
-
-        if (mode == 'FlatList') {
-            props = props as FlatListRefreshProps;
-            if (!(props.data instanceof Array)) {
-                throw new Error('[sg:FlatList] data is not Array')
-            }
-            if (props.data.length == 0) return
-        }
-
-        if (mode == 'SectionList') {
-            props = props as SectionListRefreshProps;
-            if (!(props.sections instanceof Array)) {
-                throw new Error('[sg:SectionList] sections is not Array')
-            }
-            if (props.sections.length == 0) return
-        }
-
-        if (refreshState != RefreshState.Idle) return
-        onFooterRefresh && onFooterRefresh(RefreshState.FooterRefreshing)
-    }
-
-
-
-    switch (mode) {
-        case 'FlatList':
-            let flatListProps: FlatListRefreshProps = props as FlatListRefreshProps
-            return (
-                <Animated.FlatList
-                    {...rest as FlatListRefreshProps}
-                    ref={ref}
-                    refreshing={refreshState == RefreshState.HeaderRefreshing}
-                    keyExtractor={(_, index) => { return `sg-index-FlatList-${seed}-${index}` }}
-                    contentContainerStyle={flatListProps.data?.length ? {} : { height: "100%" }}
-                    onRefresh={onRefresh}
-                    onEndReachedThreshold={0.1}
-                    onEndReached={onEndReached}
-                    showsVerticalScrollIndicator={false}
-                    ListHeaderComponent={(_) => (
-                        <View style={{ display: 'flex', flexDirection: 'column' }}>
-                            <ListHeaderComponent {...flatListProps} />
-                            {flatListProps.ListHeaderComponent}
-                        </View>
-                    )}
-                    ListFooterComponent={(_) => <ListFooterComponent {...flatListProps} />}
-
-                />
-            )
-
-        case 'SectionList':
-            let sectionListProps: SectionListRefreshProps = props as SectionListRefreshProps;
-            const { ItemSeparatorComponent = (_) => (
-                <View style={{ height: 1 }} />
-            ) } = sectionListProps
-            return (
-                <Animated.SectionList
-                    {...rest as SectionListRefreshProps}
-                    ref={ref}
-                    refreshing={refreshState == RefreshState.HeaderRefreshing}
-                    onRefresh={onRefresh}
-                    keyExtractor={(_, index) => { return `sg-index-SectionList-${seed}-${index}` }}
-                    contentContainerStyle={sectionListProps.sections?.length > 0 ? {} : { height: "100%" }}
-                    ItemSeparatorComponent={ItemSeparatorComponent}
-                    onEndReachedThreshold={0.1}
-                    onEndReached={onEndReached}
-                    showsVerticalScrollIndicator={false}
-                    // ListHeaderComponent={(_) => <ListHeaderComponent {...sectionListProps} />}
-                    ListHeaderComponent={(_) => (
-                        <View style={{ display: 'flex', flexDirection: 'column' }}>
-                            <ListHeaderComponent {...flatListProps} />
-                            {sectionListProps.ListHeaderComponent}
-                        </View>
-                    )}
-                    ListFooterComponent={(_) => <ListFooterComponent {...sectionListProps} />}
-                    renderSectionHeader={sectionListProps.renderSectionHeader}
-                />
-            )
-
-        case 'SwipeList':
-            let swipeListProps: SwipeListViewRefreshProps = props as SwipeListViewRefreshProps
-            const { renderHiddenItem = (data, rowMap) => (
-                <View style={{ backgroundColor: 'red', height: '100%', alignItems: 'flex-end', justifyContent: "center" }}>
-                    <Text>Right </Text>
-                </View>
-            ) } = swipeListProps
-            return (
-                <SwipeListView
-                    {...rest as SwipeListViewRefreshProps}
-                    rightOpenValue={-100}
-                    leftOpenValue={0}
-                    ref={ref}
-                    disableLeftSwipe={false}
-                    disableRightSwipe={true}
-                    onRefresh={onRefresh}
-                    refreshing={refreshState == RefreshState.HeaderRefreshing}
-                    ItemSeparatorComponent={ItemSeparatorComponent}
-                    onEndReachedThreshold={0.1}
-                    onEndReached={onEndReached}
-                    showsVerticalScrollIndicator={false}
-                    ListHeaderComponent={(_) => (
-                        <View style={{ display: 'flex', flexDirection: 'column' }}>
-                            <ListHeaderComponent {...flatListProps} />
-                            {swipeListProps.ListHeaderComponent}
-                        </View>
-                    )}
-                    ListFooterComponent={(args) => <ListFooterComponent {...swipeListProps} />}
-                    renderHiddenItem={renderHiddenItem}
-                />
-
-            )
-    }
-
-})
-
-
-
-
-
-
-
-const ListFooterComponent = React.memo((props: RefreshListProps) => {
-    const {
-        refreshState,
-        reload,
-    } = props
-
-    switch (refreshState) {
-        case RefreshState.Idle:
-        case RefreshState.FooterRefreshing:
-            return (
-                <View style={{ ...styles.container, flexDirection: 'row' }}>
-                    <ActivityIndicator color={'gray'} />
-                    <Text style={{ ...styles.text, marginLeft: 5 }}>{RefreshText.FooterRefreshing}</Text>
-                </View>
-            )
-        case RefreshState.NoMoreData:
-            return (
-                <View style={styles.container}>
-                    <Text style={{ ...styles.text, color: '#999999' }}>{RefreshText.NoMoreData}</Text>
-                </View>
-            )
-        case RefreshState.Failure:
-            return (
-                <View style={styles.container}>
-                    <TouchableOpacity onPress={() => reload && reload()}>
-                        <Text style={styles.text}>{RefreshText.Failure}</Text>
-                    </TouchableOpacity>
-                </View>
-            )
-        case RefreshState.EmptyData:
-            if (props.renderListEmptyComponent) return props.renderListEmptyComponent()
-            return (
-                <View style={styles.container}>
-                    <TouchableOpacity onPress={() => reload && reload()}>
-                        <Text style={styles.text}>{RefreshText.EmptyData}</Text>
-                    </TouchableOpacity>
-                </View>
-            )
-        default:
-            return <View />
-    }
-})
-
-
-const ListHeaderComponent = React.memo((props: RefreshListProps) => {
-    const { refreshState } = props
-    switch (refreshState) {
-        case RefreshState.HeaderRefreshing:
-            return (
-                <View style={{ ...styles.container, }}>
-                    <Text style={{ ...styles.text, }}>{RefreshText.HeaderRefreshing}</Text>
-                </View>
-            )
-        default:
-            return <View />
-    }
-})
-
-
-
-
-const styles = StyleSheet.create({
-    container: {
-        display: 'flex',
-        flexDirection: 'column',
-        justifyContent: "center",
-        alignItems: 'center',
-        height: 44,
-        // backgroundColor:'cyan'
-    },
-    text: {
-        color: 'gray',
-        lineHeight: 16,
-        fontSize: 13,
-    },
-})
-

package/lib/RefreshList/demo.tsx

@@ -1,30 +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)
-
-    
-    return (
-        <RefreshList
-                data={['a', 'b']}
-                renderItem={({ item, index }) => {
-
-                    return <View>{item}</View>
-                }}
-
-                refreshState={refreshState}
-                onHeaderRefresh={() => {
-
-                }}
-                onFooterRefresh={() => {
-
-                }}
-            />
-    )
-}

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)