@smart-link/rn-im 1.0.1

package/dist/pages/search/SearchFile.js

@@ -0,0 +1,202 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const rn_ui_1 = require("@smart-link/rn-ui");
+const styles_1 = require("../../components/styles");
+const init_1 = require("../../init");
+const im_base_1 = require("@smart-link/im-base");
+const dayjs_1 = __importDefault(require("dayjs"));
+const ChatAvatar_1 = __importDefault(require("../../components/ChatAvatar/ChatAvatar"));
+const file_1 = require("../../utils/file");
+const FormatTimeText_1 = __importDefault(require("../../components/FormatTimeText"));
+const file_icon_1 = require("../../utils/file-icon");
+const react_native_file_viewer_1 = __importDefault(require("react-native-file-viewer"));
+const useTranslation_1 = __importDefault(require("../../hooks/useTranslation"));
+const native_1 = require("@react-navigation/native");
+function groupByDate(messages) {
+    const groups = messages.reduce((groups, message) => {
+        const date = (0, dayjs_1.default)(message.messageTime).format('YYYY/MM');
+        if (!groups[date]) {
+            groups[date] = [];
+        }
+        groups[date].push(message);
+        return groups;
+    }, {});
+    return Object.keys(groups).map(date => {
+        return {
+            date,
+            data: groups[date],
+        };
+    });
+}
+const SearchFile = (0, react_1.memo)(() => {
+    const { params } = (0, native_1.useRoute)();
+    const { t } = (0, useTranslation_1.default)();
+    const [keyword, setKeyword] = (0, react_1.useState)('');
+    const [files, setFiles] = (0, react_1.useState)([]);
+    const cacheResults = (0, react_1.useRef)([]);
+    const pageNum = (0, react_1.useRef)(0);
+    const imManager = (0, init_1.getImManager)();
+    const loadSearchFiles = (keyword = '') => __awaiter(void 0, void 0, void 0, function* () {
+        const tFiles = yield imManager.db.searchMessages({
+            keyword: keyword,
+            conversationId: params.conversationId,
+            payloadType: 'file',
+            limit: 20,
+            offset: pageNum.current++ * 20,
+        });
+        if (tFiles.length === 0) {
+            return;
+        }
+        cacheResults.current = [...cacheResults.current, ...tFiles];
+        const groups = groupByDate(cacheResults.current);
+        setFiles(groups);
+    });
+    (0, react_1.useEffect)(() => {
+        pageNum.current = 0;
+        cacheResults.current = [];
+        loadSearchFiles(keyword);
+    }, [keyword]);
+    const renderItem = ({ item }) => {
+        const { messageFrom, messageFromName, payload = {} } = item;
+        const ext = payload.filename.split('.').pop();
+        const Icon = (0, file_icon_1.findSvgIcon)(ext);
+        return (<react_native_1.TouchableOpacity style={[styles.item, { backgroundColor: '#fff' }]} activeOpacity={0.5} onPress={() => __awaiter(void 0, void 0, void 0, function* () {
+                if (!payload.localPath) {
+                    payload.localPath = yield imManager.download({
+                        fileId: item.payload.fileId,
+                        resourceType: 'file',
+                        filename: item.payload.filename,
+                    });
+                    imManager.db.updateMessage({
+                        messageSeq: item.messageSeq,
+                        payload: payload,
+                    });
+                    imManager.store.dispatch(im_base_1.MessageActions.updateMessage(item.messageSeq, {
+                        payload: payload,
+                    }));
+                }
+                react_native_file_viewer_1.default.open(payload.localPath);
+            })}>
+                <react_native_1.View style={styles.itemTop}>
+                    <ChatAvatar_1.default disabled={true} name={messageFromName} id={messageFrom} size={(0, rn_ui_1.dp)(24)}/>
+                    <react_native_1.Text style={styles.name} numberOfLines={1}>
+                        {messageFromName}
+                    </react_native_1.Text>
+                    <FormatTimeText_1.default style={styles.time} time={item.messageTime}/>
+                </react_native_1.View>
+                <react_native_1.View style={styles.file}>
+                    <react_native_1.View style={styles.fileInfo}>
+                        <react_native_1.Text style={styles.fileName} numberOfLines={2} ellipsizeMode={'middle'}>
+                            {payload.filename}
+                        </react_native_1.Text>
+                        <react_native_1.Text style={styles.fileSize}>{(0, file_1.numberToFileSize)(payload.size)}</react_native_1.Text>
+                    </react_native_1.View>
+                    <Icon style={styles.imageIcon}/>
+                </react_native_1.View>
+            </react_native_1.TouchableOpacity>);
+    };
+    return (<>
+            <rn_ui_1.HeaderSearchBar value={keyword} onSubmitEditing={setKeyword}/>
+            <rn_ui_1.NavigationPage noPadding>
+                {files.length > 0 ? (<react_native_1.SectionList sections={files} renderSectionHeader={({ section }) => {
+                return <react_native_1.Text style={styles.dateTxt}>{section.date}</react_native_1.Text>;
+            }} renderItem={renderItem} keyExtractor={item => item.messageSeq} initialNumToRender={10} progressViewOffset={100} onEndReached={() => loadSearchFiles(keyword)} onEndReachedThreshold={0.2}/>) : (<react_native_1.View style={styles.empty}>
+                        <react_native_1.Text>{t('noSearchResult')}</react_native_1.Text>
+                    </react_native_1.View>)}
+            </rn_ui_1.NavigationPage>
+    </>);
+});
+const styles = react_native_1.StyleSheet.create({
+    view: {},
+    empty: {
+        flex: 1,
+        alignItems: 'center',
+        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(),
+        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 }),
+    itemTop: {
+        flex: 1,
+        flexDirection: 'row',
+        alignItems: 'center',
+        position: 'relative',
+    },
+    name: {
+        paddingLeft: (0, rn_ui_1.dp)(10),
+    },
+    time: {
+        position: 'absolute',
+        top: (0, rn_ui_1.dp)(5),
+        right: 0,
+        fontSize: (0, rn_ui_1.dp)(12),
+        color: '#a2a2a2',
+    },
+    file: {
+        flexDirection: 'row',
+        marginTop: (0, rn_ui_1.dp)(10),
+    },
+    fileInfo: {
+        flex: 1,
+        paddingRight: (0, rn_ui_1.dp)(10),
+        justifyContent: 'center',
+    },
+    fileName: {
+        fontSize: (0, rn_ui_1.dp)(15),
+        lineHeight: (0, rn_ui_1.dp)(20),
+        color: '#010101',
+    },
+    fileSize: {
+        fontSize: (0, rn_ui_1.dp)(12),
+        lineHeight: (0, rn_ui_1.dp)(20),
+        color: '#a2a2a2',
+    },
+    imageIcon: {
+        height: (0, rn_ui_1.dp)(45),
+    },
+});
+exports.default = SearchFile;

package/dist/pages/search/SearchManager.d.ts

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

package/dist/pages/search/SearchManager.js

@@ -0,0 +1,111 @@
+"use strict";
+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 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const useTranslation_1 = __importDefault(require("../../hooks/useTranslation"));
+const MaterialIcons_1 = __importDefault(require("react-native-vector-icons/MaterialIcons"));
+const SearchPictures_1 = __importDefault(require("./components/SearchPictures"));
+const SearchShareLinkList_1 = __importDefault(require("./components/SearchShareLinkList"));
+const SearchFileList_1 = __importDefault(require("./components/SearchFileList"));
+const SearchManager = ({ navigation, route: { params } }) => {
+    const { t } = (0, useTranslation_1.default)();
+    const { conversation } = params;
+    const [keyword, setKeyword] = react_1.default.useState('');
+    const [activeIndex, setActiveIndex] = react_1.default.useState(0);
+    const [multiple, setMultiple] = react_1.default.useState(false);
+    return (<rn_ui_1.NavigationPage noPadding>
+            <Header showSearch={activeIndex !== 0} showMultiple={activeIndex === 0} showBack={activeIndex === 0} value={keyword} onSubmitEditing={setKeyword} multiple={multiple} onMultiple={() => {
+            setMultiple(!multiple);
+        }}/>
+            <rn_ui_1.SegmentedView style={styles.segmented} barStyle={styles.segmentedBar} justifyItem={'fixed'} indicatorType={'boxWidth'} type={'carousel'} onChange={setActiveIndex}>
+                <rn_ui_1.SegmentedView.Sheet title={t('pictureChats')} titleStyle={styles.sheetTitle} activeTitleStyle={styles.sheetTitleActive}>
+                    <SearchPictures_1.default conversationId={conversation.id} multiple={multiple}/>
+                </rn_ui_1.SegmentedView.Sheet>
+                <rn_ui_1.SegmentedView.Sheet title={t('linkChats')} titleStyle={styles.sheetTitle} activeTitleStyle={styles.sheetTitleActive}>
+                    <SearchShareLinkList_1.default keyword={keyword} conversationId={conversation.id}/>
+                </rn_ui_1.SegmentedView.Sheet>
+                <rn_ui_1.SegmentedView.Sheet title={t('fileChats')} titleStyle={styles.sheetTitle} activeTitleStyle={styles.sheetTitleActive}>
+                    <SearchFileList_1.default keyword={keyword} conversationId={conversation.id}/>
+                </rn_ui_1.SegmentedView.Sheet>
+            </rn_ui_1.SegmentedView>
+        </rn_ui_1.NavigationPage>);
+};
+const styles = react_native_1.StyleSheet.create({
+    segmented: {
+        flex: 1,
+        backgroundColor: '#fff',
+    },
+    segmentedBar: {
+        paddingTop: (0, rn_ui_1.dp)(5),
+        paddingHorizontal: (0, rn_ui_1.dp)(15),
+    },
+    sheetTitle: {
+        fontSize: (0, rn_ui_1.dp)(14),
+        lineHeight: (0, rn_ui_1.dp)(16),
+        borderRadius: (0, rn_ui_1.dp)(3),
+    },
+    sheetTitleActive: {
+        fontSize: (0, rn_ui_1.dp)(14),
+        lineHeight: (0, rn_ui_1.dp)(16),
+        borderRadius: (0, rn_ui_1.dp)(3),
+    },
+});
+const Header = ({ value, showSearch, showMultiple, showBack, onSubmitEditing, multiple, onMultiple }) => {
+    const navigation = (0, rn_ui_1.useNavigation)();
+    const input = react_1.default.useRef(null);
+    const { t } = (0, useTranslation_1.default)();
+    return <rn_ui_1.HeaderBar style={{
+            alignItems: 'center',
+            justifyContent: 'space-between',
+        }}>
+        {showSearch && <rn_ui_1.SearchInput ref={input} value={value} numberOfLines={1} style={{
+                height: (0, rn_ui_1.dp)(32),
+                flex: 1,
+                borderRadius: (0, rn_ui_1.dp)(4),
+            }} inputStyle={{
+                fontSize: (0, rn_ui_1.dp)(14),
+                height: (0, rn_ui_1.dp)(32),
+                flex: 1,
+            }} placeholder={t('search')} onSubmitEditing={() => {
+                var _a;
+                onSubmitEditing(((_a = input.current) === null || _a === void 0 ? void 0 : _a.getText()) || '');
+            }} onChange={(text) => {
+                onSubmitEditing(text);
+            }} maxLength={20} returnKeyType="search"/>}
+
+        {showSearch && <react_native_1.TouchableOpacity style={{
+                height: (0, rn_ui_1.dp)(32),
+                alignItems: 'center',
+                justifyContent: 'center',
+                paddingLeft: (0, rn_ui_1.dp)(16),
+            }} onPress={() => {
+                navigation.goBack();
+            }}>
+            <rn_ui_1.CaihText color="#fff">{t('cancel')}</rn_ui_1.CaihText>
+        </react_native_1.TouchableOpacity>}
+
+        {showBack && <react_native_1.TouchableOpacity style={{
+                height: (0, rn_ui_1.dp)(32),
+                alignItems: 'center',
+                justifyContent: 'center',
+                paddingLeft: showMultiple ? 0 : (0, rn_ui_1.dp)(16),
+            }} onPress={() => {
+                navigation.goBack();
+            }}>
+            <MaterialIcons_1.default name="arrow-back-ios" size={(0, rn_ui_1.dp)(20)} color="#fff"/>
+        </react_native_1.TouchableOpacity>}
+        {showMultiple && <react_native_1.TouchableOpacity style={{
+                height: (0, rn_ui_1.dp)(32),
+                alignItems: 'center',
+                justifyContent: 'center',
+                paddingLeft: (0, rn_ui_1.dp)(16),
+            }} onPress={onMultiple}>
+            <rn_ui_1.CaihText color="#fff">{multiple ? t('cancel') : t('multiple')}</rn_ui_1.CaihText>
+        </react_native_1.TouchableOpacity>}
+    </rn_ui_1.HeaderBar>;
+};
+exports.default = SearchManager;

package/dist/pages/search/SearchPicturePage.d.ts

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

package/dist/pages/search/SearchPicturePage.js

@@ -0,0 +1,56 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const rn_ui_1 = require("@smart-link/rn-ui");
+const useTranslation_1 = __importDefault(require("../../hooks/useTranslation"));
+const SearchPictures_1 = __importDefault(require("./components/SearchPictures"));
+const SearchPicturePage = ({ navigation, route: { params } }) => {
+    const { t } = (0, useTranslation_1.default)();
+    const { conversationId } = params;
+    const [multiple, setMultiple] = (0, react_1.useState)(false);
+    const [checkedIds, setCheckedIds] = (0, react_1.useState)([]);
+    const title = t('pictureManager');
+    (0, react_1.useEffect)(() => {
+        navigation.setOptions({
+            title: title,
+            headerRight: ({ tintColor }) => {
+                return (<react_native_1.TouchableOpacity style={{ padding: (0, rn_ui_1.dp)(8) }} onPress={() => {
+                        setMultiple(p => !p);
+                    }}>
+                        <react_native_1.Text style={{ color: tintColor }}>{multiple ? t('cancel') : t('multiple')}</react_native_1.Text>
+                    </react_native_1.TouchableOpacity>);
+            },
+        });
+    }, [title, navigation, multiple, checkedIds]);
+    return (<rn_ui_1.NavigationPage noPadding>
+            <SearchPictures_1.default conversationId={conversationId} multiple={multiple}/>
+        </rn_ui_1.NavigationPage>);
+};
+exports.default = SearchPicturePage;

package/dist/pages/search/components/ChatRecords.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type ChatRecordsProps = {
+    keyword: string;
+};
+declare const ChatRecords: React.FC<ChatRecordsProps>;
+export default ChatRecords;

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

@@ -0,0 +1,151 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const ChatAvatar_1 = __importDefault(require("../../../components/ChatAvatar/ChatAvatar"));
+const useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
+const init_1 = require("../../../init");
+const rn_ui_1 = require("@smart-link/rn-ui");
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const ChatRecords = ({ keyword }) => {
+    const navigation = (0, rn_ui_1.useNavigation)();
+    const { t } = (0, useTranslation_1.default)();
+    const [data, setData] = (0, react_1.useState)([]);
+    (0, react_1.useEffect)(() => {
+        if (!keyword || keyword === '') {
+            return;
+        }
+        const db = (0, init_1.getImManager)().db;
+        db.selectConversationMessageCount(keyword).then((list) => __awaiter(void 0, void 0, void 0, function* () {
+            const data = [];
+            for (const item of list) {
+                const conversation = yield db.selectConversationById(item.conversationId);
+                if (!conversation)
+                    continue;
+                data.push(Object.assign(Object.assign({}, conversation), { count: item.count }));
+            }
+            setData(data);
+        }));
+    }, [keyword]);
+    if (data.length === 0) {
+        return (<react_native_1.View style={{ flex: 1 }}>
+                <react_native_1.View style={{
+                flex: 1,
+                justifyContent: 'center',
+                alignItems: 'center',
+            }}>
+                    <react_native_1.Text>{t('noSearchResult')}</react_native_1.Text>
+                </react_native_1.View>
+            </react_native_1.View>);
+    }
+    const keyExtractor = (item) => item.id;
+    const renderItem = ({ item }) => {
+        const { id, type, name, count, avatars } = item;
+        return (<react_native_1.TouchableOpacity style={styles.item} activeOpacity={0.5} onPress={() => {
+                navigation.navigate('SearchChatRecords', {
+                    conversation: item,
+                    keyword,
+                });
+            }}>
+                <ChatAvatar_1.default id={id} size={(0, rn_ui_1.dp)(42)} url={avatars} name={name}/>
+                <react_native_1.View style={styles.width10}/>
+                <react_native_1.View style={styles.left}>
+                    <react_native_1.Text style={styles.name} numberOfLines={1}>
+                        {name}
+                    </react_native_1.Text>
+                    <react_native_1.Text style={styles.text} numberOfLines={1}>
+                        {count + ' ' + t('matchedMessage')}
+                    </react_native_1.Text>
+                </react_native_1.View>
+            </react_native_1.TouchableOpacity>);
+    };
+    const itemSeparatorComponent = () => <react_native_1.View style={styles.separator}/>;
+    return (<react_native_1.FlatList contentContainerStyle={styles.list} data={data} numColumns={1} initialNumToRender={1} keyExtractor={keyExtractor} renderItem={renderItem} keyboardShouldPersistTaps={'handled'} ItemSeparatorComponent={itemSeparatorComponent}/>);
+};
+const styles = react_native_1.StyleSheet.create({
+    empty: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    list: {
+        marginVertical: (0, rn_ui_1.dp)(10),
+        padding: (0, rn_ui_1.dp)(15),
+        backgroundColor: '#fff',
+        borderWidth: (0, rn_ui_1.dp)(1),
+        borderStyle: 'solid',
+        borderColor: '#eee',
+        borderLeftWidth: 0,
+        borderRightWidth: 0,
+    },
+    item: {
+        flexDirection: 'row',
+    },
+    width10: {
+        width: (0, rn_ui_1.dp)(10),
+    },
+    left: {
+        justifyContent: 'space-between',
+    },
+    name: {
+        top: (0, rn_ui_1.dp)(1),
+        width: (0, rn_ui_1.dp)(250),
+        fontSize: (0, rn_ui_1.dp)(14),
+        lineHeight: (0, rn_ui_1.dp)(16),
+        color: '#333',
+    },
+    time: {
+        fontSize: (0, rn_ui_1.dp)(13),
+        lineHeight: (0, rn_ui_1.dp)(15),
+        color: '#999',
+        position: 'absolute',
+        right: 15,
+    },
+    text: {
+        width: (0, rn_ui_1.dp)(270),
+        fontSize: (0, rn_ui_1.dp)(13),
+        lineHeight: (0, rn_ui_1.dp)(15),
+        color: '#999',
+    },
+    separator: {
+        marginLeft: (0, rn_ui_1.dp)(50),
+        marginVertical: (0, rn_ui_1.dp)(10),
+        height: (0, rn_ui_1.dp)(1),
+        backgroundColor: '#eee',
+    },
+});
+exports.default = ChatRecords;

package/dist/pages/search/components/MyGroupChat.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface MyGroupChatProps {
+    keyword: string;
+}
+declare const MyGroupChat: React.NamedExoticComponent<MyGroupChatProps>;
+export default MyGroupChat;