@smart-link/rn-im 1.0.23 → 1.0.24

package/dist/pages/conversation/setting/Setting.js

@@ -1,37 +1,32 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const im_base_1 = require("@smart-link/im-base");
-const rn_ui_1 = require("@smart-link/rn-ui");
-const react_1 = require("react");
-const useImSelector_1 = require("../../../hooks/useImSelector");
-const useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
-const OptionAvatars_1 = __importDefault(require("./OptionAvatars"));
-const OptionConversation_1 = __importDefault(require("./OptionConversation"));
-const common_action_sheet_1 = require("../../../utils/common-action-sheet");
-const init_1 = require("../../../init");
-const OptionGroup_1 = __importDefault(require("../../../pages/conversation/setting/OptionGroup"));
-const OptionCancelGroup_1 = __importDefault(require("../../../pages/conversation/setting/OptionCancelGroup"));
-const contact_slice_1 = require("../../../slice/contact/contact.slice");
-const native_1 = require("@react-navigation/native");
-const { MEMBER, MGR, OWNER } = im_base_1.MemberLevel;
-const { LIAISON } = im_base_1.GroupType;
+import { ConversationActions, ConversationType, GroupType, MemberLevel, } from '@smart-link/im-base';
+import { NavigationPage, Space, Toast } from '@smart-link/rn-ui';
+import { useEffect } from 'react';
+import { useChatGroup, useConversation } from '../../../hooks/useImSelector';
+import useTranslation from '../../../hooks/useTranslation';
+import OptionAvatars from './OptionAvatars';
+import OptionConversation from './OptionConversation';
+import { ConfirmActionSheet, ConfirmActionSheets } from '../../../utils/common-action-sheet';
+import { getImManager } from '../../../init';
+import OptionGroup from '../../../pages/conversation/setting/OptionGroup';
+import OptionCancelGroup from '../../../pages/conversation/setting/OptionCancelGroup';
+import { startAddMember, startCreateGroup } from '../../../slice/contact/contact.slice';
+import { StackActions } from '@react-navigation/native';
+const { MEMBER, MGR, OWNER } = MemberLevel;
+const { LIAISON } = GroupType;
 // 最大显示人数
 const MAX_SHOW_MEMBER_COUNT = 23;
 const ConversationSetting = ({ navigation }) => {
-    const { t } = (0, useTranslation_1.default)();
+    const { t } = useTranslation();
     // const {allMembers} = useMessage();
-    const { currentConversation } = (0, useImSelector_1.useConversation)();
-    const { groupDetail } = (0, useImSelector_1.useChatGroup)();
+    const { currentConversation } = useConversation();
+    const { groupDetail } = useChatGroup();
     const title = t('chatSetting');
     const memberTotalCount = (groupDetail === null || groupDetail === void 0 ? void 0 : groupDetail.memberTotalCount) || 0;
     const groupMemberList = (groupDetail === null || groupDetail === void 0 ? void 0 : groupDetail.groupMemberList) || [];
     // 设置标题
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         let newTitle = title;
-        if ((currentConversation === null || currentConversation === void 0 ? void 0 : currentConversation.type) === im_base_1.ConversationType.C2G && memberTotalCount) {
+        if ((currentConversation === null || currentConversation === void 0 ? void 0 : currentConversation.type) === ConversationType.C2G && memberTotalCount) {
             newTitle += `(${memberTotalCount})`;
         }
         navigation.setOptions({
@@ -41,12 +36,12 @@ const ConversationSetting = ({ navigation }) => {
     if (!currentConversation) {
         return null;
     }
-    const imManager = (0, init_1.getImManager)();
+    const imManager = getImManager();
     const settingEnableNoDisturb = (value) => {
-        imManager.store.dispatch(im_base_1.ConversationActions.settingEnableNoDisturb(imManager, value));
+        imManager.store.dispatch(ConversationActions.settingEnableNoDisturb(imManager, value));
     };
     const settingEnableTop = (value) => {
-        imManager.store.dispatch(im_base_1.ConversationActions.settingEnableTop(imManager, value));
+        imManager.store.dispatch(ConversationActions.settingEnableTop(imManager, value));
     };
     const toSearchMessage = () => {
         navigation.navigate('SearchChatRecords', {
@@ -54,7 +49,7 @@ const ConversationSetting = ({ navigation }) => {
         });
     };
     const clearMessage = () => {
-        (0, common_action_sheet_1.ConfirmActionSheet)(t('clearChatRecords'), () => {
+        ConfirmActionSheet(t('clearChatRecords'), () => {
             imManager.clearMessages(currentConversation.id);
         }, t);
     };
@@ -63,13 +58,13 @@ const ConversationSetting = ({ navigation }) => {
     const isMgr = memberLevel === MGR || memberLevel === OWNER;
     // 离开群组
     const leaveGroup = () => {
-        (0, common_action_sheet_1.ConfirmActionSheets)({
+        ConfirmActionSheets({
             title: t('leaveGroup'),
             confirm: () => {
-                imManager.store.dispatch(im_base_1.ConversationActions.doLeaveGroup(imManager, { chatGroupId: id }, () => {
-                    navigation.dispatch(native_1.StackActions.popToTop());
+                imManager.store.dispatch(ConversationActions.doLeaveGroup(imManager, { chatGroupId: id }, () => {
+                    navigation.dispatch(StackActions.popToTop());
                 }, () => {
-                    rn_ui_1.Toast.error(t('leaveGroupFail'));
+                    Toast.error(t('leaveGroupFail'));
                 }));
             },
             t,
@@ -113,28 +108,28 @@ const ConversationSetting = ({ navigation }) => {
     };
     let content = null;
     switch (type) {
-        case im_base_1.ConversationType.C2C:
+        case ConversationType.C2C:
             content = (<>
-                    <OptionAvatars_1.default list={id ? [
+                    <OptionAvatars list={id ? [
                     {
                         userId: id,
                         userName: name,
                         avatars,
                     },
                 ] : []} showAdd={true} showDelete={false} showMore={false} addUser={() => {
-                    (0, init_1.getImManager)().store.dispatch((0, contact_slice_1.startCreateGroup)());
+                    getImManager().store.dispatch(startCreateGroup());
                     navigation.navigate('ChooseContact', {
                         chooseOrg: true,
                         checkMode: 'multi',
                         checkedIds: [id],
                     });
                 }}/>
-                    <rn_ui_1.Space size={'m'}/>
-                    <OptionConversation_1.default enableNoDisturb={enableNoDisturb} enableTop={enableTop} settingEnableNoDisturb={settingEnableNoDisturb} settingEnableTop={settingEnableTop} toImageBackground={toImageBackground} clearMessage={clearMessage} toSearchMessage={toSearchMessage} showBackgroundSetting toSearchFile={toSearchFile} toSearchPicture={toSearchPicture} toSearchManagePage={toSearchManagePage}/>
-                    <rn_ui_1.Space size={'m'}/>
+                    <Space size={'m'}/>
+                    <OptionConversation enableNoDisturb={enableNoDisturb} enableTop={enableTop} settingEnableNoDisturb={settingEnableNoDisturb} settingEnableTop={settingEnableTop} toImageBackground={toImageBackground} clearMessage={clearMessage} toSearchMessage={toSearchMessage} showBackgroundSetting toSearchFile={toSearchFile} toSearchPicture={toSearchPicture} toSearchManagePage={toSearchManagePage}/>
+                    <Space size={'m'}/>
                 </>);
             break;
-        case im_base_1.ConversationType.C2G:
+        case ConversationType.C2G:
             let avatarList = groupMemberList
                 .map(item => {
                 var _a;
@@ -147,9 +142,9 @@ const ConversationSetting = ({ navigation }) => {
             })
                 .splice(0, MAX_SHOW_MEMBER_COUNT);
             content = (<>
-                    <OptionAvatars_1.default list={avatarList} showTitle memberTotalCount={memberTotalCount} showAdd showMore={isMgr ? avatarList.length > 8 : avatarList.length > 9} isMgr={isMgr} addUser={() => {
+                    <OptionAvatars list={avatarList} showTitle memberTotalCount={memberTotalCount} showAdd showMore={isMgr ? avatarList.length > 8 : avatarList.length > 9} isMgr={isMgr} addUser={() => {
                     // 添加成员
-                    (0, init_1.getImManager)().store.dispatch((0, contact_slice_1.startAddMember)());
+                    getImManager().store.dispatch(startAddMember());
                     navigation.navigate('ChooseContact', {
                         chooseOrg: true,
                         checkMode: 'multi',
@@ -157,23 +152,23 @@ const ConversationSetting = ({ navigation }) => {
                 }} removeUser={removeUser} toMoreMember={() => {
                     navigation.navigate('OptionGroupMoreMember');
                 }}/>
-                    <rn_ui_1.Space size={'m'}/>
-                    <OptionGroup_1.default id={id} name={name} memberLevel={memberLevel} avatars={avatars} notice={notice} enableInviteValidate={enableInviteValidate} toEditGroupName={() => toEditGroupNameOrNotice('groupName')} toEditGroupNotice={() => toEditGroupNameOrNotice('groupNotice')} toGroupMgr={toGroupMgr}/>
-                    <rn_ui_1.Space size={'m'}/>
-                    <OptionConversation_1.default enableNoDisturb={enableNoDisturb} enableTop={enableTop} settingEnableNoDisturb={settingEnableNoDisturb} settingEnableTop={settingEnableTop} toImageBackground={toImageBackground} clearMessage={clearMessage} toSearchMessage={toSearchMessage} toSearchFile={toSearchFile} toSearchPicture={toSearchPicture} toSearchManagePage={toSearchManagePage}/>
-                    <rn_ui_1.Space size={'m'}/>
-                    {groupType !== LIAISON && <OptionCancelGroup_1.default leaveGroup={leaveGroup}/>}
+                    <Space size={'m'}/>
+                    <OptionGroup id={id} name={name} memberLevel={memberLevel} avatars={avatars} notice={notice} enableInviteValidate={enableInviteValidate} toEditGroupName={() => toEditGroupNameOrNotice('groupName')} toEditGroupNotice={() => toEditGroupNameOrNotice('groupNotice')} toGroupMgr={toGroupMgr}/>
+                    <Space size={'m'}/>
+                    <OptionConversation enableNoDisturb={enableNoDisturb} enableTop={enableTop} settingEnableNoDisturb={settingEnableNoDisturb} settingEnableTop={settingEnableTop} toImageBackground={toImageBackground} clearMessage={clearMessage} toSearchMessage={toSearchMessage} toSearchFile={toSearchFile} toSearchPicture={toSearchPicture} toSearchManagePage={toSearchManagePage}/>
+                    <Space size={'m'}/>
+                    {groupType !== LIAISON && <OptionCancelGroup leaveGroup={leaveGroup}/>}
                 </>);
             break;
-        case im_base_1.ConversationType.B2C:
-            content = (<OptionConversation_1.default enableNoDisturb={enableNoDisturb} enableTop={enableTop} showSearch={false} showBackgroundSetting={false} settingEnableNoDisturb={settingEnableNoDisturb} settingEnableTop={settingEnableTop} toImageBackground={toImageBackground} clearMessage={clearMessage} toSearchMessage={toSearchMessage}/>);
+        case ConversationType.B2C:
+            content = (<OptionConversation enableNoDisturb={enableNoDisturb} enableTop={enableTop} showSearch={false} showBackgroundSetting={false} settingEnableNoDisturb={settingEnableNoDisturb} settingEnableTop={settingEnableTop} toImageBackground={toImageBackground} clearMessage={clearMessage} toSearchMessage={toSearchMessage}/>);
             break;
         default:
             break;
     }
-    return (<rn_ui_1.NavigationPage scroll noPadding>
-            <rn_ui_1.Space size="m"/>
+    return (<NavigationPage scroll noPadding>
+            <Space size="m"/>
             {content}
-        </rn_ui_1.NavigationPage>);
+        </NavigationPage>);
 };
-exports.default = ConversationSetting;
+export default ConversationSetting;

package/dist/pages/conversation/setting/SettingChatBg.js

@@ -1,27 +1,3 @@
-"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) {
@@ -31,30 +7,26 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         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 useImSelector_1 = require("../../../hooks/useImSelector");
-const useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
-const init_1 = require("../../../init");
-const upload_1 = __importDefault(require("../../../utils/upload"));
-const native_1 = require("@react-navigation/native");
-const im_base_1 = require("@smart-link/im-base");
-const rn_ui_1 = require("@smart-link/rn-ui");
-const react_1 = __importStar(require("react"));
-const react_native_image_crop_picker_1 = __importDefault(require("react-native-image-crop-picker"));
+import { useConversation } from '../../../hooks/useImSelector';
+import useTranslation from '../../../hooks/useTranslation';
+import { getImManager } from '../../../init';
+import uploadFile from '../../../utils/upload';
+import { StackActions } from '@react-navigation/native';
+import { ConversationActions, updateOptionSetting } from '@smart-link/im-base';
+import { ListRow, NavigationPage, Space, Toast } from '@smart-link/rn-ui';
+import React, { useEffect } from 'react';
+import ImagePicker from 'react-native-image-crop-picker';
 const SettingChatBg = ({ navigation }) => {
-    const { t } = (0, useTranslation_1.default)();
-    const { currentConversation } = (0, useImSelector_1.useConversation)();
-    (0, react_1.useEffect)(() => {
+    const { t } = useTranslation();
+    const { currentConversation } = useConversation();
+    useEffect(() => {
         navigation.setOptions({ title: t('selectChatBackground') });
     }, [navigation, t]);
     const openAlbum = () => __awaiter(void 0, void 0, void 0, function* () {
         let toast;
         let image;
         try {
-            image = yield react_native_image_crop_picker_1.default.openPicker({
+            image = yield ImagePicker.openPicker({
                 mediaType: 'photo',
                 multiple: false,
                 compressImageQuality: 0.7,
@@ -66,17 +38,17 @@ const SettingChatBg = ({ navigation }) => {
             return;
         }
         try {
-            toast = rn_ui_1.Toast.loading();
-            const fileId = yield (0, upload_1.default)(image.path, image.mime);
-            yield (0, im_base_1.updateOptionSetting)({
+            toast = Toast.loading();
+            const fileId = yield uploadFile(image.path, image.mime);
+            yield updateOptionSetting({
                 type: currentConversation === null || currentConversation === void 0 ? void 0 : currentConversation.type,
                 conversationId: currentConversation.id,
                 optionKey: 'imageBackground',
                 optionValue: fileId,
             });
-            const imManager = (0, init_1.getImManager)();
-            imManager.store.dispatch(im_base_1.ConversationActions.setCurrentConversation(Object.assign(Object.assign({}, currentConversation), { imageBackground: fileId })));
-            imManager.store.dispatch(im_base_1.ConversationActions.updateConversation({
+            const imManager = getImManager();
+            imManager.store.dispatch(ConversationActions.setCurrentConversation(Object.assign(Object.assign({}, currentConversation), { imageBackground: fileId })));
+            imManager.store.dispatch(ConversationActions.updateConversation({
                 id: currentConversation.id,
                 imageBackground: fileId,
             }));
@@ -90,17 +62,17 @@ const SettingChatBg = ({ navigation }) => {
                 localPath: image.path,
             });
             toast.close();
-            navigation.dispatch(native_1.StackActions.pop(2));
+            navigation.dispatch(StackActions.pop(2));
         }
         catch (e) {
             console.log(e);
             toast === null || toast === void 0 ? void 0 : toast.close();
-            rn_ui_1.Toast.error(t('settingFail'));
+            Toast.error(t('settingFail'));
         }
     });
-    return (<rn_ui_1.NavigationPage noPadding>
-            <rn_ui_1.Space size="m"/>
-            <rn_ui_1.ListRow title={t('chooseFromAlbum')} onPress={openAlbum} accessory="none"/>
-        </rn_ui_1.NavigationPage>);
+    return (<NavigationPage noPadding>
+            <Space size="m"/>
+            <ListRow title={t('chooseFromAlbum')} onPress={openAlbum} accessory="none"/>
+        </NavigationPage>);
 };
-exports.default = SettingChatBg;
+export default SettingChatBg;

package/dist/pages/index.js

@@ -1,27 +1,7 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.imRoutes = void 0;
-const conversation_routes_1 = require("./conversation/conversation.routes");
-const message_routes_1 = require("./message/message.routes");
-const search_routes_1 = require("./search/search.routes");
-const collection_routes_1 = require("./collection/collection.routes");
-const addressList_routes_1 = __importDefault(require("./address-list/addressList.routes"));
-exports.imRoutes = [...conversation_routes_1.conversationRoutes, ...message_routes_1.messageRoutes, ...search_routes_1.searchRoutes, ...collection_routes_1.collectRoutes, ...addressList_routes_1.default];
-__exportStar(require("./types"), exports);
+import { conversationRoutes } from './conversation/conversation.routes';
+import { messageRoutes } from './message/message.routes';
+import { searchRoutes } from './search/search.routes';
+import { collectRoutes } from './collection/collection.routes';
+import addressListRoutes from './address-list/addressList.routes';
+export const imRoutes = [...conversationRoutes, ...messageRoutes, ...searchRoutes, ...collectRoutes, ...addressListRoutes];
+export * from './types';

package/dist/pages/message/ChooseMember.js

@@ -1,49 +1,21 @@
-"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 });
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const rn_ui_1 = require("@smart-link/rn-ui");
-const useImSelector_1 = require("../../hooks/useImSelector");
-const useTranslation_1 = __importDefault(require("../../hooks/useTranslation"));
-const styles_1 = require("../../components/styles");
-const ChatAvatar_1 = __importDefault(require("../../components/ChatAvatar/ChatAvatar"));
-const im_base_1 = require("@smart-link/im-base");
-const init_1 = require("../../init");
+import React, { useEffect, useMemo, useState } from 'react';
+import { StyleSheet, TouchableOpacity, View, Text, FlatList } from 'react-native';
+import { Checkbox, dp, NavigationPage, SearchInput, Space } from '@smart-link/rn-ui';
+import { useChatGroup, useConversation } from '../../hooks/useImSelector';
+import useTranslation from '../../hooks/useTranslation';
+import { shadowStyle } from '../../components/styles';
+import ChatAvatar from '../../components/ChatAvatar/ChatAvatar';
+import { ConversationActions, ForwardActions, MessageActions } from '@smart-link/im-base';
+import { getImManager } from '../../init';
 const ChooseMember = ({ navigation, route: { params } }) => {
-    const { groupDetail } = (0, useImSelector_1.useChatGroup)();
-    const { allMembers } = (0, useImSelector_1.useConversation)();
-    const [keyword, seKeyword] = (0, react_1.useState)('');
-    const [checked, setChecked] = (0, react_1.useState)([]);
-    const { t } = (0, useTranslation_1.default)();
+    const { groupDetail } = useChatGroup();
+    const { allMembers } = useConversation();
+    const [keyword, seKeyword] = useState('');
+    const [checked, setChecked] = useState([]);
+    const { t } = useTranslation();
     const { memberLevel } = groupDetail;
-    const imManager = (0, init_1.getImManager)();
-    const list = (0, react_1.useMemo)(() => {
+    const imManager = getImManager();
+    const list = useMemo(() => {
         if (params.atOther && ['owner', 'mgr'].includes(memberLevel)) {
             return [
                 {
@@ -56,20 +28,20 @@ const ChooseMember = ({ navigation, route: { params } }) => {
             return allMembers.filter(item => item.userId !== imManager.user.userId && (keyword ? item.memberName.includes(keyword) : true));
         }
     }, [params.atOther, allMembers, keyword]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         navigation.setOptions({
             headerLeft({ tintColor }) {
-                return (<react_native_1.TouchableOpacity activeOpacity={0.5} style={{ padding: (0, rn_ui_1.dp)(10) }} onPress={() => {
+                return (<TouchableOpacity activeOpacity={0.5} style={{ padding: dp(10) }} onPress={() => {
                         navigation.goBack();
                     }}>
-                        <react_native_1.Text style={{ color: tintColor }}>{t('cancel')}</react_native_1.Text>
-                    </react_native_1.TouchableOpacity>);
+                        <Text style={{ color: tintColor }}>{t('cancel')}</Text>
+                    </TouchableOpacity>);
             },
             headerTitle: params.atOther ? t('selectRemainder') : t('selectContacts'),
             headerRight: ({ tintColor }) => {
-                return (<react_native_1.TouchableOpacity activeOpacity={0.5} style={{ padding: (0, rn_ui_1.dp)(10) }} disabled={!checked.length} onPress={confirm}>
-                        <react_native_1.Text style={{ color: tintColor }}>{t('confirm')}</react_native_1.Text>
-                    </react_native_1.TouchableOpacity>);
+                return (<TouchableOpacity activeOpacity={0.5} style={{ padding: dp(10) }} disabled={!checked.length} onPress={confirm}>
+                        <Text style={{ color: tintColor }}>{t('confirm')}</Text>
+                    </TouchableOpacity>);
             },
         });
     }, [list, params, navigation, t, checked]);
@@ -80,10 +52,10 @@ const ChooseMember = ({ navigation, route: { params } }) => {
             if ((_a = imManager.inputRef) === null || _a === void 0 ? void 0 : _a.current) {
                 (_c = (_b = imManager.inputRef) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.appendInputText(`${members[0].memberName} `);
             }
-            imManager.store.dispatch(im_base_1.MessageActions.addAtUser(members[0]));
+            imManager.store.dispatch(MessageActions.addAtUser(members[0]));
         }
         if (params.removeMember) {
-            imManager.store.dispatch(im_base_1.ConversationActions.removeGroupMembers({
+            imManager.store.dispatch(ConversationActions.removeGroupMembers({
                 selectMemberList: members,
             }));
         }
@@ -91,7 +63,7 @@ const ChooseMember = ({ navigation, route: { params } }) => {
     };
     const renderItem = ({ item }) => {
         const enableTopStyles = item.enableTop === 'on' ? styles.enableTop : null;
-        return (<react_native_1.TouchableOpacity activeOpacity={0.5} style={[styles.row, enableTopStyles]} onPress={() => {
+        return (<TouchableOpacity activeOpacity={0.5} style={[styles.row, enableTopStyles]} onPress={() => {
                 if (params.atOther) {
                     setChecked([item.userId]);
                 }
@@ -104,30 +76,30 @@ const ChooseMember = ({ navigation, route: { params } }) => {
                     }
                 }
             }}>
-                <react_native_1.View style={{ marginRight: (0, rn_ui_1.dp)(10) }}>
-                    <rn_ui_1.Checkbox style={{ pointerEvents: 'none' }} checked={checked.includes(item.userId)}/>
-                </react_native_1.View>
+                <View style={{ marginRight: dp(10) }}>
+                    <Checkbox style={{ pointerEvents: 'none' }} checked={checked.includes(item.userId)}/>
+                </View>
 
-                <ChatAvatar_1.default disabled id={item.userId} url={item.memberAvatars} name={item.memberName} size={(0, rn_ui_1.dp)(40)}/>
-                <react_native_1.View style={styles.width10}/>
-                <react_native_1.Text numberOfLines={1} style={styles.nameText}>
+                <ChatAvatar disabled id={item.userId} url={item.memberAvatars} name={item.memberName} size={dp(40)}/>
+                <View style={styles.width10}/>
+                <Text numberOfLines={1} style={styles.nameText}>
                     {item.memberName}
-                </react_native_1.Text>
-            </react_native_1.TouchableOpacity>);
+                </Text>
+            </TouchableOpacity>);
     };
-    const listFooterComponent = list.length === 0 ? null : <react_native_1.View style={styles.listFooterLine}/>;
-    const itemSeparatorComponent = () => <react_native_1.View style={styles.separator}/>;
-    return (<rn_ui_1.NavigationPage noPadding>
-            <rn_ui_1.SearchInput value={keyword} onChange={text => {
+    const listFooterComponent = list.length === 0 ? null : <View style={styles.listFooterLine}/>;
+    const itemSeparatorComponent = () => <View style={styles.separator}/>;
+    return (<NavigationPage noPadding>
+            <SearchInput value={keyword} onChange={text => {
             seKeyword(text);
         }} onSubmitEditing={e => {
-            imManager.store.dispatch(im_base_1.ForwardActions.loadList(imManager, keyword));
+            imManager.store.dispatch(ForwardActions.loadList(imManager, keyword));
         }} style={styles.search} placeholder={t('search')}/>
-            <rn_ui_1.Space size="m"/>
-            <react_native_1.FlatList contentContainerStyle={styles.list} ItemSeparatorComponent={itemSeparatorComponent} ListFooterComponent={listFooterComponent} initialNumToRender={1} numColumns={1} data={list} keyExtractor={item => item.userId} renderItem={renderItem}></react_native_1.FlatList>
-        </rn_ui_1.NavigationPage>);
+            <Space size="m"/>
+            <FlatList contentContainerStyle={styles.list} ItemSeparatorComponent={itemSeparatorComponent} ListFooterComponent={listFooterComponent} initialNumToRender={1} numColumns={1} data={list} keyExtractor={item => item.userId} renderItem={renderItem}></FlatList>
+        </NavigationPage>);
 };
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     selector: {
         flex: 1,
         backgroundColor: '#fff',
@@ -140,41 +112,41 @@ const styles = react_native_1.StyleSheet.create({
         borderColor: '#e9e9e9',
     },
     row: {
-        paddingHorizontal: (0, rn_ui_1.dp)(15),
+        paddingHorizontal: dp(15),
         flexDirection: 'row',
         alignItems: 'center',
-        height: (0, rn_ui_1.dp)(60),
+        height: dp(60),
     },
     currChat: {
         backgroundColor: '#f3f3f3',
-        paddingHorizontal: (0, rn_ui_1.dp)(15),
-        paddingVertical: (0, rn_ui_1.dp)(5),
+        paddingHorizontal: dp(15),
+        paddingVertical: dp(5),
     },
     currChatText: {
         color: '#999',
     },
     nameText: {
-        width: (0, rn_ui_1.dp)(250),
+        width: dp(250),
         color: '#333',
     },
     width10: {
-        width: (0, rn_ui_1.dp)(10),
+        width: dp(10),
     },
-    search: Object.assign({ backgroundColor: '#fff', padding: (0, rn_ui_1.dp)(10), borderBottomWidth: (0, rn_ui_1.dp)(1), borderColor: '#e9e9e9' }, styles_1.shadowStyle),
+    search: Object.assign({ backgroundColor: '#fff', padding: dp(10), borderBottomWidth: dp(1), borderColor: '#e9e9e9' }, shadowStyle),
     heightSpace: {
-        height: (0, rn_ui_1.dp)(5),
+        height: dp(5),
     },
     listHeaderLine: {
-        height: (0, rn_ui_1.dp)(1),
+        height: dp(1),
         backgroundColor: '#ececec',
     },
     listFooterLine: {
-        height: (0, rn_ui_1.dp)(1),
+        height: dp(1),
         backgroundColor: '#ececec',
     },
     separator: {
-        marginLeft: (0, rn_ui_1.dp)(91),
-        height: (0, rn_ui_1.dp)(1),
+        marginLeft: dp(91),
+        height: dp(1),
         backgroundColor: '#ececec',
     },
     empty: {
@@ -183,4 +155,4 @@ const styles = react_native_1.StyleSheet.create({
         justifyContent: 'center',
     },
 });
-exports.default = ChooseMember;
+export default ChooseMember;