@smart-link/rn-im 1.1.5 → 1.1.6

package/dist/pages/message/components/Payload/PayloadWrapper.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { memo, useState } from 'react';
+import React, { memo, useRef, useState } from 'react';
 import { View, StyleSheet, TouchableOpacity } from 'react-native';
 import { dp } from "@smart-link/rn-ui";
 import Svg, { Path } from "react-native-svg";
@@ -30,8 +30,9 @@ const SvgFromUri = ({ direction, focus }) => {
 };
 const PayloadWrapper = memo((_a) => {
     var { children, direction, isRecord, showArrow, onLongPress, style } = _a, retProps = __rest(_a, ["children", "direction", "isRecord", "showArrow", "onLongPress", "style"]);
-    const [layout, setLayout] = useState();
+    // const [layout, setLayout] = useState<NativeEventLayout>();
     const [focus, setFocus] = useState(false);
+    const ref = useRef(null);
     let backgroundColor = direction === 'right' ? '#cde6f9' : '#fff';
     if (focus) {
         backgroundColor = Color(backgroundColor).darken(0.08).hex();
@@ -39,15 +40,15 @@ const PayloadWrapper = memo((_a) => {
     if (isRecord) {
         backgroundColor = 'transparent';
     }
-    return (<TouchableOpacity {...retProps} style={[
+    return (<TouchableOpacity ref={ref} {...retProps} style={[
             style,
             {
                 backgroundColor,
             }
         ]} onLayout={e => {
-            setLayout(e.nativeEvent.layout);
+            // setLayout(e.nativeEvent.layout);
         }} onLongPress={(e) => {
-            onLongPress && onLongPress(e, layout);
+            onLongPress && onLongPress(e, ref.current);
         }} activeOpacity={1} onPressIn={() => {
             setFocus(true);
         }} onPressOut={() => {

package/dist/pages/message/components/Payload/type.d.ts

@@ -1,6 +1,5 @@
 import { IMessage } from "@smart-link/im-base";
 import { GestureResponderEvent, StyleProp, ViewStyle } from "react-native";
-import { NativeEventLayout } from "../../../types";
 export interface PayloadProps extends IMessage {
     width?: number;
     style?: StyleProp<ViewStyle>;
@@ -8,6 +7,6 @@ export interface PayloadProps extends IMessage {
     showArrow?: boolean;
     isRecord?: boolean;
     onPress?: (e: GestureResponderEvent) => void;
-    onLongPress?: (e: GestureResponderEvent, layout: NativeEventLayout) => void;
+    onLongPress?: (e: GestureResponderEvent, ref: any) => void;
     onLoad?: (localPath: string) => void;
 }

package/dist/pages/message/components/ReceiptBack.js

@@ -1,7 +1,7 @@
 import { MessageStatus } from '@smart-link/im-base';
-import { dp } from '@smart-link/rn-ui';
+import { CaihText, dp } from '@smart-link/rn-ui';
 import * as React from 'react';
-import { View, Text, StyleSheet } from "react-native";
+import { View, StyleSheet } from "react-native";
 import useTranslation from "../../../hooks/useTranslation";
 import dayjs from "dayjs";
 export const ReceiptBack = ({ message }) => {
@@ -9,10 +9,10 @@ export const ReceiptBack = ({ message }) => {
     // console.log('ReceiptBack: ', message.receiptBackList.length, message.receiptBackList);
     return (<View style={styles.content}>
             <View style={{ flexDirection: 'row' }}>
-                <Text style={[styles.text, { width: dp(165) }]}>
+                <CaihText style={[styles.text, { width: dp(165) }]}>
                     {dayjs(message.messageTime).format('YYYY-MM-DD HH:mm:ss')}
-                </Text>
-                <Text style={styles.text}>{message.messageStatus === MessageStatus.EMIT_ERROR ? t('sendFail') : t('sent')}</Text>
+                </CaihText>
+                <CaihText style={styles.text}>{message.messageStatus === MessageStatus.EMIT_ERROR ? t('sendFail') : t('sent')}</CaihText>
             </View>
 
             {message.receiptBackList && message.receiptBackList.map((item, index) => {
@@ -30,10 +30,10 @@ export const ReceiptBack = ({ message }) => {
                     return null;
             }
             return (<View key={index} style={{ flexDirection: 'row' }}>
-                            <Text style={[styles.text, { width: dp(165) }]}>
+                            <CaihText style={[styles.text, { width: dp(165) }]}>
                                 {dayjs(item.receiptBackMessageTime || item.messageTime).format('YYYY-MM-DD HH:mm:ss')}
-                            </Text>
-                            <Text style={styles.text}>{statusText}</Text>
+                            </CaihText>
+                            <CaihText style={styles.text}>{statusText}</CaihText>
                         </View>);
         })}
         </View>);

package/dist/pages/message/components/TextMixMessage.js

@@ -1,32 +1,33 @@
 import { mix, mixAtList } from "@smart-link/im-base";
 import React, { memo } from 'react';
-import { Text, StyleSheet } from "react-native";
+import { StyleSheet } from "react-native";
+import { CaihText } from "@smart-link/rn-ui";
 const TextMixMessage = memo(props => {
     const { text, atList, onLongPressPhone, onLongPressURL, textStyle, } = props;
     const viewItems = mixAtList(atList, mix(text));
-    return (<Text style={textStyle}>
+    return (<CaihText style={textStyle}>
             {viewItems.map((item, index) => {
             if (item.type === 'phone') {
-                return (<Text key={index} style={styles.phone} onPress={(e) => {
+                return (<CaihText key={index} style={styles.phone} onPress={(e) => {
                         e.stopPropagation();
                         onLongPressPhone && onLongPressPhone(item.value);
                     }}>
                             {item.value}
-                        </Text>);
+                        </CaihText>);
             }
             else if (item.type === 'url') {
-                return (<Text key={index} style={styles.url} onPress={() => {
+                return (<CaihText key={index} style={styles.url} onPress={() => {
                         onLongPressURL && onLongPressURL(item.value);
                     }}>
                             {item.value}
-                        </Text>);
+                        </CaihText>);
             }
             else if (item.type === 'at') {
-                return (<Text key={index} style={styles.at}>{item.value}</Text>);
+                return (<CaihText key={index} style={styles.at}>{item.value}</CaihText>);
             }
             return item.value;
         })}
-        </Text>);
+        </CaihText>);
 });
 const styles = StyleSheet.create({
     phone: {

package/dist/pages/message/components/TextMixQuote.js

@@ -1,9 +1,9 @@
 import React, { memo } from 'react';
-import { ActivityIndicator, Image, StyleSheet, Text, TouchableOpacity, View, Dimensions } from 'react-native';
+import { ActivityIndicator, Image, StyleSheet, TouchableOpacity, View, Dimensions } from 'react-native';
 import TextMixMessage from './TextMixMessage';
 import { shadowStyle } from '../../../components/styles';
 import AntDesign from 'react-native-vector-icons/AntDesign';
-import { dp, useTheme } from '@smart-link/rn-ui';
+import { CaihText, dp, useTheme } from '@smart-link/rn-ui';
 import { ConversationType, numberToTime, buildSimpleText } from '@smart-link/im-base';
 import { calculate } from '../../../utils/golden-rectangle';
 import { dark } from '../../../utils/color';
@@ -16,10 +16,10 @@ const { width } = Dimensions.get('window');
 export const QuoteTextMix = memo(props => {
     const { quoteTitle, quoteText, color, textStyle, quoteStyle, onPressQuote, onLongPressPhone, onLongPressURL } = props;
     return (<TouchableOpacity activeOpacity={0.5} onPress={onPressQuote} style={[quoteStyle, styles.leftBorder, { backgroundColor: dark(color, 4) }]}>
-            <Text style={[textStyle, styles.replyUserName]}>
+            <CaihText style={[textStyle, styles.replyUserName]}>
                 {quoteTitle}
                 {' : '}
-            </Text>
+            </CaihText>
             <View style={styles.h5}/>
             <TextMixMessage text={quoteText} textStyle={textStyle} onLongPressPhone={onLongPressPhone} onLongPressURL={onLongPressURL}/>
         </TouchableOpacity>);
@@ -30,10 +30,10 @@ export const QuotePicture = memo(props => {
     const theme = useTheme();
     const sizeStyle = calculate(height || 100, width || 61.8, 100);
     return (<TouchableOpacity activeOpacity={0.5} onPress={onPressQuote} style={[quoteStyle, styles.leftBorder, { backgroundColor: dark(color, 6) }]}>
-            <Text style={[textStyle, styles.replyUserName]}>
+            <CaihText style={[textStyle, styles.replyUserName]}>
                 {quoteTitle}
                 {' : '}
-            </Text>
+            </CaihText>
             <View style={styles.h5}/>
             {(!localPath) && (<View style={[
                 styles.pictureEmpty,
@@ -53,10 +53,10 @@ export const QuoteVideo = memo(props => {
     const theme = useTheme();
     const sizeStyle = calculate(height, width);
     return (<TouchableOpacity activeOpacity={0.5} onPress={onPressQuote} style={[quoteStyle, styles.leftBorder, { backgroundColor: dark(color, 6) }]}>
-            <Text style={[textStyle, styles.replyUserName]}>
+            <CaihText style={[textStyle, styles.replyUserName]}>
                 {quoteTitle}
                 {' : '}
-            </Text>
+            </CaihText>
             <View style={styles.h5}/>
             {(!imagePath) && (<View style={[
                 styles.pictureEmpty,
@@ -73,7 +73,7 @@ export const QuoteVideo = memo(props => {
                         <AntDesign size={30} name="playcircleo" color="#fff"/>
                     </View>
                     <View style={{ position: 'absolute', bottom: dp(5), right: dp(5) }}>
-                        <Text style={{ fontSize: dp(12), color: '#fff' }}>{numberToTime(duration)}</Text>
+                        <CaihText style={{ fontSize: dp(12), color: '#fff' }}>{numberToTime(duration)}</CaihText>
                     </View>
                 </View>)}
         </TouchableOpacity>);
@@ -81,10 +81,10 @@ export const QuoteVideo = memo(props => {
 export const QuoteFile = memo(props => {
     const { quoteTitle, quoteMessage, color, textStyle, onPressQuote } = props;
     return (<TouchableOpacity activeOpacity={0.5} onPress={onPressQuote} style={[styles.leftBorder, { padding: dp(5), backgroundColor: dark(color, 6) }]}>
-            <Text style={[textStyle, styles.replyUserName]}>
+            <CaihText style={[textStyle, styles.replyUserName]}>
                 {quoteTitle}
                 {' : '}
-            </Text>
+            </CaihText>
             <View style={styles.h5}/>
             <View style={[styles.popoverFile, { backgroundColor: dark(color, 10), paddingHorizontal: dp(5), flexDirection: 'column' }]}>
                 <PayloadFile {...quoteMessage} style={{ flex: 1, padding: dp(5) }} width={width - dp(155)} showArrow={false}/>
@@ -97,17 +97,17 @@ export const QuoteVoice = memo(props => {
     let voiceViewLength = 40 + (80 * duration) / 60;
     voiceViewLength = dp(voiceViewLength > 120 ? 120 : voiceViewLength);
     return (<TouchableOpacity activeOpacity={0.5} onPress={onPressQuote} style={[styles.leftBorder, { padding: dp(5), backgroundColor: dark(color, 6) }]}>
-            <Text style={[textStyle, styles.replyUserName]}>
+            <CaihText style={[textStyle, styles.replyUserName]}>
                 {quoteTitle}
                 {' : '}
-            </Text>
+            </CaihText>
             <View style={styles.h5}/>
 
             <View style={[styles.popoverVoice, { backgroundColor: dark(color, 10), width: voiceViewLength + dp(10) }]}>
                 <View style={{ width: voiceViewLength, alignItems: 'flex-start' }}>
                     <Image style={styles.voiceImage} source={voiceLeft}></Image>
                 </View>
-                <Text style={styles.duration}>{Math.round(duration || 0)}''</Text>
+                <CaihText style={styles.duration}>{Math.round(duration || 0)}''</CaihText>
             </View>
         </TouchableOpacity>);
 });
@@ -121,30 +121,30 @@ export const QuoteMultiple = memo(props => {
         : t('multipleChatRecordTitleGroup');
     const imManager = getImManager();
     return (<TouchableOpacity activeOpacity={0.5} onPress={onPressQuote} style={[quoteStyle, styles.leftBorder, { padding: dp(5), backgroundColor: dark(color, 4) }]}>
-            <Text style={[textStyle, styles.replyUserName]}>
+            <CaihText style={[textStyle, styles.replyUserName]}>
                 {quoteTitle}
                 {' : '}
-            </Text>
+            </CaihText>
             <View style={styles.h5}/>
-            <Text style={styles.mulTitleText} numberOfLines={2}>
+            <CaihText style={styles.mulTitleText} numberOfLines={2}>
                 {title}
-            </Text>
+            </CaihText>
             <View style={styles.mulContent}>
                 {messages.map((message, index) => {
             if (typeof message === 'string') {
-                return (<Text key={index} style={styles.mulItemTextMore}>
+                return (<CaihText key={index} style={styles.mulItemTextMore}>
                                 ......
-                            </Text>);
+                            </CaihText>);
             }
-            return (<Text key={index} style={styles.mulItemText} numberOfLines={1}>
+            return (<CaihText key={index} style={styles.mulItemText} numberOfLines={1}>
                             {message.messageFromName +
                     ': ' +
                     buildSimpleText(imManager, message.payloadType, message.payload)}
-                        </Text>);
+                        </CaihText>);
         })}
             </View>
             <View style={styles.mulLine}/>
-            <Text style={styles.mulFooterText}>{t('multipleChatRecord')}</Text>
+            <CaihText style={styles.mulFooterText}>{t('multipleChatRecord')}</CaihText>
         </TouchableOpacity>);
 });
 const styles = StyleSheet.create({

package/dist/pages/message/components/UploadProgress.js

@@ -1,7 +1,7 @@
 import React, { memo } from 'react';
-import { dp } from '@smart-link/rn-ui';
+import { CaihText, dp } from '@smart-link/rn-ui';
 import { Bar } from 'react-native-progress';
-import { View, StyleSheet, Text } from 'react-native';
+import { View, StyleSheet } from 'react-native';
 import { numberToFileSize } from '../../../utils/file';
 const UploadProgress = ({ show, sendSize, totalSize, width }) => {
     if (!show) {
@@ -13,7 +13,7 @@ const UploadProgress = ({ show, sendSize, totalSize, width }) => {
     const progress = sendSize / totalSize;
     return (<View style={{ width }}>
             <Bar progress={progress} width={width} height={dp(3)} color={'#999'} borderRadius={dp(1)}/>
-            <Text style={styles.rate}>{numberToFileSize(sendSize) + ' / ' + numberToFileSize(totalSize)}</Text>
+            <CaihText style={styles.rate}>{numberToFileSize(sendSize) + ' / ' + numberToFileSize(totalSize)}</CaihText>
         </View>);
 };
 const styles = StyleSheet.create({

package/dist/pages/message/components/messageBar/EmojiPanel.js

@@ -1,8 +1,9 @@
 import React, { forwardRef, memo, useImperativeHandle, useRef, useState } from 'react';
-import { View, Text, FlatList, Animated, TouchableOpacity, Dimensions } from 'react-native';
+import { View, FlatList, Animated, TouchableOpacity, Dimensions } from 'react-native';
 import { face } from '../../../../utils/emoji';
 import { DeleteSvg } from './Icons';
 import { useAnimatedValue } from "../../../../hooks/useAnimatedValue";
+import { CaihText } from "@smart-link/rn-ui";
 const emojis = Array.from(new Set([...face]));
 const EMOJI_SIZE = (Dimensions.get('screen').width - 20) / 8;
 const keyExtractor = (item) => item;
@@ -19,7 +20,7 @@ const EmojiPanel = forwardRef(({ onCheck, onBackspace }, ref) => {
         }} onPress={() => {
             onCheck(item);
         }}>
-            <Text style={{ fontSize: 22, color: '#333' }}>{item}</Text>
+            <CaihText style={{ fontSize: 22, color: '#333' }}>{item}</CaihText>
         </TouchableOpacity>);
     useImperativeHandle(ref, () => ({
         show: (height, animated) => {

package/dist/pages/message/components/messageBar/MessageBar.js

@@ -189,6 +189,7 @@ const MessageBar = forwardRef(({ onKeyboardAt }, ref) => {
             var _a, _b, _c;
             tempText.current = text;
             (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.setText(tempText.current);
+            setShowSend(true);
             setTimeout(() => {
                 var _a;
                 (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();

package/dist/pages/message/components/messageBar/MessageInput.js

@@ -178,6 +178,7 @@ const styles = StyleSheet.create({
         borderRadius: dp(4),
         backgroundColor: '#fff',
         fontSize: dp(15),
+        fontFamily: ' ',
         minHeight: Platform.select({
             ios: dp(32),
             android: dp(28),

package/dist/pages/message/components/messageBar/OptionPanel.js

@@ -7,21 +7,22 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { dp, useNavigation } from '@smart-link/rn-ui';
+import { CaihText, dp, useNavigation } from '@smart-link/rn-ui';
 import React, { forwardRef, memo, useImperativeHandle, useState } from 'react';
-import { View, Text, FlatList, TouchableOpacity, Dimensions, StyleSheet, Animated } from 'react-native';
+import { View, FlatList, TouchableOpacity, Dimensions, StyleSheet, Animated } from 'react-native';
 import { useConversation } from '../../../../hooks/useImSelector';
 import useTranslation from '../../../../hooks/useTranslation';
 import { getImManager } from '../../../../init';
 import { FileIcon, PhotosIcon, ShootingIcon, UserIcon } from './Icons';
 import ImagePicker from 'react-native-image-crop-picker';
 import { startSendContact } from '../../../../slice/contact/contact.slice';
-import { copyFile } from '../../../../utils/file';
+import { moveFile } from '../../../../utils/file';
 import { scrollToBottom } from '../../../../utils/scroll';
 import { takeCamera } from '../../../../utils/take-camera';
 import FontAwesome from "react-native-vector-icons/FontAwesome";
 import { useAnimatedValue } from "../../../../hooks/useAnimatedValue";
-const OPTION_SIZE = (Dimensions.get('screen').width - 20) / 4;
+import { buildVideoData } from "../../../../utils/camera";
+const OPTION_SIZE = (Dimensions.get('window').width - 20) / 4;
 const keyExtractor = (item) => item.id;
 const OptionPanel = forwardRef((props, ref) => {
     const navigation = useNavigation();
@@ -62,36 +63,46 @@ const OptionPanel = forwardRef((props, ref) => {
         scrollToBottom();
         yield imManager.sendPictureMessage(Object.assign({}, currentConversation), data);
     });
-    // const sendVideo = async (data: IPayload) => {
-    //     scrollToBottom();
-    //     await imManager.sendVideoMessage({...currentConversation!}, data);
-    // };
-    //
-    // const sendFile = async (data: IPayload) => {
-    //     scrollToBottom();
-    //     const destPath = await copyFile(data.localPath as string, data.filename!, 'file');
-    //     await imManager.sendFileMessage({...currentConversation!}, {...data, localPath: destPath});
-    // };
+    const sendVideo = (data) => __awaiter(void 0, void 0, void 0, function* () {
+        scrollToBottom();
+        yield imManager.sendVideoMessage(Object.assign({}, currentConversation), data);
+    });
     const openAlbum = () => __awaiter(void 0, void 0, void 0, function* () {
         try {
-            const images = yield ImagePicker.openPicker({
-                mediaType: 'photo',
+            const items = yield ImagePicker.openPicker({
+                mediaType: 'any',
                 multiple: true,
                 compressImageQuality: 0.7,
                 compressImageMaxWidth: 1080,
+                cropping: false,
+                includeBase64: false,
             });
-            console.log(images);
-            for (const item of images) {
-                const localPath = yield copyFile(item.path, item.filename, 'picture');
-                yield sendPicture({
-                    filename: item.filename,
-                    size: item.size,
-                    localPath: localPath,
-                    type: item.mime,
-                    lastModified: Number(item.modificationDate),
-                    width: item.width,
-                    height: item.height,
-                });
+            console.log(items);
+            for (const item of items) {
+                if (item.mime.includes('image')) {
+                    const localPath = yield moveFile(item.path, item.filename, 'picture');
+                    yield sendPicture({
+                        filename: item.filename,
+                        size: item.size,
+                        localPath: localPath,
+                        type: item.mime,
+                        lastModified: Number(item.modificationDate),
+                        width: item.width,
+                        height: item.height,
+                    });
+                }
+                else if (item.mime.includes('video')) {
+                    console.log('video: ', item);
+                    const videoData = yield buildVideoData({
+                        path: item.path,
+                        duration: (item.duration || 0) / 1000,
+                        width: item.width,
+                        height: item.height,
+                    });
+                    if (videoData) {
+                        yield sendVideo(videoData);
+                    }
+                }
             }
         }
         catch (e) {
@@ -167,7 +178,7 @@ const OptionPanel = forwardRef((props, ref) => {
     ];
     const renderItem = ({ item }) => (<TouchableOpacity style={style.item} onPress={item.onPress}>
             <View style={style.icon}>{item.icon}</View>
-            <Text style={style.text}>{item.text}</Text>
+            <CaihText allowFontScaling={false} style={style.text}>{item.text}</CaihText>
         </TouchableOpacity>);
     return (<Animated.View style={{
             height: heightAnim,

package/dist/pages/message/components/messageBar/VoiceBar.js

@@ -7,9 +7,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { dp, Toast } from '@smart-link/rn-ui';
+import { CaihText, dp, Toast } from '@smart-link/rn-ui';
 import React, { memo, useCallback, useEffect, useRef, useState } from 'react';
-import { View, Text, StyleSheet, Platform, AppState } from 'react-native';
+import { View, StyleSheet, Platform, AppState } from 'react-native';
 import useTranslation from '../../../../hooks/useTranslation';
 import Icon from 'react-native-vector-icons/MaterialIcons';
 import { TopViewGetInstance } from '@smart-link/rn-ui';
@@ -223,7 +223,7 @@ const VoiceBar = () => {
     }, []);
     return (<View style={styles.container}>
             <View style={[styles.record, { backgroundColor: recordColor }]} onStartShouldSetResponder={() => true} onMoveShouldSetResponder={() => true} onResponderGrant={onResponderGrant} onResponderMove={onResponderMove} onResponderRelease={onResponderRelease} onResponderTerminationRequest={() => false}>
-                <Text style={styles.recordText}>{recordText}</Text>
+                <CaihText style={styles.recordText}>{recordText}</CaihText>
             </View>
         </View>);
 };
@@ -263,10 +263,10 @@ class RecordToast {
         const { text, color, icon } = option;
         const ToastNode = (<Toast visible={true} onClose={() => {
                 RecordToast.hide();
-            }} content={<Text style={[styles.toastText, { color }]}>{text}</Text>} duration={10000} icon={<Text style={styles.toastIcon}>
+            }} content={<CaihText style={[styles.toastText, { color }]}>{text}</CaihText>} duration={10000} icon={<CaihText style={styles.toastIcon}>
                         <Icon name={icon} size={70} color={'white'}/>
-                        <Text style={{ width: 80 }}>({Math.round(time)}'')</Text>
-                    </Text>}/>);
+                        <CaihText style={{ width: 80 }}>({Math.round(time)}'')</CaihText>
+                    </CaihText>}/>);
         if (RecordToast.key) {
             TopViewGetInstance().replace(ToastNode, RecordToast.key);
         }

package/dist/pages/search/SearchChatRecords.js

@@ -7,9 +7,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { NavigationPage, WrappedSearchPage, dp, useTheme, useNavigation, HeaderSearchBar } from '@smart-link/rn-ui';
+import { NavigationPage, WrappedSearchPage, dp, useTheme, useNavigation, HeaderSearchBar, CaihText } from '@smart-link/rn-ui';
 import React, { memo, useEffect, useState } from 'react';
-import { Text, View, StyleSheet, TouchableOpacity, FlatList } from 'react-native';
+import { View, StyleSheet, TouchableOpacity, FlatList } from 'react-native';
 import useTranslation from '../../hooks/useTranslation';
 import { getImManager } from '../../init';
 import { useRoute } from '@react-navigation/native';
@@ -40,7 +40,7 @@ const SearchChatRecords = memo(() => {
     }, [keyword]);
     const listHeaderComponent = (<>
             <View style={styles.currChat}>
-                <Text style={styles.currChatText}>{'"' + name + '"' + t('searchMsgRec')}</Text>
+                <CaihText style={styles.currChatText}>{'"' + name + '"' + t('searchMsgRec')}</CaihText>
             </View>
             <View style={styles.listHeaderLine}/>
         </>);
@@ -55,8 +55,8 @@ const SearchChatRecords = memo(() => {
             <View style={styles.width10}/>
 
             <View style={styles.left}>
-                <Text style={styles.name} numberOfLines={1}>{messageFromName}</Text>
-                <Text style={styles.text} numberOfLines={1}>{getSummary(buildSearchText(item), keyword, 28, theme.primaryColor)}</Text>
+                <CaihText style={styles.name} numberOfLines={1}>{messageFromName}</CaihText>
+                <CaihText style={styles.text} numberOfLines={1}>{getSummary(buildSearchText(item), keyword, 28, theme.primaryColor)}</CaihText>
             </View>
             <FormatTimeText style={styles.time} time={messageTime}/>
         </TouchableOpacity>);
@@ -71,7 +71,7 @@ const SearchChatRecords = memo(() => {
                 justifyContent: 'center',
                 alignItems: 'center',
             }}>
-                            <Text>{t('noSearchResult')}</Text>
+                            <CaihText>{t('noSearchResult')}</CaihText>
                         </View>
                     </View>)}
                 {messages.length > 0 && (<FlatList contentContainerStyle={styles.list} data={messages} numColumns={1} initialNumToRender={1} keyExtractor={keyExtractor} renderItem={renderItem} keyboardShouldPersistTaps={'handled'} ItemSeparatorComponent={itemSeparatorComponent} ListHeaderComponent={listHeaderComponent}/>)}

package/dist/pages/search/SearchFile.js

@@ -8,8 +8,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import React, { memo, useEffect, useRef, useState } from 'react';
-import { View, StyleSheet, PixelRatio, TouchableOpacity, Text, SectionList } from 'react-native';
-import { dp, HeaderSearchBar, NavigationPage } from '@smart-link/rn-ui';
+import { View, StyleSheet, PixelRatio, TouchableOpacity, SectionList } from 'react-native';
+import { CaihText, dp, HeaderSearchBar, NavigationPage } from '@smart-link/rn-ui';
 import { borderStyle } from '../../components/styles';
 import { getImManager } from '../../init';
 import { MessageActions } from '@smart-link/im-base';
@@ -88,17 +88,17 @@ const SearchFile = memo(() => {
             })}>
                 <View style={styles.itemTop}>
                     <ChatAvatar disabled={true} name={messageFromName} id={messageFrom} size={dp(24)}/>
-                    <Text style={styles.name} numberOfLines={1}>
+                    <CaihText style={styles.name} numberOfLines={1}>
                         {messageFromName}
-                    </Text>
+                    </CaihText>
                     <FormatTimeText style={styles.time} time={item.messageTime}/>
                 </View>
                 <View style={styles.file}>
                     <View style={styles.fileInfo}>
-                        <Text style={styles.fileName} numberOfLines={2} ellipsizeMode={'middle'}>
+                        <CaihText style={styles.fileName} numberOfLines={2} ellipsizeMode={'middle'}>
                             {payload.filename}
-                        </Text>
-                        <Text style={styles.fileSize}>{numberToFileSize(payload.size)}</Text>
+                        </CaihText>
+                        <CaihText style={styles.fileSize}>{numberToFileSize(payload.size)}</CaihText>
                     </View>
                     <Icon style={styles.imageIcon}/>
                 </View>
@@ -108,9 +108,9 @@ const SearchFile = memo(() => {
             <HeaderSearchBar value={keyword} onSubmitEditing={setKeyword}/>
             <NavigationPage noPadding>
                 {files.length > 0 ? (<SectionList sections={files} renderSectionHeader={({ section }) => {
-                return <Text style={styles.dateTxt}>{section.date}</Text>;
+                return <CaihText style={styles.dateTxt}>{section.date}</CaihText>;
             }} renderItem={renderItem} keyExtractor={item => item.messageSeq} initialNumToRender={10} progressViewOffset={100} onEndReached={() => loadSearchFiles(keyword)} onEndReachedThreshold={0.2}/>) : (<View style={styles.empty}>
-                        <Text>{t('noSearchResult')}</Text>
+                        <CaihText>{t('noSearchResult')}</CaihText>
                     </View>)}
             </NavigationPage>
     </>);

package/dist/pages/search/SearchPicturePage.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
-import { Text, TouchableOpacity } from 'react-native';
-import { dp, NavigationPage } from '@smart-link/rn-ui';
+import { TouchableOpacity } from 'react-native';
+import { CaihText, dp, NavigationPage } from '@smart-link/rn-ui';
 import useTranslation from '../../hooks/useTranslation';
 import SearchPictures from './components/SearchPictures';
 const SearchPicturePage = ({ navigation, route: { params } }) => {
@@ -16,7 +16,7 @@ const SearchPicturePage = ({ navigation, route: { params } }) => {
                 return (<TouchableOpacity style={{ padding: dp(8) }} onPress={() => {
                         setMultiple(p => !p);
                     }}>
-                        <Text style={{ color: tintColor }}>{multiple ? t('cancel') : t('multiple')}</Text>
+                        <CaihText style={{ color: tintColor }}>{multiple ? t('cancel') : t('multiple')}</CaihText>
                     </TouchableOpacity>);
             },
         });

package/dist/pages/search/components/ChatRecords.js

@@ -10,9 +10,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import ChatAvatar from '../../../components/ChatAvatar/ChatAvatar';
 import useTranslation from '../../../hooks/useTranslation';
 import { getImManager } from '../../../init';
-import { dp, useNavigation } from '@smart-link/rn-ui';
+import { CaihText, dp, useNavigation } from '@smart-link/rn-ui';
 import React, { useEffect, useState } from 'react';
-import { View, Text, FlatList, StyleSheet, TouchableOpacity } from 'react-native';
+import { View, FlatList, StyleSheet, TouchableOpacity } from 'react-native';
 const ChatRecords = ({ keyword }) => {
     const navigation = useNavigation();
     const { t } = useTranslation();
@@ -40,7 +40,7 @@ const ChatRecords = ({ keyword }) => {
                 justifyContent: 'center',
                 alignItems: 'center',
             }}>
-                    <Text>{t('noSearchResult')}</Text>
+                    <CaihText>{t('noSearchResult')}</CaihText>
                 </View>
             </View>);
     }
@@ -56,12 +56,12 @@ const ChatRecords = ({ keyword }) => {
                 <ChatAvatar id={id} size={dp(42)} url={avatars} name={name}/>
                 <View style={styles.width10}/>
                 <View style={styles.left}>
-                    <Text style={styles.name} numberOfLines={1}>
+                    <CaihText style={styles.name} numberOfLines={1}>
                         {name}
-                    </Text>
-                    <Text style={styles.text} numberOfLines={1}>
+                    </CaihText>
+                    <CaihText style={styles.text} numberOfLines={1}>
                         {count + ' ' + t('matchedMessage')}
-                    </Text>
+                    </CaihText>
                 </View>
             </TouchableOpacity>);
     };