@smart-link/rn-im 1.0.22 → 1.0.24

package/dist/pages/search/components/SearchPictures.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,35 +7,30 @@ 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 });
-exports.SearchPictures = void 0;
-const react_native_1 = require("react-native");
-const CachedImage_1 = __importDefault(require("../../../components/CachedImage"));
-const rn_ui_1 = require("@smart-link/rn-ui");
-const PictureMulipleBar_1 = __importDefault(require("../../../pages/search/components/PictureMulipleBar"));
-const react_1 = __importStar(require("react"));
-const dayjs_1 = __importDefault(require("dayjs"));
-const init_1 = require("../../../init");
-const common_action_sheet_1 = require("../../../utils/common-action-sheet");
-const im_base_1 = require("@smart-link/im-base");
-const useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
-const MessagePictureAlbum_1 = __importDefault(require("../../../pages/message/components/MessagePictureAlbum"));
-const useSearchMessage_1 = require("../../../pages/search/components/useSearchMessage");
-const video_action_1 = require("../../../slice/video/video.action");
+import { Dimensions, SectionList, StyleSheet, Text, TouchableOpacity, View } from "react-native";
+import CachedImage from "../../../components/CachedImage";
+import { Checkbox, dp, Toast, useNavigation } from "@smart-link/rn-ui";
+import PictureMultipleBar from "./PictureMulipleBar";
+import React, { useMemo, useState } from "react";
+import dayjs from "dayjs";
+import { getImManager } from "../../../init";
+import { ConfirmActionSheet } from "../../../utils/common-action-sheet";
+import { ConversationActions, MessageActions, PayloadType } from '@smart-link/im-base';
+import useTranslation from "../../../hooks/useTranslation";
+import MessagePictureAlbum from "../../../pages/message/components/MessagePictureAlbum";
+import { useSearchMessage } from "./useSearchMessage";
+import { loadVideoPlayer } from "../../../slice/video/video.action";
 const numColumns = 4;
-const { width } = react_native_1.Dimensions.get('window');
-const SearchPictures = ({ conversationId, multiple }) => {
+const { width } = Dimensions.get('window');
+export const SearchPictures = ({ conversationId, multiple }) => {
     // 分别获取图片和视频数据
-    const { data: pData, onLoadMore: onLoadMorePictures, reload: reloadPictures, } = (0, useSearchMessage_1.useSearchMessage)({
+    const { data: pData, onLoadMore: onLoadMorePictures, reload: reloadPictures, } = useSearchMessage({
         keyword: '',
         conversationId,
         payloadType: 'picture',
         normalData: false,
     });
-    const { data: vData, onLoadMore: onLoadMoreVideos, reload: reloadVideos, } = (0, useSearchMessage_1.useSearchMessage)({
+    const { data: vData, onLoadMore: onLoadMoreVideos, reload: reloadVideos, } = useSearchMessage({
         keyword: '',
         conversationId,
         payloadType: 'video',
@@ -96,28 +67,28 @@ const SearchPictures = ({ conversationId, multiple }) => {
         }
     });
     // ...其他代码保持不变
-    const [checkedIds, setCheckedIds] = (0, react_1.useState)([]);
-    const navigation = (0, rn_ui_1.useNavigation)();
-    const { t } = (0, useTranslation_1.default)();
-    const [preview, setPreview] = (0, react_1.useState)({
+    const [checkedIds, setCheckedIds] = useState([]);
+    const navigation = useNavigation();
+    const { t } = useTranslation();
+    const [preview, setPreview] = useState({
         visible: false,
         messageSeq: '',
         messages: []
     });
-    const sectionList = (0, react_1.useMemo)(() => {
+    const sectionList = useMemo(() => {
         const mapData = {};
-        const thisWeek = (0, dayjs_1.default)().startOf('week');
-        const thisMonth = (0, dayjs_1.default)().startOf('month');
+        const thisWeek = dayjs().startOf('week');
+        const thisMonth = dayjs().startOf('month');
         data.forEach((item, index) => {
             let date = '';
-            if ((0, dayjs_1.default)(item.messageTime).isSame(thisWeek, 'week')) {
+            if (dayjs(item.messageTime).isSame(thisWeek, 'week')) {
                 date = 'thisWeek';
             }
-            else if ((0, dayjs_1.default)(item.messageTime).isSame(thisMonth, 'month')) {
+            else if (dayjs(item.messageTime).isSame(thisMonth, 'month')) {
                 date = 'thisMonth';
             }
             else {
-                date = (0, dayjs_1.default)(item.messageTime).format('YYYY-MM');
+                date = dayjs(item.messageTime).format('YYYY-MM');
             }
             if (mapData[date]) {
                 mapData[date].push(item);
@@ -142,41 +113,41 @@ const SearchPictures = ({ conversationId, multiple }) => {
     }, [data]);
     const onPicMultipleForward = () => {
         const messages = data.filter(item => checkedIds.includes(item.messageSeq));
-        (0, init_1.getImManager)().store.dispatch(im_base_1.MessageActions.setForwardMessage(messages));
+        getImManager().store.dispatch(MessageActions.setForwardMessage(messages));
         navigation.navigate('ForwardToConversation');
         // setMultiple(false);
         setCheckedIds([]);
     };
     const onPicMultipleCollect = () => __awaiter(void 0, void 0, void 0, function* () {
         const messages = data.filter(item => checkedIds.includes(item.messageSeq));
-        const imManager = (0, init_1.getImManager)();
+        const imManager = getImManager();
         for (let i = 0; i < messages.length; i++) {
-            yield imManager.store.dispatch(im_base_1.MessageActions.collectMessage(imManager, messages[i]));
+            yield imManager.store.dispatch(MessageActions.collectMessage(imManager, messages[i]));
         }
-        rn_ui_1.Toast.success(t('collectSuccess'));
+        Toast.success(t('collectSuccess'));
         // setMultiple(false);
         setCheckedIds([]);
     });
     const onPicMultipleDelete = () => {
-        const imManager = (0, init_1.getImManager)();
-        (0, common_action_sheet_1.ConfirmActionSheet)(t('confirmDeletePictures'), () => __awaiter(void 0, void 0, void 0, function* () {
+        const imManager = getImManager();
+        ConfirmActionSheet(t('confirmDeletePictures'), () => __awaiter(void 0, void 0, void 0, function* () {
             const updateData = {
                 id: conversationId,
                 errorText: '',
                 text: t('userDeleteMessage', { count: checkedIds.length }),
             };
             yield imManager.db.updateConversationById(updateData);
-            imManager.store.dispatch(im_base_1.ConversationActions.updateConversation(updateData));
+            imManager.store.dispatch(ConversationActions.updateConversation(updateData));
             // 需要更新消息列表
-            imManager.store.dispatch(im_base_1.MessageActions.deleteMessages(checkedIds));
+            imManager.store.dispatch(MessageActions.deleteMessages(checkedIds));
             yield imManager.db.deleteMessageByPKBatch(checkedIds);
             yield imManager.db.deleteMessageEmittingByPKBatch(checkedIds);
             reload();
-            rn_ui_1.Toast.success(t('deleteSuccess'));
+            Toast.success(t('deleteSuccess'));
         }), t);
     };
-    return (<react_native_1.View style={{ flex: 1 }}>
-            <react_native_1.SectionList style={{ flex: 1 }} sections={sectionList} keyExtractor={item => item.key} renderSectionHeader={({ section: { title } }) => {
+    return (<View style={{ flex: 1 }}>
+            <SectionList style={{ flex: 1 }} sections={sectionList} keyExtractor={item => item.key} renderSectionHeader={({ section: { title } }) => {
             let date = '';
             if (title === 'thisWeek') {
                 date = t('thisWeek');
@@ -187,13 +158,13 @@ const SearchPictures = ({ conversationId, multiple }) => {
             else {
                 date = title;
             }
-            return (<react_native_1.View style={styles.header}>
-                            <react_native_1.Text style={styles.headerText}>{date}</react_native_1.Text>
-                        </react_native_1.View>);
+            return (<View style={styles.header}>
+                            <Text style={styles.headerText}>{date}</Text>
+                        </View>);
         }} renderItem={({ item }) => {
-            return (<react_native_1.View style={{ flexDirection: 'row', flexWrap: 'wrap' }}>
-                            {item.subList.map(message => (<react_native_1.View key={message.messageSeq} style={styles.item}>
-                                    <react_native_1.TouchableOpacity onPress={() => {
+            return (<View style={{ flexDirection: 'row', flexWrap: 'wrap' }}>
+                            {item.subList.map(message => (<View key={message.messageSeq} style={styles.item}>
+                                    <TouchableOpacity onPress={() => {
                         if (multiple) {
                             setCheckedIds(prev => {
                                 if (prev.includes(message.messageSeq)) {
@@ -206,7 +177,7 @@ const SearchPictures = ({ conversationId, multiple }) => {
                         }
                         else {
                             // 根据类型处理预览
-                            if (message.payloadType === im_base_1.PayloadType.PICTURE) {
+                            if (message.payloadType === PayloadType.PICTURE) {
                                 // 预览图片
                                 setPreview({
                                     visible: true,
@@ -214,9 +185,9 @@ const SearchPictures = ({ conversationId, multiple }) => {
                                     messageSeq: message.messageSeq
                                 });
                             }
-                            else if (message.payloadType === im_base_1.PayloadType.VIDEO) {
+                            else if (message.payloadType === PayloadType.VIDEO) {
                                 // 播放视频
-                                (0, init_1.getImManager)().store.dispatch((0, video_action_1.loadVideoPlayer)({
+                                getImManager().store.dispatch(loadVideoPlayer({
                                     messageSeq: message.messageSeq,
                                     payload: message.payload
                                 }));
@@ -224,39 +195,38 @@ const SearchPictures = ({ conversationId, multiple }) => {
                         }
                     }}>
                                         {/* 媒体内容容器 */}
-                                        <react_native_1.View style={styles.mediaContainer}>
-                                            {message.payloadType === im_base_1.PayloadType.PICTURE ? (
+                                        <View style={styles.mediaContainer}>
+                                            {message.payloadType === PayloadType.PICTURE ? (
                     // 图片展示
-                    <CachedImage_1.default style={styles.img} localPath={message.payload.localPath} fileId={message.payload.fileId}/>) : (
+                    <CachedImage style={styles.img} localPath={message.payload.localPath} fileId={message.payload.fileId}/>) : (
                     // 视频展示
                     <>
-                                                    <CachedImage_1.default style={styles.img} localPath={message.payload.localPath} fileId={message.payload.fileId}/>
+                                                    <CachedImage style={styles.img} localPath={message.payload.localPath} fileId={message.payload.fileId}/>
                                                     {/* 视频播放图标 */}
-                                                    <react_native_1.View style={styles.playIcon}>
-                                                        <react_native_1.Text style={styles.playIconText}>▶</react_native_1.Text>
-                                                    </react_native_1.View>
+                                                    <View style={styles.playIcon}>
+                                                        <Text style={styles.playIconText}>▶</Text>
+                                                    </View>
                                                 </>)}
-                                        </react_native_1.View>
-                                    </react_native_1.TouchableOpacity>
-                                    <react_native_1.View style={styles.checkbox}>
-                                        {multiple && (<rn_ui_1.Checkbox style={{ pointerEvents: 'none' }} checked={checkedIds.includes(message.messageSeq)} size='s'/>)}
-                                    </react_native_1.View>
-                                </react_native_1.View>))}
-                        </react_native_1.View>);
+                                        </View>
+                                    </TouchableOpacity>
+                                    <View style={styles.checkbox}>
+                                        {multiple && (<Checkbox style={{ pointerEvents: 'none' }} checked={checkedIds.includes(message.messageSeq)} size='s'/>)}
+                                    </View>
+                                </View>))}
+                        </View>);
         }} onEndReachedThreshold={0.1} onEndReached={onLoadMore}/>
-            {multiple && <PictureMulipleBar_1.default disabled={!checkedIds.length} onPicMultipleForward={onPicMultipleForward} onPicMultipleCollect={onPicMultipleCollect} onPicMultipleDelete={onPicMultipleDelete}/>}
+            {multiple && <PictureMultipleBar disabled={!checkedIds.length} onPicMultipleForward={onPicMultipleForward} onPicMultipleCollect={onPicMultipleCollect} onPicMultipleDelete={onPicMultipleDelete}/>}
 
-            <MessagePictureAlbum_1.default visible={preview.visible} messages={preview.messages} messageSeq={preview.messageSeq} onClose={() => {
+            <MessagePictureAlbum visible={preview.visible} messages={preview.messages} messageSeq={preview.messageSeq} onClose={() => {
             setPreview({ visible: false, messageSeq: '', messages: [] });
         }}/>
-        </react_native_1.View>);
+        </View>);
 };
-exports.SearchPictures = SearchPictures;
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     header: {
         width: '100%',
-        height: (0, rn_ui_1.dp)(22),
-        paddingLeft: (0, rn_ui_1.dp)(4),
+        height: dp(22),
+        paddingLeft: dp(4),
         justifyContent: 'center',
         backgroundColor: 'rgba(255, 255, 255, 0.6)',
     },
@@ -302,4 +272,4 @@ const styles = react_native_1.StyleSheet.create({
         marginLeft: 2, // 让播放图标稍微右移，看起来更居中
     },
 });
-exports.default = exports.SearchPictures;
+export default SearchPictures;

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

@@ -1,59 +1,54 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles_1 = require("../../../components/styles");
-const rn_ui_1 = require("@smart-link/rn-ui");
-const react_native_1 = require("react-native");
-const ChatAvatar_1 = __importDefault(require("../../../components/ChatAvatar"));
-const dayjs_1 = __importDefault(require("dayjs"));
-const react_1 = require("react");
-const Favicon_1 = __importDefault(require("../../../components/Favicon"));
-const useSearchMessage_1 = require("./useSearchMessage");
-const useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
+import { borderStyle } from "../../../components/styles";
+import { dp } from '@smart-link/rn-ui';
+import { PixelRatio, SectionList, TouchableOpacity, View, Text, StyleSheet, Linking } from "react-native";
+import ChatAvatar from "../../../components/ChatAvatar";
+import dayjs from "dayjs";
+import { memo } from "react";
+import Favicon from "../../../components/Favicon";
+import { useSearchMessage } from "./useSearchMessage";
+import useTranslation from "../../../hooks/useTranslation";
 const backgroundColor = '#fff';
-const size = (0, rn_ui_1.dp)(45);
+const size = dp(45);
 const SearchShareLinkList = ({ keyword, conversationId }) => {
-    const { t } = (0, useTranslation_1.default)();
-    const { data, onLoadMore } = (0, useSearchMessage_1.useSearchMessage)({
+    const { t } = useTranslation();
+    const { data, onLoadMore } = useSearchMessage({
         conversationId,
         keyword,
         payloadType: 'share',
     });
     if (data.length === 0) {
-        return <react_native_1.View style={styles.empty}>
-            <react_native_1.Text>{t('noSearchResult')}</react_native_1.Text>
-        </react_native_1.View>;
+        return <View style={styles.empty}>
+            <Text>{t('noSearchResult')}</Text>
+        </View>;
     }
     const keyExtractor = (item) => item.messageSeq;
     const renderSectionHeader = ({ section }) => {
-        return (<react_native_1.Text style={styles.dateTxt}>{section.date}</react_native_1.Text>);
+        return (<Text style={styles.dateTxt}>{section.date}</Text>);
     };
     const renderItem = ({ item }) => {
         const { messageFrom, messageFromName, payload = {}, } = item;
-        return (<react_native_1.TouchableOpacity style={[styles.item, { backgroundColor }]} activeOpacity={0.5} onPress={() => {
+        return (<TouchableOpacity style={[styles.item, { backgroundColor }]} activeOpacity={0.5} onPress={() => {
                 if (payload.url) {
-                    react_native_1.Linking.openURL(payload.url);
+                    Linking.openURL(payload.url);
                 }
             }}>
-                <react_native_1.View style={styles.itemTop}>
-                    <ChatAvatar_1.default disabled={true} id={messageFrom} name={messageFromName} size={(0, rn_ui_1.dp)(24)}/>
-                    <react_native_1.Text style={styles.name} numberOfLines={1}>{messageFromName}</react_native_1.Text>
-                    <react_native_1.Text style={styles.time}>{(0, dayjs_1.default)(item.messageTime).format("YYYY-MM-DD")}</react_native_1.Text>
-                </react_native_1.View>
-                <react_native_1.View style={styles.link}>
-                    <react_native_1.View style={styles.linkInfo}>
-                        <react_native_1.Text style={styles.title} numberOfLines={1} ellipsizeMode={'middle'}>{payload.title || payload.description}</react_native_1.Text>
-                        <react_native_1.Text style={styles.description} numberOfLines={2} ellipsizeMode={'middle'}>{payload.description}</react_native_1.Text>
-                    </react_native_1.View>
-                    <Favicon_1.default url={payload.url} size={size}/>
-                </react_native_1.View>
-            </react_native_1.TouchableOpacity>);
+                <View style={styles.itemTop}>
+                    <ChatAvatar disabled={true} id={messageFrom} name={messageFromName} size={dp(24)}/>
+                    <Text style={styles.name} numberOfLines={1}>{messageFromName}</Text>
+                    <Text style={styles.time}>{dayjs(item.messageTime).format("YYYY-MM-DD")}</Text>
+                </View>
+                <View style={styles.link}>
+                    <View style={styles.linkInfo}>
+                        <Text style={styles.title} numberOfLines={1} ellipsizeMode={'middle'}>{payload.title || payload.description}</Text>
+                        <Text style={styles.description} numberOfLines={2} ellipsizeMode={'middle'}>{payload.description}</Text>
+                    </View>
+                    <Favicon url={payload.url} size={size}/>
+                </View>
+            </TouchableOpacity>);
     };
-    return (<react_native_1.SectionList style={styles.view} sections={data} renderItem={renderItem} renderSectionHeader={renderSectionHeader} keyExtractor={keyExtractor} initialNumToRender={10} progressViewOffset={100} onEndReached={onLoadMore} onEndReachedThreshold={0.2}/>);
+    return (<SectionList style={styles.view} sections={data} renderItem={renderItem} renderSectionHeader={renderSectionHeader} keyExtractor={keyExtractor} initialNumToRender={10} progressViewOffset={100} onEndReached={onLoadMore} onEndReachedThreshold={0.2}/>);
 };
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     view: {
         backgroundColor: "#F5F5F5"
     },
@@ -63,15 +58,15 @@ const styles = react_native_1.StyleSheet.create({
         justifyContent: 'center'
     },
     dateTxt: {
-        paddingVertical: (0, rn_ui_1.dp)(5),
-        paddingHorizontal: (0, rn_ui_1.dp)(12),
-        marginBottom: (0, rn_ui_1.dp)(5),
-        borderTopWidth: 1 / react_native_1.PixelRatio.get(),
-        borderBottomWidth: 1 / react_native_1.PixelRatio.get(),
+        paddingVertical: dp(5),
+        paddingHorizontal: dp(12),
+        marginBottom: dp(5),
+        borderTopWidth: 1 / PixelRatio.get(),
+        borderBottomWidth: 1 / PixelRatio.get(),
         borderColor: "#E3E3E3",
         backgroundColor: "#EDEDED"
     },
-    item: Object.assign(Object.assign({ marginBottom: (0, rn_ui_1.dp)(5), marginHorizontal: (0, rn_ui_1.dp)(12), paddingVertical: (0, rn_ui_1.dp)(12), paddingHorizontal: (0, rn_ui_1.dp)(20) }, styles_1.borderStyle), { borderWidth: 0 }),
+    item: Object.assign(Object.assign({ marginBottom: dp(5), marginHorizontal: dp(12), paddingVertical: dp(12), paddingHorizontal: dp(20) }, borderStyle), { borderWidth: 0 }),
     itemTop: {
         flex: 1,
         flexDirection: "row",
@@ -79,34 +74,34 @@ const styles = react_native_1.StyleSheet.create({
         position: "relative"
     },
     name: {
-        paddingLeft: (0, rn_ui_1.dp)(10)
+        paddingLeft: dp(10)
     },
     time: {
         position: "absolute",
-        top: (0, rn_ui_1.dp)(5),
+        top: dp(5),
         right: 0,
-        fontSize: (0, rn_ui_1.dp)(12),
+        fontSize: dp(12),
         color: '#a2a2a2'
     },
     link: {
         flexDirection: 'row',
-        marginTop: (0, rn_ui_1.dp)(10)
+        marginTop: dp(10)
     },
     linkInfo: {
         flex: 1,
-        paddingRight: (0, rn_ui_1.dp)(10),
+        paddingRight: dp(10),
         justifyContent: 'center'
     },
     title: {
-        fontSize: (0, rn_ui_1.dp)(15),
-        lineHeight: (0, rn_ui_1.dp)(20),
+        fontSize: dp(15),
+        lineHeight: dp(20),
         color: '#010101'
     },
     description: {
-        marginTop: (0, rn_ui_1.dp)(5),
-        fontSize: (0, rn_ui_1.dp)(12),
-        lineHeight: (0, rn_ui_1.dp)(14),
+        marginTop: dp(5),
+        fontSize: dp(12),
+        lineHeight: dp(14),
         color: '#a2a2a2'
     },
 });
-exports.default = (0, react_1.memo)(SearchShareLinkList);
+export default memo(SearchShareLinkList);

package/dist/pages/search/components/SearchUser.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,53 +7,49 @@ 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 rn_ui_1 = require("@smart-link/rn-ui");
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const user_1 = require("../../../api/user");
-const ChatAvatar_1 = __importDefault(require("../../../components/ChatAvatar/ChatAvatar"));
-const Highlighter_1 = __importDefault(require("../../../components/Highlighter"));
-const useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
-const init_1 = require("../../../init");
+import { dp, ListRow, useNavigation } from '@smart-link/rn-ui';
+import React, { memo, useEffect, useState } from 'react';
+import { ScrollView, Text, View } from 'react-native';
+import { searchUser } from '../../../api/user';
+import ChatAvatar from '../../../components/ChatAvatar/ChatAvatar';
+import Highlighter from '../../../components/Highlighter';
+import useTranslation from '../../../hooks/useTranslation';
+import { getImManager } from '../../../init';
 const RenderUserItem = (props) => {
-    return (<react_native_1.View style={{ flexDirection: 'row', alignItems: 'center' }}>
-            <ChatAvatar_1.default priority="outside" id={props.data.userId} url={props.data.avatars} name={props.data.userName}/>
-            <Highlighter_1.default style={{ marginLeft: (0, rn_ui_1.dp)(10), flex: 1 }} searchWord={props.keyword} textToHighlight={props.data.userName}/>
-        </react_native_1.View>);
+    return (<View style={{ flexDirection: 'row', alignItems: 'center' }}>
+            <ChatAvatar priority="outside" id={props.data.userId} url={props.data.avatars} name={props.data.userName}/>
+            <Highlighter style={{ marginLeft: dp(10), flex: 1 }} searchWord={props.keyword} textToHighlight={props.data.userName}/>
+        </View>);
 };
 const SearchUser = ({ keyword }) => {
-    const navigation = (0, rn_ui_1.useNavigation)();
-    const { t } = (0, useTranslation_1.default)();
-    const [userList, setUserList] = (0, react_1.useState)([]);
-    (0, react_1.useEffect)(() => {
+    const navigation = useNavigation();
+    const { t } = useTranslation();
+    const [userList, setUserList] = useState([]);
+    useEffect(() => {
         if (!keyword || keyword === '') {
             return;
         }
-        (0, user_1.searchUser)({
+        searchUser({
             searchKey: keyword,
         }).then(({ data }) => {
             setUserList(data);
         });
     }, [keyword]);
     if (userList.length === 0) {
-        return (<react_native_1.View style={{
+        return (<View style={{
                 flex: 1,
                 justifyContent: 'center',
                 alignItems: 'center',
             }}>
-                <react_native_1.Text>{t('noSearchResult')}</react_native_1.Text>
-            </react_native_1.View>);
+                <Text>{t('noSearchResult')}</Text>
+            </View>);
     }
-    return (<react_native_1.ScrollView style={{ flex: 1 }}>
-            {userList.map((item) => (<rn_ui_1.ListRow key={item.userId} onPress={() => __awaiter(void 0, void 0, void 0, function* () {
+    return (<ScrollView style={{ flex: 1 }}>
+            {userList.map((item) => (<ListRow key={item.userId} onPress={() => __awaiter(void 0, void 0, void 0, function* () {
                 console.log('item', item);
-                yield (0, init_1.getImManager)().initUserConversation(item);
+                yield getImManager().initUserConversation(item);
                 navigation.navigate('MessageList');
             })} title={<RenderUserItem keyword={keyword} data={item}/>} topSeparator="full"/>))}
-        </react_native_1.ScrollView>);
+        </ScrollView>);
 };
-exports.default = (0, react_1.memo)(SearchUser);
+export default memo(SearchUser);

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

@@ -1,4 +1,3 @@
-"use strict";
 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) {
@@ -8,17 +7,15 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSearchMessage = void 0;
-const init_1 = require("../../../init");
-const react_1 = require("react");
-const utils_1 = require("../../../pages/search/utils");
-function useSearchMessage({ conversationId, payloadType, keyword, normalData = true }) {
-    const imManager = (0, init_1.getImManager)();
-    const [data, setData] = (0, react_1.useState)([]);
-    const fileOffset = (0, react_1.useRef)(0);
-    const noMore = (0, react_1.useRef)(false);
-    const reloadFlag = (0, react_1.useRef)(false);
+import { getImManager } from "../../../init";
+import { useEffect, useRef, useState } from "react";
+import { normalFilesData } from "../../../pages/search/utils";
+export function useSearchMessage({ conversationId, payloadType, keyword, normalData = true }) {
+    const imManager = getImManager();
+    const [data, setData] = useState([]);
+    const fileOffset = useRef(0);
+    const noMore = useRef(false);
+    const reloadFlag = useRef(false);
     const loadSearch = () => __awaiter(this, void 0, void 0, function* () {
         if (noMore.current)
             return;
@@ -45,9 +42,9 @@ function useSearchMessage({ conversationId, payloadType, keyword, normalData = t
         setData(prevState => {
             if (reloadFlag.current) {
                 reloadFlag.current = false;
-                return normalData ? (0, utils_1.normalFilesData)([], tList) : tList;
+                return normalData ? normalFilesData([], tList) : tList;
             }
-            return normalData ? (0, utils_1.normalFilesData)(prevState, tList) : prevState.concat(tList);
+            return normalData ? normalFilesData(prevState, tList) : prevState.concat(tList);
         });
     });
     const reload = () => {
@@ -56,7 +53,7 @@ function useSearchMessage({ conversationId, payloadType, keyword, normalData = t
         reloadFlag.current = true;
         loadSearch();
     };
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         reload();
     }, [keyword, conversationId]);
     return {
@@ -65,4 +62,3 @@ function useSearchMessage({ conversationId, payloadType, keyword, normalData = t
         reload
     };
 }
-exports.useSearchMessage = useSearchMessage;