@smart-link/rn-im 1.0.1

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

@@ -0,0 +1,197 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const rn_ui_1 = require("@smart-link/rn-ui");
+const useTranslation_1 = __importDefault(require("../../hooks/useTranslation"));
+const useImSelector_1 = require("../../hooks/useImSelector");
+const init_1 = require("../../init");
+const im_base_1 = require("@smart-link/im-base");
+const contact_slice_1 = require("../../slice/contact/contact.slice");
+const Organization_1 = require("./Organization");
+const react_redux_1 = require("react-redux");
+const user_1 = require("../../api/user");
+const rootEntry = [
+    {
+        name: 'organization',
+        locale: 'selectByDepartments',
+    },
+    {
+        name: 'role',
+        locale: 'selectByCharacters',
+    },
+];
+const ChooseContact = ({ navigation, route: { params } }) => {
+    const { checkedIds = [] } = params;
+    const { t } = (0, useTranslation_1.default)();
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const { currentConversation } = (0, useImSelector_1.useConversation)();
+    const { selectUsers, choosePurpose } = (0, useImSelector_1.useContact)();
+    const [keyword, setKeyword] = (0, react_1.useState)('');
+    const [userList, setUserList] = (0, react_1.useState)([]);
+    const selectCount = Object.keys(selectUsers).length;
+    (0, react_1.useEffect)(() => {
+        navigation.setOptions({
+            title: t('selectContacts'),
+            headerRight: () => (<react_native_1.TouchableOpacity onPress={() => __awaiter(void 0, void 0, void 0, function* () {
+                    if (!selectCount) {
+                        navigation.goBack();
+                        return;
+                    }
+                    // 处理确认事件
+                    const imManager = (0, init_1.getImManager)();
+                    const list = Object.values(selectUsers);
+                    if (choosePurpose === 'createGroup') {
+                        yield imManager.store.dispatch(im_base_1.ConversationActions.groupOriginate(imManager, {
+                            selectUserList: list,
+                        }));
+                    }
+                    if (choosePurpose === 'addMember') {
+                        yield imManager.store.dispatch(im_base_1.ConversationActions.addGroupMembers(imManager, {
+                            selectUserList: list,
+                        }));
+                    }
+                    if (choosePurpose === 'contact') {
+                        yield imManager.sendContactMessage(Object.assign({}, currentConversation), list[0]);
+                    }
+                    navigation.goBack();
+                })} style={{ width: 120 }}>
+                    <react_native_1.Text style={{
+                    color: '#fff',
+                    textAlign: 'right',
+                    fontSize: (0, rn_ui_1.dp)(14),
+                }}>
+                        {selectCount ? `${t('confirm')}(${selectCount})` : t('cancel')}
+                    </react_native_1.Text>
+                </react_native_1.TouchableOpacity>),
+        });
+        const remove = navigation.addListener('beforeRemove', () => {
+            (0, init_1.getImManager)().store.dispatch((0, contact_slice_1.resetState)());
+        });
+        return () => {
+            remove();
+        };
+    }, [t, currentConversation, choosePurpose, selectCount, navigation]);
+    (0, react_1.useEffect)(() => {
+        if (checkedIds.length) {
+            (0, user_1.queryUserByIds)(checkedIds).then(resp => {
+                dispatch((0, contact_slice_1.onDefaultCheckedUser)(resp.data));
+                setUserList(resp.data);
+            });
+        }
+    }, [checkedIds]);
+    (0, react_1.useEffect)(() => {
+        if (!keyword || keyword === '') {
+            return;
+        }
+        (0, user_1.searchUser)({
+            searchKey: keyword,
+            pageSize: 50,
+        }).then(({ data }) => {
+            setUserList(data);
+        });
+    }, [keyword]);
+    return (<rn_ui_1.NavigationPage noPadding scroll={false}>
+            <react_native_1.View style={{ height: 10 }}/>
+            <rn_ui_1.SearchInput style={{ marginHorizontal: 10 }} onSubmitEditing={e => {
+            setKeyword(e.nativeEvent.text);
+        }} placeholder={t('search')}/>
+            <react_native_1.View style={{ height: 8 }}/>
+            <react_native_1.View style={{ flex: 1 }}>
+                {userList.length > 0 ? (<react_native_1.ScrollView contentContainerStyle={{ paddingBottom: 20 }}>
+                        {userList.map((item) => (<rn_ui_1.ListRow key={item.userId} onPress={() => {
+                    dispatch((0, contact_slice_1.onSelectUser)(item));
+                }} title={<Organization_1.RenderUserItem disabled checkable={true} checked={!!selectUsers[item.userId]} data={item}/>} topSeparator="full" accessory="none"/>))}
+                    </react_native_1.ScrollView>) : (<react_native_1.View style={[styles.noData]}>
+                        <react_native_1.Text>{t('noData')}</react_native_1.Text>
+                    </react_native_1.View>)}
+            </react_native_1.View>
+        </rn_ui_1.NavigationPage>);
+};
+const styles = react_native_1.StyleSheet.create({
+    orgInfo: {
+        paddingTop: 20,
+        backgroundColor: '#f1f1f1',
+        textAlignVertical: 'center',
+    },
+    orgLine: {
+        width: (0, rn_ui_1.dp)(350),
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    orgLinBorder: {
+        borderColor: '#f1f1f1',
+        borderTopWidth: 1,
+    },
+    compName: {
+        width: (0, rn_ui_1.dp)(305),
+        fontSize: 16,
+        fontWeight: '500',
+        textAlignVertical: 'center',
+        marginLeft: 10,
+    },
+    iconView: {
+        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',
+    },
+    title: {
+        marginLeft: 10,
+        textAlignVertical: 'center',
+        fontSize: 16,
+    },
+    noData: {
+        flex: 1,
+        textAlign: 'center',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+});
+exports.default = ChooseContact;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const Unfold: (props: {
+    size: number;
+    color: string;
+}) => React.JSX.Element;

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

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Unfold = void 0;
+const rn_ui_1 = require("@smart-link/rn-ui");
+const react_1 = __importDefault(require("react"));
+const react_native_svg_1 = require("react-native-svg");
+const Unfold = (props) => {
+    const { size = 32, color } = props || {};
+    return (<react_native_svg_1.Svg viewBox="0 0 1024 1024" width={(0, rn_ui_1.dp)(size)} height={(0, rn_ui_1.dp)(size)}>
+            <react_native_svg_1.Path d="M832 800H256a32 32 0 0 1-32-32V192a32 32 0 0 1 64 0v544h544a32 32 0 1 1 0 64z" fill={color}/>
+        </react_native_svg_1.Svg>);
+};
+exports.Unfold = Unfold;

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

@@ -0,0 +1,13 @@
+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;

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

@@ -0,0 +1,221 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RenderUserItem = void 0;
+const rn_ui_1 = require("@smart-link/rn-ui");
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const addressList_1 = require("../../api/addressList");
+const ChatAvatar_1 = __importDefault(require("../../components/ChatAvatar/ChatAvatar"));
+const Organization = ({ navigation, route: { params } }) => {
+    const [orgPath, setOrgPath] = (0, react_1.useState)([]);
+    const [orgList, setOrgList] = (0, react_1.useState)([]);
+    const [userList, setUserList] = (0, react_1.useState)([]);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const { t } = (0, useTranslation_1.useTranslationAddrList)();
+    const orgPathScroll = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        navigation.setOptions({ title: t('addressList') });
+        if (!params) {
+            return;
+        }
+        setOrgPath([
+            {
+                id: params.groupRootIds,
+                groupName: params.groupCategoryName,
+            },
+        ]);
+        queryListTree(params.groupRootIds);
+    }, [params]);
+    const onPressSearch = (0, react_1.useCallback)(() => {
+        console.log('onPressSearch: ');
+        navigation.navigate('UserSearch', {});
+    }, [navigation]);
+    const handleGroupCategory = (item) => {
+        orgPath.push({
+            id: item.groupId,
+            groupName: item.groupName,
+            groupIdPath: item.groupIdPath,
+        });
+        setOrgPath(orgPath);
+        if (item.parent) {
+            queryListTree(item.groupId);
+            return;
+        }
+        queryUserList(item);
+    };
+    const handleUser = (item) => {
+        navigation.navigate('UserDetail', { userId: item.userId, userAccount: item.userAccount });
+    };
+    const queryListTree = (parentId) => {
+        setLoading(true);
+        (0, addressList_1.listTree)({
+            groupCatId: params === null || params === void 0 ? void 0 : params.groupCategoryId,
+            parentId,
+            groupStatus: 'valid',
+            queryChild: false,
+        })
+            .then(({ data }) => {
+            setLoading(false);
+            setOrgList(data);
+        })
+            .catch(err => {
+            setLoading(false);
+            // Toast.error(t('requestFail'));
+            setOrgList([]);
+        });
+    };
+    const queryUserList = (item) => {
+        setLoading(true);
+        (0, addressList_1.listUser)({
+            groupCategoryId: item.groupId,
+            groupId: '',
+            groupIdPathLike: item.groupIdPath,
+            pageNum: 1,
+            pageSize: 100,
+            queryAll: false,
+            userStatus: '',
+        })
+            .then(({ data }) => {
+            setLoading(false);
+            setOrgList([]);
+            setUserList(data);
+        })
+            .catch(err => {
+            setLoading(false);
+        });
+    };
+    const changeOrg = (org, index) => {
+        setLoading(true);
+        (0, addressList_1.listTree)({
+            groupCatId: params === null || params === void 0 ? void 0 : params.groupCategoryId,
+            parentId: org.id,
+            groupStatus: 'valid',
+            queryChild: false,
+        })
+            .then(({ data }) => {
+            setOrgList(data);
+            setUserList([]);
+            setLoading(false);
+        })
+            .catch(err => {
+            // Toast.error(t('requestFail'));
+            setOrgList([]);
+            setLoading(false);
+        });
+        let tmp = orgPath.slice(0, index + 1);
+        setOrgPath(tmp);
+    };
+    const scrollOrgPath = () => {
+        if (orgPath.length > 1) {
+            orgPathScroll.current.scrollToEnd();
+        }
+        else {
+            orgPathScroll.current.scrollTo({ x: 0, y: 0, animated: false });
+        }
+    };
+    return (<rn_ui_1.NavigationPage noPadding>
+            <react_native_1.View style={{ height: 10 }}/>
+            <rn_ui_1.SearchBar onSearch={onPressSearch}/>
+            <react_native_1.View style={{ height: 8 }}/>
+
+            {orgPath.length > 0 && (<react_native_1.View style={styles.orgBreadcrumb}>
+                    <react_native_1.ScrollView ref={orgPathScroll} horizontal={true} onContentSizeChange={scrollOrgPath} onLayout={scrollOrgPath} showsHorizontalScrollIndicator={false} contentContainerStyle={{ paddingRight: 40 }}>
+                        {orgPath.map((path, index) => {
+                if (index !== orgPath.length - 1) {
+                    return (<react_native_1.TouchableOpacity key={path.id} onPress={() => changeOrg(path, index)}>
+                                        <RenderPathItem path={path} index={index} orgPath={orgPath} active/>
+                                    </react_native_1.TouchableOpacity>);
+                }
+                return <RenderPathItem path={path} key={path.id} index={index} orgPath={orgPath}/>;
+            })}
+                    </react_native_1.ScrollView>
+                </react_native_1.View>)}
+            <react_native_1.ScrollView style={{ flex: 1 }}>
+                {orgList.length > 0 &&
+            orgList.map((org) => (<rn_ui_1.ListRow key={org.groupId} onPress={() => handleGroupCategory(org)} title={org.groupName} topSeparator="full"/>))}
+                {userList.length > 0 &&
+            userList.map((item) => (<rn_ui_1.ListRow key={item.userId} onPress={() => handleUser(item)} title={<exports.RenderUserItem data={item}/>} topSeparator="full"/>))}
+                {userList.length === 0 && orgList.length === 0 && (<react_native_1.View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
+                        <react_native_1.Text>{t('noData')}</react_native_1.Text>
+                    </react_native_1.View>)}
+            </react_native_1.ScrollView>
+            <rn_ui_1.Loading loading={loading} loadingText={t('loading')}/>
+        </rn_ui_1.NavigationPage>);
+};
+const RenderPathItem = (props) => {
+    const { path, index, active, orgPath } = props;
+    const theme = (0, rn_ui_1.useTheme)();
+    return (<react_native_1.View key={index} style={[styles.orgPathItem]}>
+            <react_native_1.Text style={{
+            textAlignVertical: 'center',
+            fontSize: 16,
+            height: 40,
+            lineHeight: 40,
+            color: active ? theme.primaryColor : '#A3A5A8',
+        }}>
+                {path.groupName}
+            </react_native_1.Text>
+            {index !== orgPath.length - 1 && (<rn_ui_1.CaihIcon style={{
+                textAlignVertical: 'center',
+                height: 40,
+                lineHeight: 40,
+            }} name="list-arrow" size={18} color={'#bbb'}/>)}
+        </react_native_1.View>);
+};
+const RenderUserItem = (props) => {
+    const { data, checkable, disabled, checked } = props;
+    return (<react_native_1.View style={{ flexDirection: 'row', alignItems: 'center' }}>
+            {checkable && (<react_native_1.View style={{ marginRight: 10 }}>
+                    <rn_ui_1.Checkbox style={disabled ? { pointerEvents: 'none' } : undefined} checked={checked}/>
+                </react_native_1.View>)}
+            <ChatAvatar_1.default disabled={disabled} size={(0, rn_ui_1.dp)(40)} id={data.userId} url={data.avatars} name={data.userName}/>
+            <react_native_1.Text style={{ marginLeft: (0, rn_ui_1.dp)(10), fontSize: 16, color: '#333' }}>{data.userName}</react_native_1.Text>
+        </react_native_1.View>);
+};
+exports.RenderUserItem = RenderUserItem;
+const styles = react_native_1.StyleSheet.create({
+    orgBreadcrumb: {
+        backgroundColor: '#fff',
+        marginBottom: (0, rn_ui_1.dp)(10),
+        paddingHorizontal: (0, rn_ui_1.dp)(10),
+    },
+    orgPathItem: {
+        height: (0, rn_ui_1.dp)(40),
+        lineHeight: (0, rn_ui_1.dp)(40),
+        flexDirection: 'row',
+        backgroundColor: '#fff',
+    },
+    avatars: {
+        height: (0, rn_ui_1.dp)(40),
+        width: (0, rn_ui_1.dp)(40),
+        borderRadius: (0, rn_ui_1.dp)(20),
+    },
+});
+exports.default = Organization;

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

@@ -0,0 +1,6 @@
+import { NativeStackScreenProps } from '@react-navigation/native-stack/lib/typescript/src/types';
+import React from 'react';
+import { IMPageParamList } from '../../pages/types';
+type UserDetailProps = NativeStackScreenProps<IMPageParamList, 'UserDetail'>;
+declare const UserDetail: ({ navigation, route: { params } }: UserDetailProps) => React.JSX.Element;
+export default UserDetail;

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

@@ -0,0 +1,131 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const rn_ui_1 = require("@smart-link/rn-ui");
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const init_1 = require("../../init");
+const CardInfo_1 = require("./CardInfo");
+const UserJobs_1 = __importDefault(require("./UserJobs"));
+const ChatAvatar_1 = __importDefault(require("../../components/ChatAvatar/ChatAvatar"));
+const addressList_1 = require("../../api/addressList");
+const { width } = react_native_1.Dimensions.get('window');
+const UserDetail = ({ navigation, route: { params } }) => {
+    const [detail, setDetail] = (0, react_1.useState)({});
+    const { t } = (0, useTranslation_1.useTranslationAddrList)();
+    (0, react_1.useEffect)(() => {
+        navigation.setOptions({ title: t('userDetail') });
+        (0, addressList_1.queryUser)(params.userId).then(({ data }) => {
+            console.log('userDetail: ', data[0]);
+            setDetail(data[0]);
+        });
+    }, [params.userId]);
+    const openChatPanel = () => __awaiter(void 0, void 0, void 0, function* () {
+        yield (0, init_1.getImManager)().initUserConversation(detail);
+        navigation.navigate('MessageList');
+    });
+    return (<rn_ui_1.NavigationPage noPadding scroll>
+            <CardInfo_1.CardInfo>
+                <CardInfo_1.Line>
+                    <ChatAvatar_1.default id={detail.userId} size={(0, rn_ui_1.dp)(60)} name={detail.userName} url={detail.avatars} priority={'outside'}/>
+                    <react_native_1.View style={styles.accountInfo}>
+                        <react_native_1.Text style={styles.username} numberOfLines={2}>
+                            {detail.userName}
+                        </react_native_1.Text>
+                        <react_native_1.Text style={{
+            lineHeight: (0, rn_ui_1.dp)(16),
+            fontSize: (0, rn_ui_1.dp)(12),
+            color: '#6e6e6e',
+        }}>
+                            {t('userCode')}：{detail.userCode || t('noAdd')}
+                        </react_native_1.Text>
+                        <react_native_1.Text style={{
+            lineHeight: (0, rn_ui_1.dp)(16),
+            fontSize: (0, rn_ui_1.dp)(12),
+            color: '#6e6e6e',
+        }}>
+                            {t('mobile')}：{detail.mobile || t('noAdd')}
+                        </react_native_1.Text>
+                        <react_native_1.Text style={{
+            lineHeight: (0, rn_ui_1.dp)(16),
+            fontSize: (0, rn_ui_1.dp)(12),
+            color: '#6e6e6e',
+        }}>
+                            {t('email')}：{detail.email || t('noAdd')}
+                        </react_native_1.Text>
+                    </react_native_1.View>
+                </CardInfo_1.Line>
+            </CardInfo_1.CardInfo>
+
+            <UserJobs_1.default jobs={detail.groups}/>
+
+            <react_native_1.View style={{ height: (0, rn_ui_1.dp)(20) }}/>
+
+            <react_native_1.View style={styles.button}>
+                <rn_ui_1.Button type="primary" onPress={openChatPanel}>
+                    {t('sendNews')}
+                </rn_ui_1.Button>
+            </react_native_1.View>
+
+            <react_native_1.View style={{ height: (0, rn_ui_1.dp)(20) }}/>
+        </rn_ui_1.NavigationPage>);
+};
+const styles = react_native_1.StyleSheet.create({
+    lineIcon: {
+        width: (0, rn_ui_1.dp)(40),
+        textAlign: 'center',
+    },
+    accountInfo: {
+        marginLeft: (0, rn_ui_1.dp)(20),
+        width: width - (0, rn_ui_1.dp)(80 + 20 + 10),
+    },
+    username: {
+        lineHeight: (0, rn_ui_1.dp)(25),
+        fontSize: (0, rn_ui_1.dp)(18),
+        fontWeight: '500',
+        textAlignVertical: 'center',
+    },
+    button: {
+        marginHorizontal: (0, rn_ui_1.dp)(20),
+    },
+    btnText: {
+        paddingVertical: (0, rn_ui_1.dp)(4),
+        fontSize: (0, rn_ui_1.dp)(16),
+    },
+});
+exports.default = UserDetail;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IGroupPost } from '@smart-link/im-base';
+declare const UserJobs: (props: {
+    jobs: IGroupPost[];
+}) => import("react").JSX.Element;
+export default UserJobs;

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

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const rn_ui_1 = require("@smart-link/rn-ui");
+const react_native_1 = require("react-native");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const CardInfo_1 = require("./CardInfo");
+const UserJobs = (props) => {
+    const { jobs } = props;
+    const { t } = (0, useTranslation_1.useTranslationAddrList)();
+    const theme = (0, rn_ui_1.useTheme)();
+    const styles = makeStyles(theme);
+    return (<CardInfo_1.CardInfo>
+            {(jobs === null || jobs === void 0 ? void 0 : jobs.length) > 0 &&
+            jobs.map(job => {
+                let isMainJob = job.majorFlag === 'y';
+                return (<CardInfo_1.Line key={job.groupId}>
+                            <react_native_1.View style={isMainJob ? styles.mainJob : styles.partJob}>
+                                <react_native_1.Text style={{ color: isMainJob ? '#fff' : theme.primaryColor }}>
+                                    {isMainJob ? t('job') : t('otherJob')}
+                                </react_native_1.Text>
+                            </react_native_1.View>
+                            <react_native_1.View style={{ flexDirection: 'column', flex: 1 }}>
+                                <react_native_1.View style={{ marginLeft: 0 }}>
+                                    <react_native_1.Text style={{ color: '#393939' }}>{job.groupNamePath}</react_native_1.Text>
+                                </react_native_1.View>
+                                <react_native_1.View style={{ marginBottom: 5 }}>
+                                    <react_native_1.Text style={{ color: '#393939' }}>{job.postName}</react_native_1.Text>
+                                </react_native_1.View>
+                            </react_native_1.View>
+                        </CardInfo_1.Line>);
+            })}
+        </CardInfo_1.CardInfo>);
+};
+const makeStyles = (theme) => react_native_1.StyleSheet.create({
+    mainJob: {
+        padding: (0, rn_ui_1.dp)(4),
+        borderRadius: (0, rn_ui_1.dp)(3),
+        marginRight: (0, rn_ui_1.dp)(10),
+        backgroundColor: theme.primaryColor,
+    },
+    partJob: {
+        padding: (0, rn_ui_1.dp)(3),
+        borderRadius: (0, rn_ui_1.dp)(3),
+        marginRight: (0, rn_ui_1.dp)(10),
+        borderColor: theme.primaryColor,
+        borderWidth: (0, rn_ui_1.dp)(1),
+        backgroundColor: '#fff',
+    },
+});
+exports.default = UserJobs;

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

@@ -0,0 +1,6 @@
+import { NativeStackScreenProps } from '@react-navigation/native-stack/lib/typescript/src/types';
+import React from 'react';
+import { IMPageParamList } from '../../pages/types';
+type UserSearchProps = NativeStackScreenProps<IMPageParamList, 'UserSearch'>;
+declare const UserSearch: React.MemoExoticComponent<({ navigation, route: { params } }: UserSearchProps) => React.JSX.Element>;
+export default UserSearch;