@smart-link/rn-im 1.0.24 → 1.1.1

package/dist/pages/collection/ContentFactory.js

@@ -10,13 +10,15 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import LocalImage from '../../components/LocalImage';
-import { PayloadType, numberToTime } from '@smart-link/im-base';
+import { PayloadType, numberToTime, buildSimpleText } from '@smart-link/im-base';
 import { dp } from '@smart-link/rn-ui';
 import React, { memo } from 'react';
 import { Image, StyleSheet, Text, View } from 'react-native';
 import MaterialIcon from 'react-native-vector-icons/MaterialIcons';
 import PayloadFile from '../message/components/Payload/PayloadFile';
-const { TEXT, VOICE, VIDEO, PICTURE, FILE, } = PayloadType;
+import useTranslation from "../../hooks/useTranslation";
+import { getImManager } from "../../init";
+const { TEXT, VOICE, VIDEO, PICTURE, FILE, MULTIPLE, } = PayloadType;
 export default function ContentFactory({ keyword, collection }) {
     const { payloadType, payload } = collection, retProps = __rest(collection, ["payloadType", "payload"]);
     switch (payloadType) {
@@ -36,6 +38,9 @@ export default function ContentFactory({ keyword, collection }) {
         case VIDEO: {
             return <ContentVideo {...payload}/>;
         }
+        case MULTIPLE: {
+            return <ContentMultiple {...payload}/>;
+        }
         default: {
             return null;
         }
@@ -47,6 +52,29 @@ const ContentText = memo(props => {
             {text}
         </Text>);
 });
+const ContentMultiple = memo((props) => {
+    const { selectedMessages, fromName, toName } = props;
+    const { t } = useTranslation();
+    console.log(fromName, toName);
+    let title = t('multipleChatRecord');
+    if (fromName && toName) {
+        title = t('multipleChatRecordTitle', { fromName, toName });
+    }
+    const imManager = getImManager();
+    const messages = selectedMessages.length > 2 ? [...selectedMessages.slice(0, 2), 'more'] : selectedMessages;
+    return <View>
+        <Text style={styles.text} numberOfLines={1}>{title}</Text>
+        <View style={styles.multiContent}>
+            {messages.map((message, index) => {
+            return message === 'more' ? (<Text key={index} style={styles.itemTextMore}>
+                                ......
+                            </Text>) : (<Text key={index} style={styles.itemText} numberOfLines={1} ellipsizeMode="middle">
+                                {message.messageFromName + ': ' + buildSimpleText(imManager, message.payloadType, message.payload)}
+                            </Text>);
+        })}
+        </View>
+    </View>;
+});
 const voiceLeft = require('../../../assets/voice-left.png');
 const ContentVoice = memo(props => {
     const { duration } = props;
@@ -134,5 +162,24 @@ const styles = StyleSheet.create({
     },
     w15: {
         width: dp(15),
-    }
+    },
+    titleText: {
+        color: '#333',
+        fontSize: dp(14),
+        lineHeight: dp(18),
+    },
+    multiContent: {
+        flexDirection: 'column'
+    },
+    item: {
+        justifyContent: 'center',
+    },
+    itemText: {
+        color: '#999',
+        fontSize: dp(13),
+    },
+    itemTextMore: {
+        color: '#999',
+        fontSize: dp(13),
+    },
 });

package/dist/pages/conversation/ForwardToConversation.js

@@ -1,6 +1,6 @@
 import React, { memo, useEffect } from 'react';
 import { StyleSheet, TouchableOpacity, View, Text, FlatList } from 'react-native';
-import { Checkbox, dp, NavigationPage, SearchInput, Space } from '@smart-link/rn-ui';
+import { Checkbox, dp, NavigationPage, SearchInput, Space, Toast } from '@smart-link/rn-ui';
 import { useForward, useMessage } from '../../hooks/useImSelector';
 import useTranslation from '../../hooks/useTranslation';
 import { shadowStyle } from '../../components/styles';
@@ -35,10 +35,12 @@ const ForwardToConversation = ({ navigation }) => {
                 const disabled = selectList.length === 0;
                 const selectCountText = disabled ? '' : '(' + selectList.length + ')';
                 return (<TouchableOpacity activeOpacity={0.5} style={{ padding: dp(10) }} disabled={disabled} onPress={() => {
+                        const toast = Toast.loading();
                         imManager.store.dispatch(ForwardActions.forwardMessage(imManager, forwardMessage, selectList, () => {
                             imManager.store.dispatch(ForwardActions.resetState());
                             imManager.store.dispatch(MessageActions.setForwardMessage(null));
                             navigation.goBack();
+                            toast.close();
                         }));
                     }}>
                         <Text style={{ color: tintColor }}>
@@ -61,7 +63,7 @@ const ForwardToConversation = ({ navigation }) => {
                     <Checkbox style={{ pointerEvents: 'none' }} checked={checked}/>
                 </View>
 
-                <ChatAvatar disabled id={item.id} priority="outside" url={item.avatars} name={item.name} size={dp(40)} type={item.type}/>
+                <ChatAvatar disabled id={item.id} needUpdate url={item.avatars} name={item.name} size={dp(40)} type={item.type}/>
                 <View style={styles.width10}/>
                 <Text numberOfLines={1} style={styles.nameText}>
                     {item.name}

package/dist/pages/conversation/List.js

@@ -22,11 +22,12 @@ import MaterialIcon from 'react-native-vector-icons/MaterialIcons';
 import { startCreateGroup } from '../../slice/contact/contact.slice';
 const List = ({ navigation }) => {
     const { t } = useTranslation();
-    const { connectStatus, conversations, onlineMap } = useConversation();
+    const { connectStatus, conversations } = useConversation();
     const [nativeEvent, setNativeEvent] = useState();
     const [popoverVisible, setPopoverVisible] = useState(false);
     const [conversation, setConversation] = useState();
     const lastPressTime = useRef(0);
+    const lastIndex = useRef(0);
     const flatListRef = useRef(null);
     useEffect(() => {
         let headerTitle = t('message');
@@ -62,6 +63,13 @@ const List = ({ navigation }) => {
                     });
                 },
             },
+            {
+                icon: <MaterialIcon name="star"/>,
+                content: t('collected'),
+                onPress: () => {
+                    navigation.navigate('Collection');
+                },
+            },
             {
                 icon: <MaterialIcon name="qr-code-scanner"/>,
                 content: t('scan'),
@@ -93,12 +101,13 @@ const List = ({ navigation }) => {
         return navigation.addListener('tabPress', (e) => {
             const now = Date.now();
             if (now - lastPressTime.current < 300) {
-                // 双击, 定位到第一个未读消息
-                conversations.find((item) => {
+                // 双击, 定位到未读会话，循环定位
+                conversations.find((item, index) => {
                     var _a;
-                    if (item.unreadCount > 0 && item.enableNoDisturb === 'off') {
+                    if (item.unreadCount > 0 && item.enableNoDisturb === 'off' && lastIndex.current !== index) {
+                        lastIndex.current = index;
                         (_a = flatListRef.current) === null || _a === void 0 ? void 0 : _a.scrollToIndex({
-                            index: conversations.indexOf(item),
+                            index: index,
                             animated: true,
                         });
                         return true;
@@ -114,7 +123,6 @@ const List = ({ navigation }) => {
     const onPressCard = (conversation) => __awaiter(void 0, void 0, void 0, function* () {
         setPopoverVisible(false);
         try {
-            // 设置更新已读数量
             const imManager = getImManager();
             yield imManager.store.dispatch(ConversationActions.initConversation(imManager, conversation));
             navigation.navigate('MessageList');
@@ -144,7 +152,7 @@ const List = ({ navigation }) => {
     const renderItem = ({ item }) => {
         return (
         // @ts-ignore
-        <ConversationCard selected={item.id === (conversation === null || conversation === void 0 ? void 0 : conversation.id)} conversation={item} onPressCard={onPressCard} onLongPressCard={onLongPressCard} status={onlineMap[item.id]}/>);
+        <ConversationCard selected={item.id === (conversation === null || conversation === void 0 ? void 0 : conversation.id)} conversation={item} onPressCard={onPressCard} onLongPressCard={onLongPressCard}/>);
     };
     const itemSeparatorComponent = ({ leadingItem }) => {
         for (let i = 0; i < conversations.length; i++) {

package/dist/pages/conversation/components/ConversationCard.js

@@ -17,12 +17,6 @@ const ConversationCard = memo(props => {
     const content = getConversationContent(text, errorText, draftText, tipsList, countText, t);
     const contentStyles = content.tips ? styles.contentRedStyles : null;
     const formatTime = useFormatMsgTime(time, true);
-    // const imManager = getImManager();
-    // // 还没找到为啥会让空的头像的人变成登录人的头像，先解决表面问题
-    // let newAvatars = avatars;
-    // if (avatars === imManager.user.avatars && name !== imManager.user.userName) {
-    //     newAvatars = "";
-    // }
     return (<TouchableOpacity activeOpacity={0.5} style={[styles.card, enableTopStyles, selected && styles.selected]} onPress={() => {
             onPressCard && onPressCard(conversation);
         }} onLongPress={({ nativeEvent }) => {
@@ -30,7 +24,7 @@ const ConversationCard = memo(props => {
         }}>
             <View style={{ height: dp(50), width: dp(50), marginRight: dp(16) }}>
                 <Badge text={unreadCount} dot={showPoint}>
-                    <ChatAvatar disabled type={type} id={id} size={dp(48)} name={name}/>
+                    <ChatAvatar disabled type={type} id={id} url={avatars} size={dp(48)} name={name}/>
                 </Badge>
                 {status === 'online' && <View style={styles.status}>
                     <MaterialIcons size={dp(14)} color={status === 'online' ? '#4caf50' : '#616161'} name={status === 'online' ? 'check-circle' : 'not-interested'}/>

package/dist/pages/conversation/setting/OptionAvatars.d.ts

@@ -4,7 +4,7 @@ export interface OptionAvatarsProps {
     list: {
         userId: string;
         userName: string;
-        avatars: string;
+        avatars?: string;
         memberLevel?: MemberLevel;
     }[];
     showTitle?: boolean;

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

@@ -77,7 +77,6 @@ const styles = StyleSheet.create({
         borderBottomWidth: px(1),
     },
     avatarsItem: {
-        height: dp(60),
         width: dp(42),
         marginTop: dp(10),
         marginHorizontal: (width - dp(42) * 5) / 12 - 0.01,

package/dist/pages/conversation/setting/OptionGroup.d.ts

@@ -4,7 +4,7 @@ import { ViewProps } from "react-native/Libraries/Components/View/ViewPropTypes"
 interface IOptionGroupProps extends ViewProps {
     id: string;
     name: string;
-    avatars: string;
+    avatars?: string;
     notice: string;
     memberLevel: MemberLevel;
     enableInviteValidate: string;
@@ -13,5 +13,5 @@ interface IOptionGroupProps extends ViewProps {
     toEditGroupNotice?: () => void;
     toGroupMgr?: () => void;
 }
-declare const OptionGroup: React.NamedExoticComponent<IOptionGroupProps>;
+declare const OptionGroup: (props: IOptionGroupProps) => React.JSX.Element;
 export default OptionGroup;

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

@@ -7,14 +7,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import React, { memo, useCallback } from 'react';
+import React, { useCallback } from 'react';
 import { Text, View, StyleSheet } from 'react-native';
 import { dp, ListRow } from '@smart-link/rn-ui';
 import { ConversationType, MemberLevel } from "@smart-link/im-base";
 import useTranslation from "../../../hooks/useTranslation";
 import ChatAvatar from '../../../components/ChatAvatar/ChatAvatar';
 const { OWNER, MGR, MEMBER, } = MemberLevel;
-const OptionGroup = memo(props => {
+const OptionGroup = (props) => {
     const { id, name, avatars, notice, memberLevel = MEMBER, enableInviteValidate, toEditGroupAvatars, toEditGroupName, toEditGroupNotice, toGroupMgr, style } = props;
     const { t } = useTranslation();
     const onPressGroupMgr = !(memberLevel === OWNER) ? null : () => {
@@ -25,7 +25,7 @@ const OptionGroup = memo(props => {
         toEditGroupAvatars && toEditGroupAvatars(id, url);
     }), []);
     return (<View style={style}>
-            <ListRow title={t('groupAvatars')} detail={<ChatAvatar size={dp(40)} id={id} url={avatars} name={name} type={ConversationType.C2G} editable={(memberLevel === OWNER || memberLevel === MGR)} disabled={!(memberLevel === OWNER || memberLevel === MGR)}/>}/>
+            <ListRow title={t('groupAvatars')} detail={<ChatAvatar size={dp(40)} id={id} name={name} url={avatars} type={ConversationType.C2G} editable={(memberLevel === OWNER || memberLevel === MGR)} disabled={!(memberLevel === OWNER || memberLevel === MGR)}/>}/>
             <ListRow title={t('groupChatName')} detail={name} onPress={toEditGroupName} topSeparator='full'/>
             <ListRow title={t('groupNotice')} titlePlace={notice ? 'top' : 'left'} detail={<Text numberOfLines={6} ellipsizeMode={'tail'} style={styles.noticeText}>
                         {notice || t('unSetting')}
@@ -37,7 +37,7 @@ const OptionGroup = memo(props => {
             {/*    topSeparator='full'*/}
             {/*/>*/}
         </View>);
-});
+};
 const styles = StyleSheet.create({
     noticeText: {
         marginVertical: dp(5),

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

@@ -26,14 +26,10 @@ const OptionGroupManage = memo(props => {
             <ScrollView>
                 <Space size={'m'}/>
                 <ListRow title={t('groupInviteValid')} detail={<Switch value={enableInviteValidate === 'on'} onValueChange={onValueChange}/>} topSeparator='full' bottomSeparator='full'/>
-                {/*<Space size={'m'} />*/}
-                {/*<ListRow title={t('groupTransfer')}*/}
-                {/*         onPress={() => {*/}
-                {/*             navigation.navigate('GroupTransfer')*/}
-                {/*         }}*/}
-                {/*         topSeparator='full'*/}
-                {/*         bottomSeparator='full'*/}
-                {/*/>*/}
+                <Space size={'m'}/>
+                <ListRow title={t('groupTransfer')} onPress={() => {
+            navigation.navigate('GroupTransfer');
+        }} topSeparator='full' bottomSeparator='full'/>
             </ScrollView>
         </NavigationPage>);
 });

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

@@ -1,3 +1,12 @@
+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 { NavigationPage, SearchInput, dp, useNavigation } from "@smart-link/rn-ui";
 import { useChatGroup, useConversation } from "../../../hooks/useImSelector";
 import { useEffect, useMemo, useState } from "react";
@@ -5,13 +14,16 @@ import useTranslation from "../../../hooks/useTranslation";
 import { StyleSheet, View, Text, TouchableOpacity, Image, FlatList } from 'react-native';
 import ChatAvatar from "../../../components/ChatAvatar";
 import { defaultAvatars } from '../../../default-assets';
-import { MemberLevel } from "@smart-link/im-base";
+import { ConversationActions, GroupActions, MemberLevel, updateGroupManager, viewGroupDetail } from "@smart-link/im-base";
 import { shadowStyle } from "../../../components/styles";
+import { getImManager } from "../../../init";
+import { ConfirmActionSheetNoTitle } from "../../../utils/common-action-sheet";
 const { OWNER, MGR, } = MemberLevel;
 const OptionGroupMoreMember = (props) => {
     const { groupDetail } = useChatGroup();
-    const { memberTotalCount } = groupDetail;
-    const { allMembers } = useConversation();
+    const { memberTotalCount, memberLevel } = groupDetail;
+    const { allMembers, currentConversation } = useConversation();
+    const dispatch = getImManager().store.dispatch;
     const [keyword, setKeyword] = useState('');
     const { t } = useTranslation();
     const navigation = useNavigation();
@@ -20,6 +32,7 @@ const OptionGroupMoreMember = (props) => {
             title: t('groupChatMember') + '(' + memberTotalCount + ')',
         });
     }, [t, navigation, memberTotalCount]);
+    const isMgr = memberLevel === OWNER || memberLevel === MGR;
     const listLineComponent = allMembers.length === 0 ? null : <View style={styles.listLine}/>;
     const itemSeparatorComponent = () => <View style={[styles.separator]}/>;
     const keyExtractor = (member) => member.userId;
@@ -27,25 +40,31 @@ const OptionGroupMoreMember = (props) => {
         const { userId, chatGroupId, memberName, memberLevel, } = item;
         const adminSource = memberLevel === OWNER ? defaultAvatars.GROUP_OWNER : memberLevel === MGR ? defaultAvatars.GROUP_MGR : null;
         return (<TouchableOpacity activeOpacity={0.5} style={styles.row} onPress={() => {
-                // onPressUserAvatars && onPressUserAvatars(userId)
                 navigation.navigate('UserDetail', {
                     userId: userId,
                 });
             }} onLongPress={() => {
-                // if (!isMgr) {
-                //     return;
-                // }
-                //
-                // if (!imGroupId || !memberLevel || memberLevel === OWNER) {
-                //     return;
-                // }
-                //
-                // onLongPressUserAvatars && onLongPressUserAvatars({
-                //     imGroupId,
-                //     userId,
-                //     userName:memberName,
-                //     memberLevel,
-                // })
+                if (!isMgr) {
+                    return;
+                }
+                if (!chatGroupId || !memberLevel || memberLevel === OWNER) {
+                    return;
+                }
+                const title = memberLevel === MGR ? t('cancelMgr', { userName: memberName }) : t('setToMgr', { userName: memberName });
+                ConfirmActionSheetNoTitle(title, () => __awaiter(void 0, void 0, void 0, function* () {
+                    yield updateGroupManager({
+                        chatGroupId,
+                        userId: userId,
+                        userName: memberName,
+                        memberLevel: memberLevel === MGR ? MemberLevel.MEMBER : MemberLevel.MGR,
+                    });
+                    const detail = yield viewGroupDetail(chatGroupId);
+                    dispatch(ConversationActions.setCurrentConversation(Object.assign(Object.assign({}, currentConversation), {
+                        groupMemberList: detail.groupMemberList
+                    })));
+                    dispatch(GroupActions.setGroupDetail(detail));
+                    dispatch(ConversationActions.loadAllMembers(chatGroupId));
+                }), t);
             }}>
                 <ChatAvatar id={userId} disabled size={dp(40)} name={memberName}/>
                 <View style={styles.w15}/>

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

@@ -17,8 +17,7 @@ const { LIAISON } = GroupType;
 const MAX_SHOW_MEMBER_COUNT = 23;
 const ConversationSetting = ({ navigation }) => {
     const { t } = useTranslation();
-    // const {allMembers} = useMessage();
-    const { currentConversation } = useConversation();
+    const { currentConversation, allMembers } = useConversation();
     const { groupDetail } = useChatGroup();
     const title = t('chatSetting');
     const memberTotalCount = (groupDetail === null || groupDetail === void 0 ? void 0 : groupDetail.memberTotalCount) || 0;
@@ -110,18 +109,18 @@ const ConversationSetting = ({ navigation }) => {
     switch (type) {
         case ConversationType.C2C:
             content = (<>
-                    <OptionAvatars list={id ? [
+                    <OptionAvatars list={[
                     {
                         userId: id,
                         userName: name,
-                        avatars,
                     },
-                ] : []} showAdd={true} showDelete={false} showMore={false} addUser={() => {
+                ]} showAdd={true} showDelete={false} showMore={false} addUser={() => {
                     getImManager().store.dispatch(startCreateGroup());
                     navigation.navigate('ChooseContact', {
                         chooseOrg: true,
                         checkMode: 'multi',
                         checkedIds: [id],
+                        disableIds: [id],
                     });
                 }}/>
                     <Space size={'m'}/>
@@ -148,6 +147,7 @@ const ConversationSetting = ({ navigation }) => {
                     navigation.navigate('ChooseContact', {
                         chooseOrg: true,
                         checkMode: 'multi',
+                        disableIds: allMembers.map((item) => item.userId),
                     });
                 }} removeUser={removeUser} toMoreMember={() => {
                     navigation.navigate('OptionGroupMoreMember');

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

@@ -16,12 +16,31 @@ 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';
+import to from "await-to-js";
 const SettingChatBg = ({ navigation }) => {
     const { t } = useTranslation();
     const { currentConversation } = useConversation();
+    const imManager = getImManager();
     useEffect(() => {
         navigation.setOptions({ title: t('selectChatBackground') });
     }, [navigation, t]);
+    const updateChatBg = (fileId) => __awaiter(void 0, void 0, void 0, function* () {
+        yield updateOptionSetting({
+            type: currentConversation === null || currentConversation === void 0 ? void 0 : currentConversation.type,
+            conversationId: currentConversation.id,
+            optionKey: 'imageBackground',
+            optionValue: fileId,
+        });
+        imManager.store.dispatch(ConversationActions.setCurrentConversation(Object.assign(Object.assign({}, currentConversation), { imageBackground: fileId })));
+        imManager.store.dispatch(ConversationActions.updateConversation({
+            id: currentConversation.id,
+            imageBackground: fileId,
+        }));
+        yield imManager.db.updateConversationById({
+            id: currentConversation.id,
+            imageBackground: fileId,
+        });
+    });
     const openAlbum = () => __awaiter(void 0, void 0, void 0, function* () {
         let toast;
         let image;
@@ -40,22 +59,7 @@ const SettingChatBg = ({ navigation }) => {
         try {
             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 = getImManager();
-            imManager.store.dispatch(ConversationActions.setCurrentConversation(Object.assign(Object.assign({}, currentConversation), { imageBackground: fileId })));
-            imManager.store.dispatch(ConversationActions.updateConversation({
-                id: currentConversation.id,
-                imageBackground: fileId,
-            }));
-            yield imManager.db.updateConversationById({
-                id: currentConversation.id,
-                imageBackground: fileId,
-            });
+            yield updateChatBg(fileId);
             // 更新本地资源存储
             yield imManager.updateResource({
                 url: fileId,
@@ -70,9 +74,21 @@ const SettingChatBg = ({ navigation }) => {
             Toast.error(t('settingFail'));
         }
     });
+    const clearBg = () => __awaiter(void 0, void 0, void 0, function* () {
+        const toast = Toast.loading();
+        const [err,] = yield to(updateChatBg('bg0'));
+        if (err) {
+            toast === null || toast === void 0 ? void 0 : toast.close();
+            Toast.error(t('settingFail'));
+            return;
+        }
+        navigation.dispatch(StackActions.pop(2));
+        toast === null || toast === void 0 ? void 0 : toast.close();
+    });
     return (<NavigationPage noPadding>
             <Space size="m"/>
             <ListRow title={t('chooseFromAlbum')} onPress={openAlbum} accessory="none"/>
+            <ListRow title={t('clearChatBackground')} onPress={clearBg} accessory="none"/>
         </NavigationPage>);
 };
 export default SettingChatBg;

package/dist/pages/message/ChooseMember.js

@@ -50,7 +50,7 @@ const ChooseMember = ({ navigation, route: { params } }) => {
         const members = list.filter(item => checked.includes(item.userId));
         if (params.atOther) {
             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} `);
+                (_c = (_b = imManager.inputRef) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.inertText(`${members[0].memberName} `);
             }
             imManager.store.dispatch(MessageActions.addAtUser(members[0]));
         }
@@ -132,7 +132,7 @@ const styles = StyleSheet.create({
     width10: {
         width: dp(10),
     },
-    search: Object.assign({ backgroundColor: '#fff', padding: dp(10), borderBottomWidth: dp(1), borderColor: '#e9e9e9' }, shadowStyle),
+    search: Object.assign({ backgroundColor: '#fff', paddingHorizontal: dp(10), borderBottomWidth: dp(1), height: dp(40), borderColor: '#e9e9e9' }, shadowStyle),
     heightSpace: {
         height: dp(5),
     },

package/dist/pages/message/FileSelector.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 FileSelectorProps = NativeStackScreenProps<IMPageParamList, 'FileSelector'>;
+declare const FileSelector: ({ navigation }: FileSelectorProps) => React.JSX.Element;
+export default FileSelector;