@smart-link/rn-im 1.0.23 → 1.0.24

package/dist/pages/address-list/UserDetail.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,101 +7,97 @@ 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 useTranslation_1 = require("../../hooks/useTranslation");
-const init_1 = require("../../init");
-const CardInfo_1 = require("./CardInfo");
-const UserJobs_1 = __importDefault(require("./UserJobs"));
-const ChatAvatar_1 = __importDefault(require("../../components/ChatAvatar/ChatAvatar"));
-const addressList_1 = require("../../api/addressList");
-const { width } = react_native_1.Dimensions.get('window');
+import { Button, dp, NavigationPage } from '@smart-link/rn-ui';
+import React, { useEffect, useState } from 'react';
+import { StyleSheet, Text, View, Dimensions } from 'react-native';
+import { useTranslationAddrList } from '../../hooks/useTranslation';
+import { getImManager } from '../../init';
+import { CardInfo, Line } from './CardInfo';
+import UserJobs from './UserJobs';
+import ChatAvatar from '../../components/ChatAvatar/ChatAvatar';
+import { queryUser } from '../../api/addressList';
+const { width } = Dimensions.get('window');
 const UserDetail = ({ navigation, route: { params } }) => {
-    const [detail, setDetail] = (0, react_1.useState)({});
-    const { t } = (0, useTranslation_1.useTranslationAddrList)();
-    (0, react_1.useEffect)(() => {
+    const [detail, setDetail] = useState({});
+    const { t } = useTranslationAddrList();
+    useEffect(() => {
         navigation.setOptions({ title: t('userDetail') });
-        (0, addressList_1.queryUser)(params.userId).then(({ data }) => {
+        queryUser(params.userId).then(({ data }) => {
             console.log('userDetail: ', data[0]);
             setDetail(data[0]);
         });
     }, [params.userId]);
     const openChatPanel = () => __awaiter(void 0, void 0, void 0, function* () {
-        yield (0, init_1.getImManager)().initUserConversation(detail);
+        yield getImManager().initUserConversation(detail);
         navigation.navigate('MessageList');
     });
-    return (<rn_ui_1.NavigationPage noPadding scroll>
-            <CardInfo_1.CardInfo>
-                <CardInfo_1.Line>
-                    <ChatAvatar_1.default id={detail.userId} size={(0, rn_ui_1.dp)(60)} name={detail.userName} url={detail.avatars} priority={'outside'}/>
-                    <react_native_1.View style={styles.accountInfo}>
-                        <react_native_1.Text style={styles.username} numberOfLines={2}>
+    return (<NavigationPage noPadding scroll>
+            <CardInfo>
+                <Line>
+                    <ChatAvatar id={detail.userId} size={dp(60)} name={detail.userName} url={detail.avatars} priority={'outside'} disabled/>
+                    <View style={styles.accountInfo}>
+                        <Text style={styles.username} numberOfLines={2}>
                             {detail.userName}
-                        </react_native_1.Text>
-                        <react_native_1.Text style={{
-            lineHeight: (0, rn_ui_1.dp)(16),
-            fontSize: (0, rn_ui_1.dp)(12),
+                        </Text>
+                        <Text style={{
+            lineHeight: dp(16),
+            fontSize: dp(12),
             color: '#6e6e6e',
         }}>
                             {t('userCode')}：{detail.userCode || t('noAdd')}
-                        </react_native_1.Text>
-                        <react_native_1.Text style={{
-            lineHeight: (0, rn_ui_1.dp)(16),
-            fontSize: (0, rn_ui_1.dp)(12),
+                        </Text>
+                        <Text style={{
+            lineHeight: dp(16),
+            fontSize: dp(12),
             color: '#6e6e6e',
         }}>
                             {t('mobile')}：{detail.mobile || t('noAdd')}
-                        </react_native_1.Text>
-                        <react_native_1.Text style={{
-            lineHeight: (0, rn_ui_1.dp)(16),
-            fontSize: (0, rn_ui_1.dp)(12),
+                        </Text>
+                        <Text style={{
+            lineHeight: dp(16),
+            fontSize: dp(12),
             color: '#6e6e6e',
         }}>
                             {t('email')}：{detail.email || t('noAdd')}
-                        </react_native_1.Text>
-                    </react_native_1.View>
-                </CardInfo_1.Line>
-            </CardInfo_1.CardInfo>
+                        </Text>
+                    </View>
+                </Line>
+            </CardInfo>
 
-            <UserJobs_1.default jobs={detail.groups}/>
+            <UserJobs jobs={detail.groups}/>
 
-            <react_native_1.View style={{ height: (0, rn_ui_1.dp)(20) }}/>
+            <View style={{ height: dp(20) }}/>
 
-            <react_native_1.View style={styles.button}>
-                <rn_ui_1.Button type="primary" onPress={openChatPanel}>
+            <View style={styles.button}>
+                <Button type="primary" onPress={openChatPanel}>
                     {t('sendNews')}
-                </rn_ui_1.Button>
-            </react_native_1.View>
+                </Button>
+            </View>
 
-            <react_native_1.View style={{ height: (0, rn_ui_1.dp)(20) }}/>
-        </rn_ui_1.NavigationPage>);
+            <View style={{ height: dp(20) }}/>
+        </NavigationPage>);
 };
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     lineIcon: {
-        width: (0, rn_ui_1.dp)(40),
+        width: dp(40),
         textAlign: 'center',
     },
     accountInfo: {
-        marginLeft: (0, rn_ui_1.dp)(20),
-        width: width - (0, rn_ui_1.dp)(80 + 20 + 10),
+        marginLeft: dp(20),
+        width: width - dp(80 + 20 + 10),
     },
     username: {
-        lineHeight: (0, rn_ui_1.dp)(25),
-        fontSize: (0, rn_ui_1.dp)(18),
+        lineHeight: dp(25),
+        fontSize: dp(18),
         fontWeight: '500',
         textAlignVertical: 'center',
     },
     button: {
-        marginHorizontal: (0, rn_ui_1.dp)(20),
+        marginHorizontal: dp(20),
     },
     btnText: {
-        paddingVertical: (0, rn_ui_1.dp)(4),
-        fontSize: (0, rn_ui_1.dp)(16),
+        paddingVertical: dp(4),
+        fontSize: dp(16),
     },
 });
-exports.default = UserDetail;
+export default UserDetail;

package/dist/pages/address-list/UserJobs.js

@@ -1,50 +1,48 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const rn_ui_1 = require("@smart-link/rn-ui");
-const react_native_1 = require("react-native");
-const useTranslation_1 = require("../../hooks/useTranslation");
-const CardInfo_1 = require("./CardInfo");
+import { dp, useTheme } from '@smart-link/rn-ui';
+import { View, Text, StyleSheet } from 'react-native';
+import { useTranslationAddrList } from '../../hooks/useTranslation';
+import { CardInfo, Line } from './CardInfo';
 const UserJobs = (props) => {
     const { jobs } = props;
-    const { t } = (0, useTranslation_1.useTranslationAddrList)();
-    const theme = (0, rn_ui_1.useTheme)();
+    const { t } = useTranslationAddrList();
+    const theme = useTheme();
     const styles = makeStyles(theme);
-    return (<CardInfo_1.CardInfo>
+    return (<CardInfo>
             {(jobs === null || jobs === void 0 ? void 0 : jobs.length) > 0 &&
             jobs.map(job => {
                 let isMainJob = job.majorFlag === 'y';
-                return (<CardInfo_1.Line key={job.groupId}>
-                            <react_native_1.View style={isMainJob ? styles.mainJob : styles.partJob}>
-                                <react_native_1.Text style={{ color: isMainJob ? '#fff' : theme.primaryColor }}>
+                return (<Line key={job.groupId}>
+                            <View style={isMainJob ? styles.mainJob : styles.partJob}>
+                                <Text style={{ color: isMainJob ? '#fff' : theme.primaryColor }}>
                                     {isMainJob ? t('job') : t('otherJob')}
-                                </react_native_1.Text>
-                            </react_native_1.View>
-                            <react_native_1.View style={{ flexDirection: 'column', flex: 1 }}>
-                                <react_native_1.View style={{ marginLeft: 0 }}>
-                                    <react_native_1.Text style={{ color: '#393939' }}>{job.groupNamePath}</react_native_1.Text>
-                                </react_native_1.View>
-                                <react_native_1.View style={{ marginBottom: 5 }}>
-                                    <react_native_1.Text style={{ color: '#393939' }}>{job.postName}</react_native_1.Text>
-                                </react_native_1.View>
-                            </react_native_1.View>
-                        </CardInfo_1.Line>);
+                                </Text>
+                            </View>
+                            <View style={{ flexDirection: 'column', flex: 1 }}>
+                                <View style={{ marginLeft: 0 }}>
+                                    <Text style={{ color: '#393939' }}>{job.groupNamePath}</Text>
+                                </View>
+                                <View style={{ marginBottom: 5 }}>
+                                    <Text style={{ color: '#393939' }}>{job.postName}</Text>
+                                </View>
+                            </View>
+                        </Line>);
             })}
-        </CardInfo_1.CardInfo>);
+        </CardInfo>);
 };
-const makeStyles = (theme) => react_native_1.StyleSheet.create({
+const makeStyles = (theme) => StyleSheet.create({
     mainJob: {
-        padding: (0, rn_ui_1.dp)(4),
-        borderRadius: (0, rn_ui_1.dp)(3),
-        marginRight: (0, rn_ui_1.dp)(10),
+        padding: dp(4),
+        borderRadius: dp(3),
+        marginRight: dp(10),
         backgroundColor: theme.primaryColor,
     },
     partJob: {
-        padding: (0, rn_ui_1.dp)(3),
-        borderRadius: (0, rn_ui_1.dp)(3),
-        marginRight: (0, rn_ui_1.dp)(10),
+        padding: dp(3),
+        borderRadius: dp(3),
+        marginRight: dp(10),
         borderColor: theme.primaryColor,
-        borderWidth: (0, rn_ui_1.dp)(1),
+        borderWidth: dp(1),
         backgroundColor: '#fff',
     },
 });
-exports.default = UserJobs;
+export default UserJobs;

package/dist/pages/address-list/UserSearch.js

@@ -1,52 +1,27 @@
-"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;
-};
-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 useTranslation_1 = require("../../hooks/useTranslation");
-const Organization_1 = require("./Organization");
-const addressList_1 = require("../../api/addressList");
-const init_1 = require("../../init");
-const react_redux_1 = require("react-redux");
-const contact_slice_1 = require("../../slice/contact/contact.slice");
-const useImSelector_1 = require("../../hooks/useImSelector");
-const UserSearch = (0, react_1.memo)(({ navigation, route: { params } }) => {
-    const [keyword, setKeyword] = (0, react_1.useState)('');
-    const { selectUsers } = (0, useImSelector_1.useContact)();
+import { NavigationPage, ListRow, HeaderSearchBar } from '@smart-link/rn-ui';
+import React, { memo, useEffect, useState } from 'react';
+import { Text, View, StyleSheet } from 'react-native';
+import { useTranslationAddrList } from '../../hooks/useTranslation';
+import { RenderUserItem } from './Organization';
+import { searchUser } from '../../api/addressList';
+import { getImManager } from '../../init';
+import { useDispatch } from 'react-redux';
+import { onSelectUser } from '../../slice/contact/contact.slice';
+import { useContact } from '../../hooks/useImSelector';
+const UserSearch = memo(({ navigation, route: { params } }) => {
+    const [keyword, setKeyword] = useState('');
+    const { selectUsers } = useContact();
     const { checkable } = params || {};
-    const [userList, setUserList] = (0, react_1.useState)([]);
-    const { t } = (0, useTranslation_1.useTranslationAddrList)();
-    const imManager = (0, init_1.getImManager)();
-    const dispatch = (0, react_redux_1.useDispatch)();
+    const [userList, setUserList] = useState([]);
+    const { t } = useTranslationAddrList();
+    const imManager = getImManager();
+    const dispatch = useDispatch();
     const selectCount = Object.keys(selectUsers).length;
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (!keyword || keyword === '') {
             return;
         }
-        (0, addressList_1.searchUser)({
+        searchUser({
             userNameLike: keyword,
             tenantId: imManager.user.tenantId,
         }).then(({ data }) => {
@@ -57,26 +32,26 @@ const UserSearch = (0, react_1.memo)(({ navigation, route: { params } }) => {
         navigation.navigate('UserDetail', { userId: item.userId, userAccount: item.userAccount });
     };
     return (<>
-            <rn_ui_1.HeaderSearchBar value={keyword} onSubmitEditing={setKeyword}/>
-            <rn_ui_1.NavigationPage noPadding scroll={userList.length > 0}>
-                {userList.length > 0 ? (userList.map((item) => (<rn_ui_1.ListRow key={item.userId} onPress={() => {
+            <HeaderSearchBar value={keyword} onSubmitEditing={setKeyword}/>
+            <NavigationPage noPadding scroll={userList.length > 0}>
+                {userList.length > 0 ? (userList.map((item) => (<ListRow key={item.userId} onPress={() => {
                 if (checkable) {
-                    dispatch((0, contact_slice_1.onSelectUser)(item));
+                    dispatch(onSelectUser(item));
                 }
                 else {
                     handleUser(item);
                 }
-            }} title={<Organization_1.RenderUserItem checkable={checkable} checked={!!selectUsers[item.userId]} data={item}/>} topSeparator="full"/>))) : (<react_native_1.View style={[styles.noData]}>
-                        <react_native_1.Text>{t('noData')}</react_native_1.Text>
-                    </react_native_1.View>)}
-            </rn_ui_1.NavigationPage>
+            }} title={<RenderUserItem checkable={checkable} checked={!!selectUsers[item.userId]} data={item}/>} topSeparator="full"/>))) : (<View style={[styles.noData]}>
+                        <Text>{t('noData')}</Text>
+                    </View>)}
+            </NavigationPage>
     </>);
 });
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     noData: {
         flex: 1,
         justifyContent: 'center',
         alignItems: 'center',
     },
 });
-exports.default = UserSearch;
+export default UserSearch;

package/dist/pages/address-list/addressList.routes.js

@@ -1,31 +1,26 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const UserDetail_1 = __importDefault(require("./UserDetail"));
-const UserSearch_1 = __importDefault(require("./UserSearch"));
-const ChooseContact_1 = __importDefault(require("./ChooseContact"));
-const Organization_1 = __importDefault(require("./Organization"));
-const AddressList_1 = __importDefault(require("./AddressList"));
+import UserDetail from './UserDetail';
+import UserSearch from './UserSearch';
+import ChooseContact from './ChooseContact';
+import Organization from './Organization';
+import AddressList from './AddressList';
 const addressListRoutes = [
     {
         name: 'AddressList',
-        component: AddressList_1.default,
+        component: AddressList,
         options: {
             title: ''
         },
     },
     {
         name: 'Organization',
-        component: Organization_1.default,
+        component: Organization,
         options: {
             title: ''
         },
     },
     {
         name: 'ChooseContact',
-        component: ChooseContact_1.default,
+        component: ChooseContact,
         options: {
             animation: 'fade',
             title: ''
@@ -33,18 +28,18 @@ const addressListRoutes = [
     },
     {
         name: 'UserDetail',
-        component: UserDetail_1.default,
+        component: UserDetail,
         options: {
             title: ''
         },
     },
     {
         name: 'UserSearch',
-        component: UserSearch_1.default,
+        component: UserSearch,
         options: {
             animation: 'fade',
             headerShown: false,
         },
     },
 ];
-exports.default = addressListRoutes;
+export default addressListRoutes;

package/dist/pages/collection/Collection.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,80 +7,76 @@ 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 useTranslation_1 = __importDefault(require("../../hooks/useTranslation"));
-const init_1 = require("../../init");
-const useImSelector_1 = require("../../hooks/useImSelector");
-const ContentFactory_1 = __importDefault(require("./ContentFactory"));
-const styles_1 = require("../../components/styles");
-const FormatTimeText_1 = __importDefault(require("../../components/FormatTimeText"));
-const common_action_sheet_1 = require("../../utils/common-action-sheet");
+import { NavigationPage, dp, useNavigation, HeaderSearchBar } from '@smart-link/rn-ui';
+import React, { useEffect, useState } from 'react';
+import { Text, TouchableOpacity, View, StyleSheet, FlatList } from 'react-native';
+import useTranslation from '../../hooks/useTranslation';
+import { getImManager } from '../../init';
+import { useCollection, useConversation } from '../../hooks/useImSelector';
+import ContentFactory from './ContentFactory';
+import { borderStyle, shadowStyle } from '../../components/styles';
+import FormatTimeText from '../../components/FormatTimeText';
+import { ConfirmActionSheet } from '../../utils/common-action-sheet';
 const Collection = () => {
-    const { t } = (0, useTranslation_1.default)();
-    const [keyword, setKeyword] = (0, react_1.useState)('');
-    const { currentConversation } = (0, useImSelector_1.useConversation)();
-    const { collections } = (0, useImSelector_1.useCollection)();
-    const navigation = (0, rn_ui_1.useNavigation)();
-    (0, react_1.useEffect)(() => {
-        (0, init_1.getImManager)().selectCollections(keyword);
+    const { t } = useTranslation();
+    const [keyword, setKeyword] = useState('');
+    const { currentConversation } = useConversation();
+    const { collections } = useCollection();
+    const navigation = useNavigation();
+    useEffect(() => {
+        getImManager().selectCollections(keyword);
     }, [keyword]);
     const onPressCollection = (collection) => {
-        (0, common_action_sheet_1.ConfirmActionSheet)(t('sendTo') + (currentConversation === null || currentConversation === void 0 ? void 0 : currentConversation.name), () => __awaiter(void 0, void 0, void 0, function* () {
+        ConfirmActionSheet(t('sendTo') + (currentConversation === null || currentConversation === void 0 ? void 0 : currentConversation.name), () => __awaiter(void 0, void 0, void 0, function* () {
             // TODO: 发送收藏消息
-            yield (0, init_1.getImManager)().sendCollectionMessage(collection);
+            yield getImManager().sendCollectionMessage(collection);
             navigation.goBack();
         }), t);
     };
     const keyExtractor = (item) => item.messageSeq;
-    const itemSeparatorComponent = () => <react_native_1.View style={styles.h10}/>;
+    const itemSeparatorComponent = () => <View style={styles.h10}/>;
     const renderItem = ({ item }) => {
         const { conversationName, messageTime } = item;
-        return (<react_native_1.TouchableOpacity activeOpacity={0.5} style={styles.item} onPress={() => {
+        return (<TouchableOpacity activeOpacity={0.5} style={styles.item} onPress={() => {
                 onPressCollection(item);
             }}>
-                <ContentFactory_1.default collection={item} keyword={keyword}/>
-                <react_native_1.View style={styles.h10}/>
-                <react_native_1.View style={styles.row}>
-                    <react_native_1.Text style={styles.title} numberOfLines={1}>
+                <ContentFactory collection={item} keyword={keyword}/>
+                <View style={styles.h10}/>
+                <View style={styles.row}>
+                    <Text style={styles.title} numberOfLines={1}>
                         {conversationName + ' '}
-                    </react_native_1.Text>
-                    <FormatTimeText_1.default style={styles.time} time={messageTime}/>
-                </react_native_1.View>
-            </react_native_1.TouchableOpacity>);
+                    </Text>
+                    <FormatTimeText style={styles.time} time={messageTime}/>
+                </View>
+            </TouchableOpacity>);
     };
     return (<>
-            <rn_ui_1.HeaderSearchBar value={keyword} onSubmitEditing={setKeyword}/>
-            <rn_ui_1.NavigationPage scroll={false} noPadding>
-                {collections.length > 0 && (<react_native_1.FlatList contentContainerStyle={styles.list} numColumns={1} data={collections} keyExtractor={keyExtractor} renderItem={renderItem} keyboardShouldPersistTaps={'handled'} ItemSeparatorComponent={itemSeparatorComponent}/>)}
-                {collections.length === 0 && (<react_native_1.View style={{ flex: 1 }}>
-                        <react_native_1.View style={{
+            <HeaderSearchBar value={keyword} onSubmitEditing={setKeyword}/>
+            <NavigationPage scroll={false} noPadding>
+                {collections.length > 0 && (<FlatList contentContainerStyle={styles.list} numColumns={1} data={collections} keyExtractor={keyExtractor} renderItem={renderItem} keyboardShouldPersistTaps={'handled'} ItemSeparatorComponent={itemSeparatorComponent}/>)}
+                {collections.length === 0 && (<View style={{ flex: 1 }}>
+                        <View style={{
                 flex: 1,
                 justifyContent: 'center',
                 alignItems: 'center',
-                height: (0, rn_ui_1.dp)(80),
+                height: dp(80),
             }}>
-                            <react_native_1.Text>{t('emptyCollect')}</react_native_1.Text>
-                        </react_native_1.View>
-                    </react_native_1.View>)}
-            </rn_ui_1.NavigationPage>
+                            <Text>{t('emptyCollect')}</Text>
+                        </View>
+                    </View>)}
+            </NavigationPage>
         </>);
 };
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     collection: {
         flex: 1,
     },
     list: {
-        paddingVertical: (0, rn_ui_1.dp)(10),
-        paddingHorizontal: (0, rn_ui_1.dp)(12),
+        paddingVertical: dp(10),
+        paddingHorizontal: dp(12),
     },
-    item: Object.assign(Object.assign({ minHeight: (0, rn_ui_1.dp)(80), padding: (0, rn_ui_1.dp)(15), backgroundColor: '#fff', borderColor: '#eee' }, styles_1.shadowStyle), styles_1.borderStyle),
-    search: Object.assign({ backgroundColor: '#fff', padding: (0, rn_ui_1.dp)(10), borderBottomWidth: (0, rn_ui_1.dp)(1), borderColor: '#e9e9e9' }, styles_1.shadowStyle),
+    item: Object.assign(Object.assign({ minHeight: dp(80), padding: dp(15), backgroundColor: '#fff', borderColor: '#eee' }, shadowStyle), borderStyle),
+    search: Object.assign({ backgroundColor: '#fff', padding: dp(10), borderBottomWidth: dp(1), borderColor: '#e9e9e9' }, shadowStyle),
     empty: {
         flex: 1,
         backgroundColor: '#fff',
@@ -112,25 +84,25 @@ const styles = react_native_1.StyleSheet.create({
         justifyContent: 'center',
     },
     h10: {
-        height: (0, rn_ui_1.dp)(10),
+        height: dp(10),
     },
     h15: {
-        height: (0, rn_ui_1.dp)(15),
+        height: dp(15),
     },
     row: {
         flexDirection: 'row',
     },
     title: {
-        maxWidth: (0, rn_ui_1.dp)(230),
+        maxWidth: dp(230),
         color: '#666',
-        fontSize: (0, rn_ui_1.dp)(13),
-        lineHeight: (0, rn_ui_1.dp)(20),
+        fontSize: dp(13),
+        lineHeight: dp(20),
     },
     time: {
-        marginLeft: (0, rn_ui_1.dp)(10),
+        marginLeft: dp(10),
         color: '#666',
-        fontSize: (0, rn_ui_1.dp)(13),
-        lineHeight: (0, rn_ui_1.dp)(20),
+        fontSize: dp(13),
+        lineHeight: dp(20),
     },
 });
-exports.default = Collection;
+export default Collection;