@smart-link/rn-im 1.0.23 → 1.0.26

package/dist/pages/search/SearchManager.js

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

package/dist/pages/search/SearchPicturePage.js

@@ -1,56 +1,28 @@
-"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"));
+import React, { useEffect, useState } from 'react';
+import { Text, TouchableOpacity } from 'react-native';
+import { dp, NavigationPage } from '@smart-link/rn-ui';
+import useTranslation from '../../hooks/useTranslation';
+import SearchPictures from './components/SearchPictures';
 const SearchPicturePage = ({ navigation, route: { params } }) => {
-    const { t } = (0, useTranslation_1.default)();
+    const { t } = useTranslation();
     const { conversationId } = params;
-    const [multiple, setMultiple] = (0, react_1.useState)(false);
-    const [checkedIds, setCheckedIds] = (0, react_1.useState)([]);
+    const [multiple, setMultiple] = useState(false);
+    const [checkedIds, setCheckedIds] = useState([]);
     const title = t('pictureManager');
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         navigation.setOptions({
             title: title,
             headerRight: ({ tintColor }) => {
-                return (<react_native_1.TouchableOpacity style={{ padding: (0, rn_ui_1.dp)(8) }} onPress={() => {
+                return (<TouchableOpacity style={{ padding: 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>);
+                        <Text style={{ color: tintColor }}>{multiple ? t('cancel') : t('multiple')}</Text>
+                    </TouchableOpacity>);
             },
         });
     }, [title, navigation, multiple, checkedIds]);
-    return (<rn_ui_1.NavigationPage noPadding>
-            <SearchPictures_1.default conversationId={conversationId} multiple={multiple}/>
-        </rn_ui_1.NavigationPage>);
+    return (<NavigationPage noPadding>
+            <SearchPictures conversationId={conversationId} multiple={multiple}/>
+        </NavigationPage>);
 };
-exports.default = SearchPicturePage;
+export default SearchPicturePage;

package/dist/pages/search/components/ChatRecords.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,25 +7,21 @@ 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 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");
+import ChatAvatar from '../../../components/ChatAvatar/ChatAvatar';
+import useTranslation from '../../../hooks/useTranslation';
+import { getImManager } from '../../../init';
+import { dp, useNavigation } from '@smart-link/rn-ui';
+import React, { useEffect, useState } from 'react';
+import { View, Text, FlatList, StyleSheet, TouchableOpacity } from '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)(() => {
+    const navigation = useNavigation();
+    const { t } = useTranslation();
+    const [data, setData] = useState([]);
+    useEffect(() => {
         if (!keyword || keyword === '') {
             return;
         }
-        const db = (0, init_1.getImManager)().db;
+        const db = getImManager().db;
         db.selectConversationMessageCount(keyword).then((list) => __awaiter(void 0, void 0, void 0, function* () {
             const data = [];
             for (const item of list) {
@@ -62,51 +34,51 @@ const ChatRecords = ({ keyword }) => {
         }));
     }, [keyword]);
     if (data.length === 0) {
-        return (<react_native_1.View style={{ flex: 1 }}>
-                <react_native_1.View style={{
+        return (<View style={{ flex: 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>);
+                    <Text>{t('noSearchResult')}</Text>
+                </View>
+            </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={() => {
+        return (<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}>
+                <ChatAvatar id={id} size={dp(42)} url={avatars} name={name}/>
+                <View style={styles.width10}/>
+                <View style={styles.left}>
+                    <Text style={styles.name} numberOfLines={1}>
                         {name}
-                    </react_native_1.Text>
-                    <react_native_1.Text style={styles.text} numberOfLines={1}>
+                    </Text>
+                    <Text style={styles.text} numberOfLines={1}>
                         {count + ' ' + t('matchedMessage')}
-                    </react_native_1.Text>
-                </react_native_1.View>
-            </react_native_1.TouchableOpacity>);
+                    </Text>
+                </View>
+            </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 itemSeparatorComponent = () => <View style={styles.separator}/>;
+    return (<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({
+const styles = StyleSheet.create({
     empty: {
         flex: 1,
         alignItems: 'center',
         justifyContent: 'center',
     },
     list: {
-        marginVertical: (0, rn_ui_1.dp)(10),
-        padding: (0, rn_ui_1.dp)(15),
+        marginVertical: dp(10),
+        padding: dp(15),
         backgroundColor: '#fff',
-        borderWidth: (0, rn_ui_1.dp)(1),
+        borderWidth: dp(1),
         borderStyle: 'solid',
         borderColor: '#eee',
         borderLeftWidth: 0,
@@ -116,36 +88,36 @@ const styles = react_native_1.StyleSheet.create({
         flexDirection: 'row',
     },
     width10: {
-        width: (0, rn_ui_1.dp)(10),
+        width: 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),
+        top: dp(1),
+        width: dp(250),
+        fontSize: dp(14),
+        lineHeight: dp(16),
         color: '#333',
     },
     time: {
-        fontSize: (0, rn_ui_1.dp)(13),
-        lineHeight: (0, rn_ui_1.dp)(15),
+        fontSize: dp(13),
+        lineHeight: 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),
+        width: dp(270),
+        fontSize: dp(13),
+        lineHeight: 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),
+        marginLeft: dp(50),
+        marginVertical: dp(10),
+        height: dp(1),
         backgroundColor: '#eee',
     },
 });
-exports.default = ChatRecords;
+export default ChatRecords;

package/dist/pages/search/components/MyGroupChat.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,62 +7,58 @@ 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 ChatAvatar_1 = __importDefault(require("../../../components/ChatAvatar/ChatAvatar"));
-const useImSelector_1 = require("../../../hooks/useImSelector");
-const useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
-const init_1 = require("../../../init");
-const summary_1 = require("../../../utils/summary");
-const im_base_1 = require("@smart-link/im-base");
-const rn_ui_1 = require("@smart-link/rn-ui");
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const MyGroupChat = (0, react_1.memo)(({ keyword }) => {
-    const { chatGroups } = (0, useImSelector_1.useChatGroup)();
-    const { t } = (0, useTranslation_1.default)();
-    const navigation = (0, rn_ui_1.useNavigation)();
+import ChatAvatar from '../../../components/ChatAvatar/ChatAvatar';
+import { useChatGroup } from '../../../hooks/useImSelector';
+import useTranslation from '../../../hooks/useTranslation';
+import { getImManager } from '../../../init';
+import { getSummary } from '../../../utils/summary';
+import { ConversationType } from '@smart-link/im-base';
+import { dp, useNavigation } from '@smart-link/rn-ui';
+import React, { memo } from 'react';
+import { View, StyleSheet, Text, FlatList, TouchableOpacity } from 'react-native';
+const MyGroupChat = memo(({ keyword }) => {
+    const { chatGroups } = useChatGroup();
+    const { t } = useTranslation();
+    const navigation = useNavigation();
     const data = chatGroups.filter(item => {
         return keyword ? item.chatGroupName.includes(keyword) : false;
     });
     if (data.length === 0) {
-        return (<react_native_1.View style={{ flex: 1 }}>
-                <react_native_1.View style={{
+        return (<View style={{ flex: 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>);
+                    <Text>{t('noSearchResult')}</Text>
+                </View>
+            </View>);
     }
     const renderItem = ({ item }) => {
         const { chatGroupId, chatGroupName, avatars } = item;
-        return (<react_native_1.TouchableOpacity style={styles.item} activeOpacity={0.5} onPress={() => __awaiter(void 0, void 0, void 0, function* () {
+        return (<TouchableOpacity style={styles.item} activeOpacity={0.5} onPress={() => __awaiter(void 0, void 0, void 0, function* () {
                 // onPress && onPress(item);
-                yield (0, init_1.getImManager)().initChatGroupConversation(item);
+                yield getImManager().initChatGroupConversation(item);
                 navigation.navigate('MessageList');
             })}>
-                <ChatAvatar_1.default type={im_base_1.ConversationType.C2G} name={chatGroupName} disabled={true} id={chatGroupId} url={avatars} size={(0, rn_ui_1.dp)(42)}/>
-                <react_native_1.View style={styles.width10}/>
-                <react_native_1.View style={styles.left}>
-                    <react_native_1.Text style={styles.name} numberOfLines={1}>
-                        {(0, summary_1.getSummary)(chatGroupName, keyword, 20)}
-                    </react_native_1.Text>
-                </react_native_1.View>
-            </react_native_1.TouchableOpacity>);
+                <ChatAvatar type={ConversationType.C2G} name={chatGroupName} disabled={true} id={chatGroupId} url={avatars} size={dp(42)}/>
+                <View style={styles.width10}/>
+                <View style={styles.left}>
+                    <Text style={styles.name} numberOfLines={1}>
+                        {getSummary(chatGroupName, keyword, 20)}
+                    </Text>
+                </View>
+            </TouchableOpacity>);
     };
-    const itemSeparatorComponent = () => <react_native_1.View style={styles.separator}/>;
-    return (<react_native_1.FlatList contentContainerStyle={styles.list} data={data} numColumns={1} keyExtractor={item => item.chatGroupId} renderItem={renderItem} keyboardShouldPersistTaps={'handled'} ItemSeparatorComponent={itemSeparatorComponent}/>);
+    const itemSeparatorComponent = () => <View style={styles.separator}/>;
+    return (<FlatList contentContainerStyle={styles.list} data={data} numColumns={1} keyExtractor={item => item.chatGroupId} renderItem={renderItem} keyboardShouldPersistTaps={'handled'} ItemSeparatorComponent={itemSeparatorComponent}/>);
 });
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     list: {
-        marginVertical: (0, rn_ui_1.dp)(10),
-        padding: (0, rn_ui_1.dp)(15),
+        marginVertical: dp(10),
+        padding: dp(15),
         backgroundColor: '#fff',
-        borderWidth: (0, rn_ui_1.dp)(1),
+        borderWidth: dp(1),
         borderStyle: 'solid',
         borderColor: '#eee',
         borderLeftWidth: 0,
@@ -96,7 +68,7 @@ const styles = react_native_1.StyleSheet.create({
         flexDirection: 'row',
     },
     width10: {
-        width: (0, rn_ui_1.dp)(10),
+        width: dp(10),
     },
     left: {
         justifyContent: 'center',
@@ -104,14 +76,14 @@ const styles = react_native_1.StyleSheet.create({
     avatars: {},
     name: {
         width: 250,
-        fontSize: (0, rn_ui_1.dp)(14),
-        lineHeight: (0, rn_ui_1.dp)(16),
+        fontSize: dp(14),
+        lineHeight: dp(16),
         color: '#333',
     },
     separator: {
-        marginLeft: (0, rn_ui_1.dp)(50),
-        marginVertical: (0, rn_ui_1.dp)(10),
-        height: (0, rn_ui_1.dp)(1),
+        marginLeft: dp(50),
+        marginVertical: dp(10),
+        height: dp(1),
         backgroundColor: '#eee',
     },
     accessory: {
@@ -125,4 +97,4 @@ const styles = react_native_1.StyleSheet.create({
         tintColor: '#bebebe',
     },
 });
-exports.default = MyGroupChat;
+export default MyGroupChat;