@smart-link/rn-im 1.0.24 → 1.1.1

package/dist/default-assets.d.ts

@@ -17,3 +17,4 @@ export declare const messageBackupImg: {
     cloud_begin: any;
 };
 export declare const noMessageImg: any;
+export declare const dirImg: any;

package/dist/default-assets.js

@@ -18,3 +18,4 @@ export const messageBackupImg = {
     cloud_begin: require('../assets/cloud-backup-begin.png'),
 };
 export const noMessageImg = require('../assets/no_message.png');
+export const dirImg = require('../assets/file-dir.jpg');

package/dist/hooks/useAnimatedValue.d.ts

@@ -0,0 +1,2 @@
+import { Animated } from "react-native";
+export declare function useAnimatedValue(initialValue: number): Animated.Value;

package/dist/hooks/useAnimatedValue.js

@@ -0,0 +1,9 @@
+import { Animated } from "react-native";
+import React from "react";
+export function useAnimatedValue(initialValue) {
+    const value = React.useRef();
+    if (!value.current) {
+        value.current = new Animated.Value(initialValue);
+    }
+    return value.current;
+}

package/dist/index.d.ts

@@ -4,5 +4,6 @@ export * from './pages';
 export * from './slice';
 export * from './locales';
 export * from './hooks/useImSelector';
+export * from './utils/file';
 export { default as ChatAvatar } from './components/ChatAvatar/ChatAvatar';
 export { default as VideoPlayer } from './components/VideoPlayer';

package/dist/index.js

@@ -4,5 +4,6 @@ export * from './pages';
 export * from './slice';
 export * from './locales';
 export * from './hooks/useImSelector';
+export * from './utils/file';
 export { default as ChatAvatar } from './components/ChatAvatar/ChatAvatar';
 export { default as VideoPlayer } from './components/VideoPlayer';

package/dist/init.d.ts

@@ -1,4 +1,4 @@
-import { ImManager, IUser, SocketStore } from '@smart-link/im-base';
+import { ImManager, IUser, SocketStore, Storage } from '@smart-link/im-base';
 import { ImageRequireSource } from 'react-native';
 interface IMSdkOptions {
     user: IUser;
@@ -11,7 +11,7 @@ interface IMSdkOptions {
     logo: ImageRequireSource;
 }
 export declare const initImSdk: ({ user, storage, store, server, logo: outLogo, t, logout, undoLimitTime }: IMSdkOptions) => Promise<ImManager>;
-export declare const initRequest: (server: string) => void;
+export declare const initRequest: (server: string, storage: Storage) => void;
 export declare const getImManager: () => ImManager;
 export declare const getLogo: () => number;
 export {};

package/dist/init.js

@@ -16,7 +16,6 @@ import uploadFile from './utils/upload';
 import { download, initDir } from './utils/file';
 import { dp, Toast } from '@smart-link/rn-ui';
 import { cloneDeep } from "lodash-es";
-import { clearCookies } from "./utils/cookie";
 let imManager;
 let logo;
 export const initImSdk = ({ user, storage, store, server, logo: outLogo, t, logout, undoLimitTime }) => __awaiter(void 0, void 0, void 0, function* () {
@@ -41,7 +40,9 @@ export const initImSdk = ({ user, storage, store, server, logo: outLogo, t, logo
         t,
         undoLimitTime: undoLimitTime || 1000 * 60 * 5,
         defaultAvatars: defaultAvatars,
-        logout,
+        logout: () => __awaiter(void 0, void 0, void 0, function* () {
+            yield logout();
+        }),
         uploadFile: (file, onProgress) => {
             return uploadFile(file.localPath, file.type, onProgress);
         },
@@ -97,15 +98,17 @@ export const initImSdk = ({ user, storage, store, server, logo: outLogo, t, logo
                 }
             }
         },
+        getCookieString() {
+            return storage.getItem('cookies');
+        },
         onDestroyed() {
             console.log('IM onDestroyed');
-            clearCookies();
         },
     });
     return imManager;
 });
-export const initRequest = (server) => {
-    createRequest(server);
+export const initRequest = (server, storage) => {
+    createRequest(server, storage);
 };
 export const getImManager = () => imManager;
 export const getLogo = () => logo;

package/dist/interface.d.ts

@@ -1,3 +1,4 @@
+import { AxiosProgressEvent } from "axios";
 export type IGroupCategory = {
     groupCategoryId: string;
     groupCategoryName: string;
@@ -45,3 +46,17 @@ export type IGroup = {
     parent: boolean;
     userCount: number;
 };
+export type IRole = {
+    roleId: string;
+    roleName: string;
+};
+export type IPathItem = {
+    path: string;
+    isDir: boolean;
+    childrenCount?: number;
+    name: string;
+    thumbPath?: string;
+    time?: number;
+    size?: number;
+};
+export type UploadProgressFn = (progressEvent: AxiosProgressEvent) => void;

package/dist/pages/address-list/AddressList.js

@@ -1,21 +1,17 @@
 import { dp, ListRow, NavigationPage, SearchBar, useTheme } from '@smart-link/rn-ui';
-import React, { useEffect, useState } from 'react';
-import { View, Text, StyleSheet } from 'react-native';
+import React from 'react';
+import { View, Text, StyleSheet, Image } from 'react-native';
 import useTranslation from '../../hooks/useTranslation';
-import { Unfold } from './Icons';
-import { listGroupCategory } from '../../api/addressList';
+import { Group, Unfold } from './components/Icons';
 import { useAuth } from '../../hooks/useImSelector';
+import useGroupCategory from "./useGroupCategory";
+import { getLogo } from "../../init";
 const AddressList = ({ navigation }) => {
-    const [groupCategoryList, setGroupCategoryList] = useState([]);
     const { t } = useTranslation();
     const theme = useTheme();
     const { user } = useAuth();
-    const compName = (user === null || user === void 0 ? void 0 : user.groupNamePath) || (user === null || user === void 0 ? void 0 : user.userName) || '';
-    useEffect(() => {
-        listGroupCategory({ appType: null }).then(({ data }) => {
-            setGroupCategoryList(data);
-        });
-    }, []);
+    const compName = (user === null || user === void 0 ? void 0 : user.rootGroupName) || (user === null || user === void 0 ? void 0 : user.userName) || '';
+    const groupCategoryList = useGroupCategory();
     const onPressSearch = () => {
         console.log('_onPressSearch');
         navigation.navigate('UserSearch', {});
@@ -27,34 +23,28 @@ const AddressList = ({ navigation }) => {
             <View style={{ height: 10 }}/>
             <SearchBar style={{ marginHorizontal: 10 }} onSearch={onPressSearch}/>
             <View style={{ height: 8 }}/>
-            {/*<ListRow*/}
-            {/*    title={*/}
-            {/*        <View style={[styles.orgLine]}>*/}
-            {/*            <View style={[styles.iconView]}>*/}
-            {/*                <Text style={[styles.icon]}>*/}
-            {/*                    <Icon name="badge" size={16} />*/}
-            {/*                </Text>*/}
-            {/*            </View>*/}
-            {/*            <Text style={styles.title}>{t('groupChat')}</Text>*/}
-            {/*        </View>*/}
-            {/*    }*/}
-            {/*    // onPress={() => this.navigator.push({view: <MyGroupsPage/>})}*/}
-            {/*    topSeparator="full"*/}
-            {/*/>*/}
+            <ListRow title={<View style={[styles.orgLine]}>
+                        <View style={[styles.iconView, {
+                    backgroundColor: theme.primaryColor,
+                    borderRadius: 3,
+                }]}>
+                            <Group size={22} color="#fff"/>
+                        </View>
+                        <Text style={styles.title}>{t('groupChat')}</Text>
+                    </View>} topSeparator="full" onPress={() => {
+            navigation.navigate('MyGroups');
+        }}/>
 
             <View style={{ height: 15 }}/>
 
             <ListRow title={<View style={styles.orgLine}>
-                        {/*<Image style={{width: 30, height: 30, borderRadius: 3}}*/}
-                        {/*       source={Tenant.config.logoOrg || Tenant.config.logo}/>*/}
+                        <Image style={{ width: 30, height: 30, borderRadius: 3 }} source={getLogo()}/>
                         <Text style={styles.compName}>{compName}</Text>
                     </View>}/>
 
             {groupCategoryList.map(item => {
             return (<ListRow key={item.groupCategoryId} title={<View style={styles.orgLine}>
-                                <Text style={styles.smallIcon}>
-                                    <Unfold size={18} color={theme.primaryColor}/>
-                                </Text>
+                                <Unfold size={18} color={theme.primaryColor}/>
                                 <Text style={styles.title}>{item.groupCategoryName}</Text>
                             </View>} onPress={() => handleGroupCategory(item)} topSeparator="full"/>);
         })}
@@ -85,7 +75,6 @@ const styles = StyleSheet.create({
         textAlignVertical: 'center',
     },
     orgLine: {
-        width: dp(350),
         flexDirection: 'row',
         alignItems: 'center',
     },
@@ -104,19 +93,12 @@ const styles = StyleSheet.create({
         width: 30,
         height: 30,
         borderRadius: 3,
-        // backgroundColor: Theme.primaryColorThin
+        alignItems: 'center',
+        justifyContent: 'center'
     },
     icon: {
-        lineHeight: 30,
         textAlign: 'center',
     },
-    smallIcon: {
-        width: 30,
-        height: 30,
-        lineHeight: 30,
-        textAlign: 'center',
-        textAlignVertical: 'center',
-    },
     title: {
         marginLeft: 10,
         textAlignVertical: 'center',

package/dist/pages/address-list/ChooseContact.js

@@ -7,36 +7,46 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import React, { useEffect, useState } from 'react';
-import { StyleSheet, View, Text, TouchableOpacity, ScrollView } from 'react-native';
-import { dp, ListRow, NavigationPage, SearchInput } from '@smart-link/rn-ui';
-import useTranslation from '../../hooks/useTranslation';
-import { useContact, useConversation } from '../../hooks/useImSelector';
-import { getImManager } from '../../init';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { StyleSheet, View, Text, TouchableOpacity, ScrollView, Image } from 'react-native';
+import { dp, ListRow, Loading, NavigationPage, SearchBar, Toast, useTheme } from '@smart-link/rn-ui';
+import useTranslation, { useTranslationAddrList } from '../../hooks/useTranslation';
+import { useAuth, useContact, useConversation } from '../../hooks/useImSelector';
+import { getImManager, getLogo } from '../../init';
 import { ConversationActions } from '@smart-link/im-base';
 import { onSelectUser, resetState, onDefaultCheckedUser } from '../../slice/contact/contact.slice';
-import { RenderUserItem } from './Organization';
 import { useDispatch } from 'react-redux';
-import { queryUserByIds, searchUser } from '../../api/user';
-const rootEntry = [
-    {
-        name: 'organization',
-        locale: 'selectByDepartments',
-    },
-    {
-        name: 'role',
-        locale: 'selectByCharacters',
-    },
-];
+import { queryUserByIds } from '../../api/user';
+import useGroupCategory from "./useGroupCategory";
+import { Unfold } from "./components/Icons";
+import OrgPath from "./components/OrgPath";
+import useRoleList from "./useRoleList";
+import RenderUserItem from "./components/RenderUserItem";
+import { listRoleUser, listTree, listUser } from "../../api/addressList";
+import to from "await-to-js";
 const ChooseContact = ({ navigation, route: { params } }) => {
-    const { checkedIds = [] } = params;
+    const { checkedIds = [], disableIds = [] } = params;
     const { t } = useTranslation();
+    const { t: a } = useTranslationAddrList();
+    const { user } = useAuth();
     const dispatch = useDispatch();
     const { currentConversation } = useConversation();
     const { selectUsers, choosePurpose } = useContact();
-    const [keyword, setKeyword] = useState('');
+    const theme = useTheme();
+    const [rootEntry, setRootEntry] = useState();
+    const [orgPath, setOrgPath] = useState([
+        {
+            id: 'root',
+            name: a('contact'),
+        }
+    ]);
+    const [loading, setLoading] = useState(false);
+    const groupCatId = useRef('');
+    const [orgList, setOrgList] = useState([]);
     const [userList, setUserList] = useState([]);
     const selectCount = Object.keys(selectUsers).length;
+    const groupCategoryList = useGroupCategory();
+    const roleList = useRoleList();
     useEffect(() => {
         navigation.setOptions({
             title: t('selectContacts'),
@@ -87,32 +97,190 @@ const ChooseContact = ({ navigation, route: { params } }) => {
             });
         }
     }, [checkedIds]);
-    useEffect(() => {
-        if (!keyword || keyword === '') {
+    const changeOrg = (org, index) => {
+        console.log(org);
+        if (org.id === 'root') {
+            setRootEntry(undefined);
+        }
+        if (org.type === 'org') {
+            queryOrgAndUser(org.id);
+        }
+        let tmp = orgPath.slice(0, index + 1);
+        setOrgPath(tmp);
+    };
+    const queryUserByRole = useCallback((roleId) => __awaiter(void 0, void 0, void 0, function* () {
+        setOrgList([]);
+        setUserList([]);
+        setLoading(true);
+        const [err, resp] = yield to(listRoleUser(roleId));
+        setLoading(false);
+        if (err) {
+            Toast.error(a('requestFail'));
             return;
         }
-        searchUser({
-            searchKey: keyword,
-            pageSize: 50,
-        }).then(({ data }) => {
-            setUserList(data);
-        });
-    }, [keyword]);
+        setUserList(resp.data || []);
+    }), []);
+    const queryOrgAndUser = useCallback((groupId) => __awaiter(void 0, void 0, void 0, function* () {
+        setOrgList([]);
+        setUserList([]);
+        setLoading(true);
+        const [err, results] = yield to(Promise.all([
+            listTree({
+                groupCatId: groupCatId.current,
+                parentId: groupId,
+                groupStatus: 'valid',
+                queryChild: false,
+            }),
+            listUser({
+                groupCategoryId: groupCatId.current,
+                groupId: groupId,
+                userStatus: 'valid',
+                pageNum: 1,
+                pageSize: 1000,
+                queryAll: false,
+            })
+        ]));
+        setLoading(false);
+        if (err) {
+            console.log(err);
+            Toast.error(a('requestFail'));
+            return;
+        }
+        setOrgList(results[0].data || []);
+        setUserList(results[1].data || []);
+    }), []);
+    const onPressSearch = useCallback(() => {
+        console.log('onPressSearch: ');
+        navigation.navigate('UserSearch', { checkable: true });
+    }, [navigation]);
     return (<NavigationPage noPadding scroll={false}>
-            <View style={{ height: 10 }}/>
-            <SearchInput style={{ marginHorizontal: 10 }} onSubmitEditing={e => {
-            setKeyword(e.nativeEvent.text);
-        }} placeholder={t('search')}/>
-            <View style={{ height: 8 }}/>
+            {orgPath.length === 1 && <>
+                    <View style={{ height: dp(10) }}/>
+                    <ListRow title={<View style={styles.orgLine}>
+                                <Image style={{ width: 30, height: 30, borderRadius: 3 }} source={getLogo()}/>
+                                <Text style={styles.compName}>{user.rootGroupName}</Text>
+                            </View>}/>
+                    <ListRow title={<View style={styles.orgLine}>
+                            <Unfold size={18} color={theme.primaryColor}/>
+                            <Text style={styles.title}>{a('selectByDepartments')}</Text>
+                        </View>} onPress={() => {
+                setRootEntry('org');
+                setOrgPath(prev => [
+                    ...prev,
+                    {
+                        id: 'org',
+                        name: a('selectByDepartments')
+                    }
+                ]);
+            }}/>
+                    <ListRow title={<View style={styles.orgLine}>
+                            <Unfold size={18} color={theme.primaryColor}/>
+                            <Text style={styles.title}>{a('myOrg')}</Text>
+                        </View>} onPress={() => {
+                setRootEntry('org');
+                const ids = user.groupIdPath.split(',');
+                const names = user.groupNamePath.split(' / ');
+                const newPath = ids.map((id, index) => {
+                    return {
+                        id,
+                        name: names[index],
+                        type: 'org'
+                    };
+                });
+                setOrgPath(prev => [
+                    ...prev,
+                    {
+                        id: 'org',
+                        name: a('selectByDepartments')
+                    },
+                    ...newPath,
+                ]);
+                queryOrgAndUser(ids.at(-1));
+            }}/>
+                    <ListRow title={<View style={styles.orgLine}>
+                            <Unfold size={18} color={theme.primaryColor}/>
+                            <Text style={styles.title}>{a('selectByCharacters')}</Text>
+                        </View>} onPress={() => {
+                setRootEntry('role');
+                setOrgPath(prev => [
+                    ...prev,
+                    {
+                        id: 'role',
+                        name: a('selectByCharacters')
+                    }
+                ]);
+            }}/>
+                </>}
             <View style={{ flex: 1 }}>
-                {userList.length > 0 ? (<ScrollView contentContainerStyle={{ paddingBottom: 20 }}>
-                        {userList.map((item) => (<ListRow key={item.userId} onPress={() => {
-                    dispatch(onSelectUser(item));
-                }} title={<RenderUserItem disabled checkable={true} checked={!!selectUsers[item.userId]} data={item}/>} topSeparator="full" accessory="none"/>))}
-                    </ScrollView>) : (<View style={[styles.noData]}>
-                        <Text>{t('noData')}</Text>
-                    </View>)}
+                {orgPath.length > 1
+            && <><View style={{ paddingVertical: 8, paddingHorizontal: 10 }}>
+                        <SearchBar onSearch={onPressSearch}/>
+                    </View>
+                        <OrgPath orgPath={orgPath} onChange={changeOrg}/>
+                    </>}
+                {/*组织分类*/}
+                {rootEntry === 'org' && orgPath.length === 2 && <ScrollView contentContainerStyle={{ paddingBottom: 20 }}>
+                    {groupCategoryList.map(item => {
+                return (<ListRow key={item.groupCategoryId} title={<View style={styles.orgLine}>
+                                        <Unfold size={18} color={theme.primaryColor}/>
+                                        <Text style={styles.title}>{item.groupCategoryName}</Text>
+                                    </View>} onPress={() => __awaiter(void 0, void 0, void 0, function* () {
+                        setOrgPath(prev => [
+                            ...prev,
+                            {
+                                id: item.groupRootIds,
+                                name: item.groupCategoryName,
+                            },
+                        ]);
+                        groupCatId.current = item.groupCategoryId;
+                        yield queryOrgAndUser(item.groupRootIds);
+                    })} topSeparator="full"/>);
+            })}
+                </ScrollView>}
+                {rootEntry === 'role' && orgPath.length === 2 &&
+            <ScrollView contentContainerStyle={{ paddingBottom: 20 }}>
+                        {roleList.map(item => {
+                    return (<ListRow key={item.roleId} title={item.roleName} onPress={() => {
+                            setOrgPath(prev => [
+                                ...prev,
+                                {
+                                    id: item.roleId,
+                                    name: item.roleName,
+                                    type: 'role'
+                                },
+                            ]);
+                            queryUserByRole(item.roleId);
+                        }} topSeparator="full"/>);
+                })}
+                    </ScrollView>}
+
+                {orgPath.length >= 3 && <>
+                    {(userList.length > 0 || orgList.length > 0) ? (<ScrollView contentContainerStyle={{ paddingBottom: 20 }}>
+                                {orgList.map((item) => (<ListRow key={item.groupId} title={item.groupName} onPress={() => {
+                        setOrgPath(prev => [
+                            ...prev,
+                            {
+                                id: item.groupId,
+                                name: item.groupName
+                            }
+                        ]);
+                        queryOrgAndUser(item.groupId);
+                    }} topSeparator="full"/>))}
+                                {userList.map((item) => {
+                    const disabled = disableIds.includes(item.userId);
+                    return <ListRow key={item.userId} disabled={disabled} activeOpacity={disabled ? 1 : 0.2} onPress={() => {
+                            if (disabled) {
+                                return;
+                            }
+                            dispatch(onSelectUser(item));
+                        }} title={<RenderUserItem disabled={disabled} checkable checked={!!selectUsers[item.userId]} data={item}/>} topSeparator="full" accessory="none"/>;
+                })}
+                            </ScrollView>) : (<View style={[styles.noData]}>
+                                <Text>{t('noData')}</Text>
+                            </View>)}
+                </>}
             </View>
+            <Loading loading={loading} loadingText={a('loading')}/>
         </NavigationPage>);
 };
 const styles = StyleSheet.create({
@@ -122,7 +290,6 @@ const styles = StyleSheet.create({
         textAlignVertical: 'center',
     },
     orgLine: {
-        width: dp(350),
         flexDirection: 'row',
         alignItems: 'center',
     },
@@ -141,16 +308,13 @@ const styles = StyleSheet.create({
         width: 30,
         height: 30,
         borderRadius: 3,
-        // backgroundColor: Theme.primaryColorThin
     },
     icon: {
-        lineHeight: 30,
         textAlign: 'center',
     },
     smallIcon: {
         width: 30,
         height: 30,
-        lineHeight: 30,
         textAlign: 'center',
         textAlignVertical: 'center',
     },

package/dist/pages/address-list/MyGroups.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { NativeStackScreenProps } from "@react-navigation/native-stack/lib/typescript/src/types";
+import { IMPageParamList } from "../types";
+type MyGroupsProps = NativeStackScreenProps<IMPageParamList, 'MyGroups'>;
+declare const MyGroups: ({ navigation }: MyGroupsProps) => React.JSX.Element;
+export default MyGroups;

package/dist/pages/address-list/MyGroups.js

@@ -0,0 +1,90 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import * as React from 'react';
+import { dp, NavigationPage } from "@smart-link/rn-ui";
+import { StyleSheet, FlatList, TouchableOpacity, View, Text } from "react-native";
+import { useChatGroup } from "../../hooks/useImSelector";
+import ChatAvatar from "../../components/ChatAvatar";
+import { ConversationActions, GroupActions } from "@smart-link/im-base";
+import { useEffect } from "react";
+import { getImManager } from "../../init";
+import useTranslation from "../../hooks/useTranslation";
+import { startCreateGroup } from "../../slice/contact/contact.slice";
+const MyGroups = ({ navigation }) => {
+    const { chatGroups } = useChatGroup();
+    const { t } = useTranslation();
+    const imManager = getImManager();
+    useEffect(() => {
+        navigation.setOptions({
+            title: t('myGroups'),
+            headerRight: () => <TouchableOpacity onPress={() => {
+                    imManager.store.dispatch(startCreateGroup());
+                    navigation.navigate('ChooseContact', {
+                        chooseOrg: true,
+                        checkMode: 'multi',
+                    });
+                }}>
+                <Text style={{ color: '#fff', fontSize: dp(12) }}>{t('createGroupChat')}</Text>
+            </TouchableOpacity>,
+        });
+        imManager.store.dispatch(GroupActions.loadMyGroups());
+    }, [t, navigation]);
+    const keyExtractor = (item) => item.chatGroupId;
+    const renderItem = ({ item }) => {
+        const { chatGroupId, chatGroupName, avatars, } = item;
+        return <TouchableOpacity style={styles.item} activeOpacity={0.5} onPress={() => __awaiter(void 0, void 0, void 0, function* () {
+                yield imManager.store.dispatch(ConversationActions.initChatGroupConversation(imManager, item));
+                navigation.navigate('MessageList');
+            })}>
+            <ChatAvatar name={chatGroupName} disabled={true} id={chatGroupName} url={avatars} size={dp(48)} type="c2g"/>
+            <View style={styles.width10}/>
+            <View style={styles.left}>
+                <Text style={styles.name} numberOfLines={1}>{chatGroupName}</Text>
+            </View>
+        </TouchableOpacity>;
+    };
+    const itemSeparatorComponent = () => <View style={styles.separator}/>;
+    return (<NavigationPage noPadding>
+            <FlatList contentContainerStyle={styles.list} data={chatGroups} numColumns={1} keyExtractor={keyExtractor} renderItem={renderItem} keyboardShouldPersistTaps={'handled'} ItemSeparatorComponent={itemSeparatorComponent}/>
+        </NavigationPage>);
+};
+const styles = StyleSheet.create({
+    list: {
+        backgroundColor: '#fff',
+        borderWidth: dp(1),
+        borderStyle: 'solid',
+        borderColor: '#eee',
+        borderLeftWidth: 0,
+        borderRightWidth: 0,
+    },
+    item: {
+        paddingHorizontal: dp(15),
+        paddingVertical: dp(15),
+        flexDirection: 'row',
+    },
+    width10: {
+        width: dp(10),
+    },
+    left: {
+        justifyContent: 'center'
+    },
+    name: {
+        width: dp(250),
+        fontSize: dp(15),
+        lineHeight: dp(16),
+        color: '#333',
+    },
+    separator: {
+        marginLeft: dp(72),
+        height: dp(1),
+        backgroundColor: '#eee'
+    },
+});
+export default MyGroups;

package/dist/pages/address-list/Organization.d.ts

@@ -1,13 +1,6 @@
 import { NativeStackScreenProps } from '@react-navigation/native-stack/lib/typescript/src/types';
 import React from 'react';
 import { IMPageParamList } from '../types';
-import { IUser } from '@smart-link/im-base';
 type OrganizationProps = NativeStackScreenProps<IMPageParamList, 'Organization'>;
 declare const Organization: ({ navigation, route: { params } }: OrganizationProps) => React.JSX.Element;
-export declare const RenderUserItem: (props: {
-    data: IUser;
-    checkable?: boolean;
-    checked?: boolean;
-    disabled?: boolean;
-}) => React.JSX.Element;
 export default Organization;