@smart-link/rn-im 1.0.23 → 1.0.24

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

@@ -1,68 +1,40 @@
-"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 FontAwesome5_1 = __importDefault(require("react-native-vector-icons/FontAwesome5"));
-const AntDesign_1 = __importDefault(require("react-native-vector-icons/AntDesign"));
-const MaterialIcons_1 = __importDefault(require("react-native-vector-icons/MaterialIcons"));
-const useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
-const rn_ui_1 = require("@smart-link/rn-ui");
-const PictureMultipleBar = (0, react_1.memo)((props) => {
+import React, { memo, useEffect, useState } from 'react';
+import { StyleSheet, TouchableOpacity, Text, View, Animated } from 'react-native';
+import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';
+import AntDesign from 'react-native-vector-icons/AntDesign';
+import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
+import useTranslation from '../../../hooks/useTranslation';
+import { dp } from '@smart-link/rn-ui';
+const PictureMultipleBar = memo((props) => {
     const { disabled, onPicMultipleForward, onPicMultipleCollect, onPicMultipleSave, onPicMultipleDelete } = props;
-    const { t } = (0, useTranslation_1.default)();
-    const [height] = (0, react_1.useState)(new react_native_1.Animated.Value(0)); // 高度初始值设为0
-    (0, react_1.useEffect)(() => {
-        return react_native_1.Animated.timing(height, {
-            toValue: (0, rn_ui_1.dp)(56),
+    const { t } = useTranslation();
+    const [height] = useState(new Animated.Value(0)); // 高度初始值设为0
+    useEffect(() => {
+        return Animated.timing(height, {
+            toValue: dp(56),
             duration: 100,
             useNativeDriver: false
         }).start();
     }, []);
     const color = disabled ? '#aaaaaa' : '#333';
     const fontStyle = [styles.text, { color }];
-    return (<react_native_1.Animated.View style={[styles.wrap, { height }]}>
-            <react_native_1.TouchableOpacity disabled={disabled} style={styles.item} onPress={() => {
+    return (<Animated.View style={[styles.wrap, { height }]}>
+            <TouchableOpacity disabled={disabled} style={styles.item} onPress={() => {
             console.log(onPicMultipleForward);
             onPicMultipleForward && onPicMultipleForward();
         }}>
-                <react_native_1.View style={styles.item}>
-                    <FontAwesome5_1.default name="reply" size={(0, rn_ui_1.dp)(20)} color={color}/>
-                    <react_native_1.Text style={fontStyle}>{t('forward')}</react_native_1.Text>
-                </react_native_1.View>
-            </react_native_1.TouchableOpacity>
+                <View style={styles.item}>
+                    <FontAwesome5 name="reply" size={dp(20)} color={color}/>
+                    <Text style={fontStyle}>{t('forward')}</Text>
+                </View>
+            </TouchableOpacity>
 
-            <react_native_1.TouchableOpacity disabled={disabled} style={styles.item} onPress={() => {
+            <TouchableOpacity disabled={disabled} style={styles.item} onPress={() => {
             onPicMultipleCollect && onPicMultipleCollect();
         }}>
-                <MaterialIcons_1.default name="collections" size={(0, rn_ui_1.dp)(20)} color={color}/>
-                <react_native_1.Text style={fontStyle}>{t('collect')}</react_native_1.Text>
-            </react_native_1.TouchableOpacity>
+                <MaterialIcons name="collections" size={dp(20)} color={color}/>
+                <Text style={fontStyle}>{t('collect')}</Text>
+            </TouchableOpacity>
 
             {/* <TouchableOpacity
             disabled={disabled}
@@ -75,20 +47,20 @@ const PictureMultipleBar = (0, react_1.memo)((props) => {
             <Text style={fontStyle}>{t('savePicture')}</Text>
         </TouchableOpacity> */}
 
-            <react_native_1.TouchableOpacity disabled={disabled} style={styles.item} onPress={() => {
+            <TouchableOpacity disabled={disabled} style={styles.item} onPress={() => {
             onPicMultipleDelete && onPicMultipleDelete();
         }}>
-                <AntDesign_1.default name="delete" size={(0, rn_ui_1.dp)(20)} color={color}/>
-                <react_native_1.Text style={fontStyle}>{t('delete')}</react_native_1.Text>
-            </react_native_1.TouchableOpacity>
-        </react_native_1.Animated.View>);
+                <AntDesign name="delete" size={dp(20)} color={color}/>
+                <Text style={fontStyle}>{t('delete')}</Text>
+            </TouchableOpacity>
+        </Animated.View>);
 });
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     wrap: {
-        paddingTop: (0, rn_ui_1.dp)(10),
+        paddingTop: dp(10),
         backgroundColor: '#fff',
         width: '100%',
-        paddingHorizontal: (0, rn_ui_1.dp)(10),
+        paddingHorizontal: dp(10),
         justifyContent: 'space-around',
         flexDirection: 'row',
     },
@@ -98,8 +70,8 @@ const styles = react_native_1.StyleSheet.create({
         alignItems: 'center'
     },
     text: {
-        fontSize: (0, rn_ui_1.dp)(13),
-        lineHeight: (0, rn_ui_1.dp)(20)
+        fontSize: dp(13),
+        lineHeight: dp(20)
     }
 });
-exports.default = PictureMultipleBar;
+export default PictureMultipleBar;

package/dist/pages/search/components/SearchFileList.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,85 +7,81 @@ 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 react_native_1 = require("react-native");
-const react_1 = require("react");
-const useSearchMessage_1 = require("../../../pages/search/components/useSearchMessage");
-const useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
-const rn_ui_1 = require("@smart-link/rn-ui");
-const styles_1 = require("../../../components/styles");
-const ChatAvatar_1 = __importDefault(require("../../../components/ChatAvatar"));
-const dayjs_1 = __importDefault(require("dayjs"));
-const file_1 = require("../../../utils/file");
-const file_icon_1 = require("../../../utils/file-icon");
-const react_native_file_viewer_1 = __importDefault(require("react-native-file-viewer"));
-const init_1 = require("../../../init");
+import { Text, View, StyleSheet, PixelRatio, SectionList, TouchableOpacity } from "react-native";
+import { memo } from "react";
+import { useSearchMessage } from "../../../pages/search/components/useSearchMessage";
+import useTranslation from "../../../hooks/useTranslation";
+import { ActionSheet, dp } from "@smart-link/rn-ui";
+import { borderStyle } from "../../../components/styles";
+import ChatAvatar from "../../../components/ChatAvatar";
+import dayjs from "dayjs";
+import { numberToFileSize } from "../../../utils/file";
+import { findSvgIcon } from "../../../utils/file-icon";
+import FileViewer from "react-native-file-viewer";
+import { getImManager } from "../../../init";
 const backgroundColor = '#fff';
 const fileCache = {};
 const SearchFileList = ({ keyword, conversationId }) => {
     console.log(keyword);
-    const { t } = (0, useTranslation_1.default)();
-    const { data, onLoadMore, reload } = (0, useSearchMessage_1.useSearchMessage)({
+    const { t } = useTranslation();
+    const { data, onLoadMore, reload } = useSearchMessage({
         keyword,
         conversationId,
         payloadType: 'file',
     });
     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 { messageSeq, 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 }]} activeOpacity={0.5} onPress={() => {
+        const Icon = findSvgIcon(ext);
+        return (<TouchableOpacity style={[styles.item, { backgroundColor }]} activeOpacity={0.5} onPress={() => {
                 // @ts-ignore
-                rn_ui_1.ActionSheet.open({
+                ActionSheet.open({
                     title: payload.filename,
                     onClose: () => {
-                        rn_ui_1.ActionSheet.destroy();
+                        ActionSheet.destroy();
                     },
                     options: [
                         {
                             text: t('openLocal'),
                             // @ts-ignore
                             onPress: () => __awaiter(void 0, void 0, void 0, function* () {
-                                rn_ui_1.ActionSheet.destroy();
+                                ActionSheet.destroy();
                                 if (payload.localPath) {
                                     fileCache[payload.fileId] = payload.localPath;
                                 }
                                 else {
                                     if (!fileCache[payload.fileId]) {
-                                        const localPath = yield (0, init_1.getImManager)().download({
+                                        const localPath = yield getImManager().download({
                                             fileId: payload.fileId,
                                             resourceType: 'file',
                                             filename: payload.filename,
                                             fileSize: payload.size,
                                         });
-                                        (0, init_1.getImManager)().db.updateMessage({
+                                        getImManager().db.updateMessage({
                                             messageSeq,
                                             payload: Object.assign(Object.assign({}, payload), { localPath: localPath }),
                                         });
                                         fileCache[payload.fileId] = localPath;
                                     }
                                 }
-                                react_native_file_viewer_1.default.open(fileCache[payload.fileId]);
+                                FileViewer.open(fileCache[payload.fileId]);
                             })
                         },
                         {
                             text: t('delete'), textColor: 'primary',
                             // @ts-ignore
                             onPress: () => __awaiter(void 0, void 0, void 0, function* () {
-                                rn_ui_1.ActionSheet.destroy();
-                                yield (0, init_1.getImManager)().deleteMessage(item);
+                                ActionSheet.destroy();
+                                yield getImManager().deleteMessage(item);
                                 reload();
                             }),
                         },
@@ -96,23 +91,23 @@ const SearchFileList = ({ keyword, conversationId }) => {
                     },
                 });
             }}>
-                <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.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>
+                <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.file}>
+                    <View style={styles.fileInfo}>
+                        <Text style={styles.fileName} numberOfLines={2} ellipsizeMode={'middle'}>{payload.filename}</Text>
+                        <Text style={styles.fileSize}>{numberToFileSize(payload.size)}</Text>
+                    </View>
                     <Icon style={styles.imageIcon}/>
-                </react_native_1.View>
-            </react_native_1.TouchableOpacity>);
+                </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"
     },
@@ -122,15 +117,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",
@@ -138,36 +133,36 @@ 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'
     },
     file: {
         flexDirection: 'row',
-        marginTop: (0, rn_ui_1.dp)(10)
+        marginTop: dp(10)
     },
     fileInfo: {
         flex: 1,
-        paddingRight: (0, rn_ui_1.dp)(10),
+        paddingRight: dp(10),
         justifyContent: 'center'
     },
     fileName: {
-        fontSize: (0, rn_ui_1.dp)(15),
-        lineHeight: (0, rn_ui_1.dp)(20),
+        fontSize: dp(15),
+        lineHeight: dp(20),
         color: '#010101'
     },
     fileSize: {
-        fontSize: (0, rn_ui_1.dp)(12),
-        lineHeight: (0, rn_ui_1.dp)(20),
+        fontSize: dp(12),
+        lineHeight: dp(20),
         color: '#a2a2a2'
     },
     imageIcon: {
-        height: (0, rn_ui_1.dp)(45)
+        height: dp(45)
     }
 });
-exports.default = (0, react_1.memo)(SearchFileList);
+export default memo(SearchFileList);