@smart-link/rn-im 1.0.24 → 1.0.26

package/dist/pages/message/components/Payload/PayloadFile.js

@@ -11,26 +11,27 @@ import { dp, Toast } from '@smart-link/rn-ui';
 import FileViewer from 'react-native-file-viewer';
 import React, { memo, useRef, useState } from 'react';
 import { View, Text, StyleSheet, Dimensions, } from 'react-native';
-import { numberToFileSize } from '../../../../utils/file';
+import { numberToFileSize, toAbsolutePath } from '../../../../utils/file';
 import { MessageStatus } from '@smart-link/im-base';
 import UploadProgress from '../UploadProgress';
 import { getImManager } from '../../../../init';
 import PayloadWrapper from './PayloadWrapper';
 import { findSvgIcon } from '../../../../utils/file-icon';
 import useTranslation from "../../../../hooks/useTranslation";
-const PayloadFile = ({ payload, messageSeq, direction, showArrow = true, isRecord, messageStatus, sendSize, style, onLongPress }) => {
+const PayloadFile = ({ payload, messageSeq, direction, showArrow = true, isRecord, messageStatus, jobId, sendSize, style, onLongPress }) => {
     const ext = payload.filename.split('.').pop();
     const Icon = findSvgIcon(ext);
     const path = useRef('');
     const downloading = useRef(false);
     const { t } = useTranslation();
+    const width = Dimensions.get('window').width * 0.75 - dp(24);
     const [download, setDownload] = useState({
         progress: 0,
         status: 'pending',
     });
     const openWithLocal = (path) => __awaiter(void 0, void 0, void 0, function* () {
         try {
-            yield FileViewer.open(path);
+            yield FileViewer.open(toAbsolutePath(path));
         }
         catch (e) {
             Toast.warning(t('fileOpenFail'));
@@ -48,7 +49,7 @@ const PayloadFile = ({ payload, messageSeq, direction, showArrow = true, isRecor
                     onProgress: (e) => {
                         setDownload({
                             progress: e.loaded,
-                            status: 'downloading',
+                            status: e.loaded === payload.size ? 'done' : 'downloading',
                         });
                     }
                 });
@@ -103,25 +104,24 @@ const PayloadFile = ({ payload, messageSeq, direction, showArrow = true, isRecor
             yield openWithLocal(localPath);
         }
     });
-    return (<PayloadWrapper direction={direction} showArrow={showArrow} onLongPress={onLongPress} style={[style, styles.file]} onPress={pressFile}>
+    return (<PayloadWrapper direction={direction} showArrow={showArrow} onLongPress={onLongPress} style={[style, styles.file, { width: width + dp(12) }]} onPress={pressFile}>
             <View style={{ flexDirection: 'row', alignItems: 'center', flex: 1 }}>
                 <Icon style={styles.fileIcon}/>
                 <View style={{ flex: 1 }}>
                     <Text numberOfLines={1} ellipsizeMode="middle">{payload.filename}</Text>
-                    <Text style={styles.size}>{numberToFileSize(payload.size)}{payload.localPath ? t('downloaded') : ''}</Text>
+                    <Text style={styles.size}>{numberToFileSize(payload.size)} {payload.localPath ? t('downloaded') : ''}</Text>
                 </View>
             </View>
-            <UploadProgress show={download.status === 'downloading'} width={200} sendSize={download.progress} totalSize={payload.size}/>
-            <UploadProgress show={messageStatus === MessageStatus.EMITTING} width={200} sendSize={sendSize || 0} totalSize={payload.size}/>
+            <UploadProgress show={download.status === 'downloading'} width={width} sendSize={download.progress} totalSize={payload.size}/>
+            <UploadProgress show={messageStatus === MessageStatus.EMITTING || Boolean(jobId)} width={width} sendSize={sendSize || 0} totalSize={payload.size}/>
         </PayloadWrapper>);
 };
 const styles = StyleSheet.create({
     file: {
-        minWidth: 200,
+        flexDirection: 'column',
         alignItems: 'center',
         padding: dp(6),
-        borderRadius: dp(8),
-        width: Dimensions.get('window').width * 0.75,
+        borderRadius: dp(8)
     },
     fileIcon: {
         marginRight: dp(8),

package/dist/pages/message/components/Payload/PayloadMultiple.js

@@ -1,7 +1,7 @@
 import { borderStyle, shadowStyle } from '../../../../components/styles';
 import useTranslation from '../../../../hooks/useTranslation';
 import { getImManager } from '../../../../init';
-import { buildSimpleText, ConversationType } from '@smart-link/im-base';
+import { buildSimpleText, ConversationType, MessageListActions } from '@smart-link/im-base';
 import { dp, useNavigation } from '@smart-link/rn-ui';
 import React, { memo } from 'react';
 import { View, StyleSheet, Text, Dimensions } from 'react-native';
@@ -17,10 +17,14 @@ const PayloadMultiple = memo(({ payload, messageSeq, direction, showArrow = true
         ? t('multipleChatRecordTitle', { fromName, toName })
         : t('multipleChatRecordTitleGroup');
     return (<PayloadWrapper direction={direction} showArrow={showArrow} style={[style, styles.wrap]} onPress={() => {
-            navigation.navigate('MessageRecord', {
-                messageSeq,
-                messages: selectedMessages,
-                title,
+            imManager.store.dispatch(MessageListActions.addMessageListData(imManager, messageSeq, selectedMessages));
+            navigation.navigate({
+                name: 'MessageRecord',
+                key: Date.now().toString(),
+                params: {
+                    messageSeq,
+                    title,
+                },
             });
         }} onLongPress={onLongPress}>
             <Text style={styles.titleText} numberOfLines={2}>

package/dist/pages/message/components/Payload/PayloadPicture.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { PayloadProps } from "./type";
-declare const _default: React.MemoExoticComponent<({ payload, onLoad, ...retProps }: PayloadProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ payload, onLoad, isRecord, ...retProps }: PayloadProps) => React.JSX.Element>;
 export default _default;

package/dist/pages/message/components/Payload/PayloadPicture.js

@@ -17,13 +17,12 @@ import { borderStyle, shadowStyle } from '../../../../components/styles';
 import { dp } from '@smart-link/rn-ui';
 import PayloadWrapper from './PayloadWrapper';
 import Image from 'react-native-fast-image';
-import useDownloadSource from "../../../../hooks/useDownloadSource";
 import { toAbsolutePath } from "../../../../utils/file";
 const { width: screenWidth } = Dimensions.get('window');
 const PayloadPicture = (_a) => {
-    var { payload, onLoad } = _a, retProps = __rest(_a, ["payload", "onLoad"]);
+    var { payload, onLoad, isRecord } = _a, retProps = __rest(_a, ["payload", "onLoad", "isRecord"]);
     const ext = payload.filename.split('.').pop();
-    const localPath = useDownloadSource(payload);
+    const { localPath } = payload;
     useEffect(() => {
         if (localPath) {
             onLoad === null || onLoad === void 0 ? void 0 : onLoad(localPath);
@@ -35,7 +34,7 @@ const PayloadPicture = (_a) => {
     }
     let content;
     if (/svg/i.test(ext)) {
-        content = <SvgFromUri style={[borderStyle]} uri={localPath} viewBox={'0 0 1024 1024'} width={screenWidth * 0.4} height={screenWidth * 0.4}/>;
+        content = <SvgFromUri style={[borderStyle]} uri={toAbsolutePath(localPath)} viewBox={'0 0 1024 1024'} width={screenWidth * 0.4} height={screenWidth * 0.4}/>;
     }
     else {
         content = <Image resizeMode="cover" style={[borderStyle, size]} source={{

package/dist/pages/message/components/Payload/PayloadVideo.js

@@ -11,10 +11,11 @@ import UploadProgress from '../UploadProgress';
 import PayloadWrapper from './PayloadWrapper';
 import { getImManager } from '../../../../init';
 import Image from 'react-native-fast-image';
+import { toAbsolutePath } from "../../../../utils/file";
 const PayloadVideo = ({ messageStatus, messageSeq, payload, sendSize = 0, isRecord, onLongPress }) => {
     const { width, height } = payload;
     const size = calculate(height || dp(163), width || dp(100));
-    const thumbnail = payload.imagePath ? { uri: 'file://' + payload.imagePath }
+    const thumbnail = payload.imagePath ? { uri: toAbsolutePath(payload.imagePath) }
         : { uri: getDownloadUrl(payload.imageFileId) };
     return (<PayloadWrapper style={[styles.root, shadowStyle, borderStyle, size]} onPress={() => {
             getImManager().store.dispatch(loadVideoPlayer({

package/dist/pages/message/components/Payload/PayloadVoice.js

@@ -83,7 +83,7 @@ const PayloadVoice = ({ payload, direction, style, messageSeq, showArrow = true,
             return;
         }
         else {
-            const isExist = yield RNFS.exists(payload.localPath);
+            const isExist = yield RNFS.exists(toAbsolutePath(payload.localPath));
             if (!isExist) {
                 console.log('path not exists');
                 const destPath = yield download();

package/dist/pages/message/components/Payload/PayloadWrapper.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
 import { GestureResponderEvent } from 'react-native';
+import { NativeEventLayout } from "../../../types";
 export interface PayloadWrapperProps {
     showArrow?: boolean;
     direction?: 'left' | 'right';
     children: React.ReactNode;
     style?: any;
     onPress?: (e: GestureResponderEvent) => void;
-    onLongPress?: (e: GestureResponderEvent) => void;
+    onLongPress?: (e: GestureResponderEvent, layout: NativeEventLayout) => void;
 }
 declare const PayloadWrapper: React.NamedExoticComponent<PayloadWrapperProps>;
 export default PayloadWrapper;

package/dist/pages/message/components/Payload/PayloadWrapper.js

@@ -10,11 +10,16 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { dp } from '@smart-link/rn-ui';
-import React, { memo } from 'react';
+import React, { memo, useState } from 'react';
 import { View, StyleSheet, TouchableOpacity } from 'react-native';
 const PayloadWrapper = memo((_a) => {
-    var { children, direction, showArrow } = _a, retProps = __rest(_a, ["children", "direction", "showArrow"]);
-    return (<TouchableOpacity {...retProps}>
+    var { children, direction, showArrow, onLongPress } = _a, retProps = __rest(_a, ["children", "direction", "showArrow", "onLongPress"]);
+    const [layout, setLayout] = useState();
+    return (<TouchableOpacity {...retProps} onLayout={e => {
+            setLayout(e.nativeEvent.layout);
+        }} onLongPress={(e) => {
+            onLongPress && onLongPress(e, layout);
+        }}>
             {showArrow && (<View style={[styles.arrow, direction === 'right' ? styles.rightArrow : styles.leftArrow]}/>)}
             {children}
         </TouchableOpacity>);

package/dist/pages/message/components/Payload/type.d.ts

@@ -1,11 +1,12 @@
 import { IMessage } from "@smart-link/im-base";
 import { GestureResponderEvent, StyleProp, ViewStyle } from "react-native";
+import { NativeEventLayout } from "../../../types";
 export interface PayloadProps extends IMessage {
     style?: StyleProp<ViewStyle>;
     direction?: 'left' | 'right';
     showArrow?: boolean;
     isRecord?: boolean;
     onPress?: (e: GestureResponderEvent) => void;
-    onLongPress?: (e: GestureResponderEvent) => void;
+    onLongPress?: (e: GestureResponderEvent, layout: NativeEventLayout) => void;
     onLoad?: (localPath: string) => void;
 }

package/dist/pages/message/components/ReceiptBack.js

@@ -6,11 +6,11 @@ import useTranslation from "../../../hooks/useTranslation";
 import dayjs from "dayjs";
 export const ReceiptBack = ({ message }) => {
     const { t } = useTranslation();
-    // console.log('ReceiptBack: '', message.receiptBackList.length, message.receiptBackList);
+    // console.log('ReceiptBack: ', message.receiptBackList.length, message.receiptBackList);
     return (<View style={styles.content}>
             <View style={{ flexDirection: 'row' }}>
                 <Text style={[styles.text, { width: dp(165) }]}>
-                    {dayjs(message.messageTime).format('YYYY-MM-DD hh:mm:ss')}
+                    {dayjs(message.messageTime).format('YYYY-MM-DD HH:mm:ss')}
                 </Text>
                 <Text style={styles.text}>{message.messageStatus === MessageStatus.EMIT_ERROR ? t('sendFail') : t('sent')}</Text>
             </View>

package/dist/pages/message/components/TextMixQuote.js

@@ -11,7 +11,6 @@ import LocalImage from '../../../components/LocalImage';
 import useTranslation from '../../../hooks/useTranslation';
 import { getImManager } from '../../../init';
 import PayloadFile from './Payload/PayloadFile';
-import useDownloadSource, { useDownloadImgSource } from "../../../hooks/useDownloadSource";
 const voiceLeft = require('../../../../assets/voice-left.png');
 const { width } = Dimensions.get('window');
 export const QuoteTextMix = memo(props => {
@@ -27,10 +26,8 @@ export const QuoteTextMix = memo(props => {
 });
 export const QuotePicture = memo(props => {
     const { quoteTitle, quoteMessage, quoteStyle, color, textStyle, borderColor, backgroundColor, onPressQuote } = props;
-    const { height, width } = quoteMessage.payload;
+    const { height, width, localPath } = quoteMessage.payload;
     const theme = useTheme();
-    console.log('QuotePicture', quoteMessage);
-    const localImg = useDownloadSource(quoteMessage.payload);
     const sizeStyle = calculate(height || 100, width || 61.8, 100);
     return (<TouchableOpacity activeOpacity={0.5} onPress={onPressQuote} style={[quoteStyle, styles.leftBorder, { backgroundColor: dark(color, 6) }]}>
             <Text style={[textStyle, styles.replyUserName]}>
@@ -38,7 +35,7 @@ export const QuotePicture = memo(props => {
                 {' : '}
             </Text>
             <View style={styles.h5}/>
-            {(!localImg) && (<View style={[
+            {(!localPath) && (<View style={[
                 styles.pictureEmpty,
                 Object.assign({ backgroundColor,
                     borderColor }, sizeStyle),
@@ -47,23 +44,21 @@ export const QuotePicture = memo(props => {
                     <ActivityIndicator color={theme.primaryColor} animating={true}/>
                 </View>)}
 
-            {localImg && (<LocalImage style={sizeStyle} resizeMode="cover" localPath={localImg}/>)}
+            {localPath && (<LocalImage style={sizeStyle} resizeMode="cover" localPath={localPath}/>)}
         </TouchableOpacity>);
 });
 export const QuoteVideo = memo(props => {
     const { quoteTitle, quoteMessage, quoteStyle, color, textStyle, borderColor, backgroundColor, onPressQuote } = props;
-    const { duration, height, width } = quoteMessage.payload;
+    const { duration, height, width, imagePath } = quoteMessage.payload;
     const theme = useTheme();
-    console.log('QuoteVideo: ', quoteMessage);
     const sizeStyle = calculate(height, width);
-    const localImg = useDownloadImgSource(quoteMessage.payload);
     return (<TouchableOpacity activeOpacity={0.5} onPress={onPressQuote} style={[quoteStyle, styles.leftBorder, { backgroundColor: dark(color, 6) }]}>
             <Text style={[textStyle, styles.replyUserName]}>
                 {quoteTitle}
                 {' : '}
             </Text>
             <View style={styles.h5}/>
-            {(!localImg) && (<View style={[
+            {(!imagePath) && (<View style={[
                 styles.pictureEmpty,
                 Object.assign({ backgroundColor,
                     borderColor }, sizeStyle),
@@ -72,8 +67,8 @@ export const QuoteVideo = memo(props => {
                     <ActivityIndicator color={theme.primaryColor} animating={true}/>
                 </View>)}
 
-            {localImg && (<View style={{ width: sizeStyle.width }}>
-                    <LocalImage style={sizeStyle} resizeMode="cover" localPath={localImg}/>
+            {imagePath && (<View style={{ width: sizeStyle.width }}>
+                    <LocalImage style={sizeStyle} resizeMode="cover" localPath={imagePath}/>
                     <View style={styles.playView}>
                         <AntDesign size={30} name="playcircleo" color="#fff"/>
                     </View>

package/dist/pages/message/components/TextMixQuoteMessage.js

@@ -20,15 +20,15 @@ const TextMixQuoteMessage = memo(props => {
                 }}/>)}
 
                     {quotePayloadType === PICTURE && (<QuotePicture quoteTitle={quote.quoteTitle} quoteMessage={quote.quoteMessage} quoteStyle={quoteStyle} color={quoteBgColor} textStyle={textStyle} backgroundColor={quoteBgColor} borderColor={quoteBgColor} onPressQuote={() => {
-                    onPressQuote && onPressQuote(quoteMessageSeq);
+                    onPressQuote === null || onPressQuote === void 0 ? void 0 : onPressQuote(quoteMessageSeq);
                 }}/>)}
 
                     {quotePayloadType === VIDEO && (<QuoteVideo quoteTitle={quote.quoteTitle} quoteMessage={quote.quoteMessage} quoteStyle={quoteStyle} color={quoteBgColor} textStyle={textStyle} backgroundColor={quoteBgColor} borderColor={quoteBgColor} onPressQuote={() => {
-                    onPressQuote && onPressQuote(quoteMessageSeq);
+                    onPressQuote === null || onPressQuote === void 0 ? void 0 : onPressQuote(quoteMessageSeq);
                 }}/>)}
 
                     {quotePayloadType === FILE && (<QuoteFile quoteTitle={quote.quoteTitle} quoteMessage={quote.quoteMessage} color={quoteBgColor} textStyle={textStyle} onPressQuote={() => {
-                    onPressQuote && onPressQuote(quoteMessageSeq);
+                    onPressQuote === null || onPressQuote === void 0 ? void 0 : onPressQuote(quoteMessageSeq);
                 }}/>)}
 
                     {quotePayloadType === VOICE && (<QuoteVoice quoteTitle={quote.quoteTitle} quoteMessage={quote.quoteMessage} color={quoteBgColor} textStyle={textStyle} onPressQuote={() => {

package/dist/pages/message/components/messageBar/OptionPanel.js

@@ -7,8 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { dp, Toast, useNavigation } from '@smart-link/rn-ui';
-import * as DocumentPicker from '@react-native-documents/picker';
+import { dp, useNavigation } from '@smart-link/rn-ui';
 import React, { forwardRef, memo, useImperativeHandle, useState } from 'react';
 import { View, Text, FlatList, TouchableOpacity, Dimensions, StyleSheet, Animated } from 'react-native';
 import { useConversation } from '../../../../hooks/useImSelector';
@@ -17,7 +16,7 @@ import { getImManager } from '../../../../init';
 import { FileIcon, PhotosIcon, ShootingIcon, UserIcon } from './Icons';
 import ImagePicker from 'react-native-image-crop-picker';
 import { startSendContact } from '../../../../slice/contact/contact.slice';
-import { copyFile, getExtensionFromMime } from '../../../../utils/file';
+import { copyFile } from '../../../../utils/file';
 import { scrollToBottom } from '../../../../utils/scroll';
 import { takeCamera } from '../../../../utils/take-camera';
 import FontAwesome from "react-native-vector-icons/FontAwesome";
@@ -63,8 +62,8 @@ const OptionPanel = forwardRef((props, ref) => {
                 compressImageMaxWidth: 1080,
             });
             console.log(images);
-            images.map(item => {
-                sendPicture({
+            for (const item of images) {
+                yield sendPicture({
                     filename: item.filename,
                     size: item.size,
                     localPath: item.path,
@@ -73,7 +72,7 @@ const OptionPanel = forwardRef((props, ref) => {
                     width: item.width,
                     height: item.height,
                 });
-            });
+            }
         }
         catch (e) {
             console.log(e);
@@ -89,31 +88,7 @@ const OptionPanel = forwardRef((props, ref) => {
     });
     const pickFile = () => __awaiter(void 0, void 0, void 0, function* () {
         try {
-            const files = yield DocumentPicker.pick({
-                type: [DocumentPicker.types.allFiles],
-            });
-            const fileInfo = files[0];
-            console.log('chooseFile: ', fileInfo);
-            if (!fileInfo.uri) {
-                Toast.error(t("failedToObtainFilePath"));
-                return;
-            }
-            const ext = getExtensionFromMime(fileInfo.type);
-            if (!ext) {
-                Toast.error(t("unsupportedFileTypes"));
-                return;
-            }
-            if (!fileInfo.name.endsWith(ext)) {
-                fileInfo.name = fileInfo.name + ext;
-            }
-            yield sendFile({
-                // ios 中文名称编码了，需要解码
-                localPath: decodeURI(fileInfo.uri),
-                filename: fileInfo.name,
-                size: fileInfo.size,
-                type: fileInfo.type,
-                lastModified: Date.now(),
-            });
+            navigation.navigate('FileSelector');
         }
         catch (e) {
             console.log(e);

package/dist/pages/message/message.routes.js

@@ -2,6 +2,7 @@ import MessageList from './MessageList';
 import ChooseMember from './ChooseMember';
 import MessageRecord from './MessageRecord';
 import MessageBackup, { StartBackupPage, RestoreBackupPage } from './MessageBackup';
+import FileSelector from "./FileSelector";
 export const messageRoutes = [
     {
         name: 'MessageList',
@@ -26,6 +27,15 @@ export const messageRoutes = [
             title: '',
         },
     },
+    {
+        name: 'FileSelector',
+        component: FileSelector,
+        options: {
+            title: '',
+            animation: 'fade_from_bottom',
+            animationDuration: 150,
+        },
+    },
     {
         name: 'MessageBackup',
         component: MessageBackup,

package/dist/pages/types.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import { IConversation, IMessage } from '@smart-link/im-base';
+import { IConversation } from '@smart-link/im-base';
 import { IGroupCategory } from '../interface';
+import { LayoutChangeEvent } from "react-native";
 type StackAnimationTypes = 'default' | 'fade' | 'fade_from_bottom' | 'flip' | 'none' | 'simple_push' | 'slide_from_bottom' | 'slide_from_right' | 'slide_from_left';
 export type IMPageParamList = {
     ScanCode: undefined;
@@ -54,9 +55,9 @@ export type IMPageParamList = {
     OptionGroupManage: undefined;
     MessageRecord: {
         messageSeq: string;
-        messages: IMessage[];
         title: string;
     };
+    FileSelector: undefined;
 };
 export type RouteConfig = {
     name: string;
@@ -68,4 +69,5 @@ export type RouteConfig = {
         animationDuration?: number;
     };
 };
+export type NativeEventLayout = LayoutChangeEvent['nativeEvent']['layout'];
 export {};

package/dist/slice/video/video.action.js

@@ -12,13 +12,14 @@ import { setVideoDownloadProgress, showVideoPlayer, setVideoDownloadError, cance
 import { dp } from '@smart-link/rn-ui';
 import { getDownloadUrl } from '../../api/file';
 import { getImManager } from '../../init';
+import { toAbsolutePath } from "../../utils/file";
 let stopFn = () => { };
 export const loadVideoPlayer = message => (dispatch) => __awaiter(void 0, void 0, void 0, function* () {
     console.log('loadVideoPlayer: ', message);
     const { payload, messageSeq, isRecord } = message;
     const { width = dp(100), height = dp(163), localPath } = payload;
     const thumbnail = payload.imagePath
-        ? { uri: 'file://' + payload.imagePath }
+        ? { uri: toAbsolutePath(payload.imagePath) }
         : { uri: getDownloadUrl(payload.imageFileId) };
     const imManager = getImManager();
     const download = () => __awaiter(void 0, void 0, void 0, function* () {
@@ -28,6 +29,7 @@ export const loadVideoPlayer = message => (dispatch) => __awaiter(void 0, void 0
                 resourceType: 'video',
                 filename: payload.filename || (payload.fileId + '.mp4'),
                 onProgress(o) {
+                    console.log('download video: ', o);
                     dispatch(setVideoDownloadProgress(o.loaded / Number(o.total || payload.size)));
                 },
                 onStart: (stop) => {
@@ -70,6 +72,12 @@ export const loadVideoPlayer = message => (dispatch) => __awaiter(void 0, void 0
     }
     else if (!localPath && isRecord) {
         // 下载文件，缓存资源
+        dispatch(showVideoPlayer({
+            videoLocalPath: '',
+            videoImageHeight: height,
+            videoImageWidth: width,
+            videoImagePath: thumbnail.uri,
+        }));
         let destPath = yield imManager.loadResourceFromCache(payload.fileId);
         console.log('video cache: ', destPath);
         if (!destPath) {

package/dist/utils/file.d.ts

@@ -1,4 +1,5 @@
 import { IUser, IDownloadOptions, ImManager, ResourceType } from '@smart-link/im-base';
+import { IPathItem } from "../interface";
 declare const resourceDirBase: {
     readonly avatars: "/avatars";
     readonly voice: "/voice";
@@ -14,10 +15,17 @@ export declare function toAbsolutePath(filePath: string): string;
 export declare function toRelativePath(filePath: string): string;
 export declare const numberToFileSize: (number: number) => string;
 export declare const moveFile: (filePath: string, filename: string, resourceType: ResourceDir) => Promise<string>;
-export declare const copyFile: (localPath: string, filename: string, resourceType?: ResourceDir) => Promise<string>;
+export declare const copyFile: (localPath: string, filename: string, resourceType: ResourceDir) => Promise<string>;
 export declare const getSuffix: (filename: string) => string;
-export declare const download: ({ fileId, fileSize, resourceType, filename, onProgress, onStart }: IDownloadOptions) => Promise<string>;
+export declare const download: ({ fileId, resourceType, filename, onProgress, onStart }: IDownloadOptions) => Promise<string>;
 export declare function saveToAlbum(imManager: ImManager, localPath: string, showTips?: boolean): Promise<boolean>;
 export declare function requestSaveFilePermissionIfAndroid(imManager: ImManager): Promise<boolean>;
 export declare function getExtensionFromMime(mime: string): string;
+export declare function selectFile(imManager: ImManager, filePath: string, filename: string): Promise<string | undefined>;
+export declare function readFileDir(imManager: ImManager, path: string, keyword?: string): Promise<IPathItem[]>;
+export declare function getChildrenCount(imManager: ImManager, isDir: boolean, path: string): Promise<number>;
+export declare function getFileRootItem(imManager: ImManager): Promise<IPathItem[]>;
+export declare function createRootItem(imManager: ImManager, name: string, path: string): Promise<IPathItem>;
+export declare function getFileType(path: string): string;
+export declare function isImage(path: string): boolean;
 export {};