@smart-link/rn-im 1.0.1

package/dist/pages/message/MessageBackup/StartBackupPage.js

@@ -0,0 +1,135 @@
+"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 rn_ui_1 = require("@smart-link/rn-ui");
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const utils_1 = require("./utils");
+const MessageBackup_1 = require("./MessageBackup");
+const default_assets_1 = require("../../../default-assets");
+const useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
+const Bar_1 = __importDefault(require("./Bar"));
+const { width } = react_native_1.Dimensions.get('window');
+const StartBackupPage = ({ navigation }) => {
+    const { t, i18n } = (0, useTranslation_1.default)();
+    const [progress, setProgress] = (0, react_1.useState)(0);
+    const [paused, setPaused] = (0, react_1.useState)(false);
+    const messageBack = (0, react_1.useRef)();
+    (0, react_1.useEffect)(() => {
+        navigation.setOptions({
+            title: t('cloudBackup_startText'),
+        });
+    }, [t, navigation]);
+    (0, react_1.useEffect)(() => {
+        messageBack.current = new utils_1.MessageBackupUtils(p => {
+            setProgress(p);
+        });
+        messageBack.current.start();
+        return () => {
+            var _a;
+            (_a = messageBack.current) === null || _a === void 0 ? void 0 : _a.destroy();
+        };
+    }, []);
+    const cancel = () => {
+        var _a;
+        (_a = messageBack.current) === null || _a === void 0 ? void 0 : _a.cancel();
+        navigation.goBack();
+    };
+    const pause = () => {
+        var _a;
+        (_a = messageBack.current) === null || _a === void 0 ? void 0 : _a.pause();
+        setPaused(true);
+    };
+    const resume = () => {
+        var _a;
+        (_a = messageBack.current) === null || _a === void 0 ? void 0 : _a.resume();
+        setPaused(false);
+    };
+    const finished = progress >= 100;
+    return (<rn_ui_1.NavigationPage noPadding>
+            <react_native_1.View style={styles.container}>
+                <react_native_1.Image style={styles.img} source={default_assets_1.messageBackupImg.cloud_begin}/>
+                <react_native_1.View style={styles.progress}>
+                    {!finished ? (<react_native_1.Text style={styles.text}>{t('cloudBackup_inBackup')}</react_native_1.Text>) : (<react_native_1.Text style={styles.text}>{t('cloudBackup_completed')}</react_native_1.Text>)}
+                    <react_native_1.View style={styles.progressBar}>
+                        <Bar_1.default width={(0, rn_ui_1.dp)(width - 80)} progress={progress}/>
+                    </react_native_1.View>
+                    <react_native_1.Text style={styles.progressText}>{progress}%</react_native_1.Text>
+                </react_native_1.View>
+                {!finished && !paused && (<rn_ui_1.Button style={styles.button} type={'primary'} onPress={pause}>
+                        {t('cloudBackup_pause')}
+                    </rn_ui_1.Button>)}
+                {!finished && paused && (<rn_ui_1.Button style={styles.button} type={'primary'} onPress={resume}>
+                        {t('cloudBackup_resume')}
+                    </rn_ui_1.Button>)}
+                {!finished && (<rn_ui_1.Button style={styles.button} danger onPress={cancel}>
+                        {t('cancel')}
+                    </rn_ui_1.Button>)}
+
+                {finished && (<rn_ui_1.Button style={styles.button} type="default" onPress={() => {
+                navigation.goBack();
+            }}>
+                        {i18n.t('back')}
+                    </rn_ui_1.Button>)}
+            </react_native_1.View>
+        </rn_ui_1.NavigationPage>);
+};
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        alignItems: 'center',
+        paddingTop: (0, rn_ui_1.dp)(20),
+        width,
+    },
+    img: (0, MessageBackup_1.getImageStyle)(default_assets_1.messageBackupImg.cloud_begin, 0.8),
+    text: {
+        textAlign: 'center',
+        marginVertical: (0, rn_ui_1.dp)(8),
+    },
+    button: {
+        marginVertical: (0, rn_ui_1.dp)(8),
+        width: (0, rn_ui_1.dp)(width - 40),
+    },
+    progress: {
+        paddingTop: (0, rn_ui_1.dp)(30),
+        paddingBottom: (0, rn_ui_1.dp)(20),
+    },
+    progressBar: {
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    percent: {
+        marginLeft: (0, rn_ui_1.dp)(4),
+        fontSize: (0, rn_ui_1.dp)(14),
+    },
+    progressText: {
+        fontSize: (0, rn_ui_1.dp)(14),
+        textAlign: 'center',
+    },
+});
+exports.default = StartBackupPage;

package/dist/pages/message/MessageBackup/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './MessageBackup';
+export { default as StartBackupPage } from './StartBackupPage';
+export { default as RestoreBackupPage } from './RestoreBackupPage';

package/dist/pages/message/MessageBackup/index.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RestoreBackupPage = exports.StartBackupPage = exports.default = void 0;
+var MessageBackup_1 = require("./MessageBackup");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(MessageBackup_1).default; } });
+var StartBackupPage_1 = require("./StartBackupPage");
+Object.defineProperty(exports, "StartBackupPage", { enumerable: true, get: function () { return __importDefault(StartBackupPage_1).default; } });
+var RestoreBackupPage_1 = require("./RestoreBackupPage");
+Object.defineProperty(exports, "RestoreBackupPage", { enumerable: true, get: function () { return __importDefault(RestoreBackupPage_1).default; } });

package/dist/pages/message/MessageBackup/utils.d.ts

@@ -0,0 +1,46 @@
+import { CancelTokenSource } from "axios";
+declare class Queue {
+    queue: TaskItem[];
+    constructor();
+    push(item: TaskItem): void;
+    pop(): TaskItem | undefined;
+    unshift(item: TaskItem): void;
+    isEmpty(): boolean;
+}
+declare class BaseUtils {
+    state: 'idle' | 'running' | 'paused' | 'canceled' | 'destroyed';
+    current?: TaskItem | null;
+    queue: Queue;
+    complete: number;
+    pageSize: number;
+    total: number;
+    batchId?: string;
+    progressCallback: (progress: number) => void;
+    constructor(callback: (progress: number) => void);
+    pause(): void;
+    start(): Promise<void>;
+    next(): Promise<void>;
+    resume(): Promise<void>;
+    cancel(): void;
+    destroy(): void;
+}
+declare class TaskItem {
+    cancelToken: CancelTokenSource;
+    limit: number;
+    offset: number;
+    constructor(limit: number, offset: number);
+    execute(callback: (progress: number, batchId?: string) => void, batchId?: string): Promise<void>;
+    cancel(): Promise<void>;
+}
+export declare class MessageBackupUtils extends BaseUtils {
+    constructor(callback: (progress: number) => void);
+    pause(): void;
+    start(): Promise<void>;
+    cancel(): Promise<void>;
+}
+export declare class MessageRestoreUtils extends BaseUtils {
+    constructor(callback: (progress: number) => void);
+    pause(): void;
+    start(): Promise<void>;
+}
+export {};

package/dist/pages/message/MessageBackup/utils.js

@@ -0,0 +1,239 @@
+"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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageRestoreUtils = exports.MessageBackupUtils = void 0;
+const axios_1 = __importDefault(require("axios"));
+const init_1 = require("../../../init");
+const backup_1 = require("../../../api/backup");
+class Queue {
+    constructor() {
+        this.queue = [];
+    }
+    push(item) {
+        this.queue.push(item);
+    }
+    pop() {
+        return this.queue.shift();
+    }
+    unshift(item) {
+        this.queue.unshift(item);
+    }
+    isEmpty() {
+        return this.queue.length === 0;
+    }
+}
+class BaseUtils {
+    constructor(callback) {
+        this.current = null;
+        this.state = 'idle';
+        this.current = null;
+        this.queue = new Queue();
+        this.complete = 0;
+        this.pageSize = 35;
+        this.progressCallback = callback;
+        this.total = 0;
+        this.batchId = undefined;
+    }
+    pause() {
+        this.state = 'paused';
+        if (this.current) {
+            this.current.cancel();
+            this.queue.unshift(new TaskItem(this.pageSize, this.current.offset));
+        }
+    }
+    start() {
+        return __awaiter(this, void 0, void 0, function* () {
+        });
+    }
+    next() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.state === 'running') {
+                this.current = this.queue.pop();
+                if (this.current) {
+                    yield this.current.execute((count, batchId) => {
+                        this.complete += count;
+                        this.batchId = batchId;
+                        this.progressCallback(Math.min(Number((this.complete / this.total * 100).toFixed(2)), 100));
+                    }, this.batchId);
+                    yield this.next();
+                }
+                else {
+                    this.state = 'idle';
+                }
+            }
+        });
+    }
+    resume() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.state = 'running';
+            yield this.next();
+        });
+    }
+    cancel() {
+        this.state = 'canceled';
+        if (this.current) {
+            this.current.cancel();
+        }
+    }
+    destroy() {
+        this.state = 'destroyed';
+        if (this.current) {
+            this.current.cancel();
+        }
+        this.current = null;
+    }
+}
+class TaskItem {
+    constructor(limit, offset) {
+        this.cancelToken = axios_1.default.CancelToken.source();
+        this.limit = limit;
+        this.offset = offset;
+    }
+    execute(callback, batchId) {
+        return __awaiter(this, void 0, void 0, function* () {
+        });
+    }
+    cancel() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.cancelToken.cancel();
+        });
+    }
+}
+class BackupTaskItem extends TaskItem {
+    constructor(limit, offset, messageSeq) {
+        super(limit, offset);
+        this.limit = limit;
+        this.offset = offset;
+        this.messageSeq = messageSeq;
+    }
+    execute(callback, batchId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { data, lastMessageSeq } = yield (0, init_1.getImManager)().db.selectMessageForBackup({
+                messageSeq: this.messageSeq,
+                limit: this.limit,
+                offset: this.offset
+            });
+            let prevCount = Math.ceil(data.length / 5);
+            callback(prevCount, batchId);
+            const { data: newBatchId } = yield (0, backup_1.uploadMessage)({ batchId: batchId, lastMessageSeq, messages: data }, { cancelToken: this.cancelToken.token });
+            callback(data.length - prevCount, newBatchId || batchId);
+        });
+    }
+}
+class MessageBackupUtils extends BaseUtils {
+    constructor(callback) {
+        super(callback);
+    }
+    pause() {
+        this.state = 'paused';
+        if (this.current) {
+            this.current.cancel();
+            this.queue.unshift(new BackupTaskItem(this.pageSize, this.current.offset));
+        }
+    }
+    start() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.state = 'running';
+            // 查询最近一次备份的消息序列
+            const { data: messageSeq } = yield (0, backup_1.queryMyLastBackupMessageSeq)();
+            console.log('LastBackup messageSeq: ', messageSeq);
+            const total = yield (0, init_1.getImManager)().db.countMessageAfterSeq(messageSeq);
+            console.log('total', total);
+            this.total = total;
+            // 没有需要备份的消息
+            if (this.total === 0) {
+                this.state = 'idle';
+                this.progressCallback(100);
+                return;
+            }
+            Array.from({ length: Math.ceil(total / this.pageSize) }, (v, i) => i).forEach(i => {
+                this.queue.push(new BackupTaskItem(this.pageSize, i * this.pageSize, messageSeq));
+            });
+            yield this.next();
+        });
+    }
+    cancel() {
+        const _super = Object.create(null, {
+            cancel: { get: () => super.cancel }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            _super.cancel.call(this);
+            yield (0, backup_1.cancelBackupMessage)(this.batchId);
+        });
+    }
+}
+exports.MessageBackupUtils = MessageBackupUtils;
+class RestoreTaskItem extends TaskItem {
+    constructor(pageNum, pageSize) {
+        super(pageNum, pageSize);
+        this.pageNum = pageNum;
+        this.pageSize = pageSize;
+    }
+    execute(callback) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { data: { records: [messages] } } = yield (0, backup_1.queryMyBackMessage)({ pageNum: this.pageNum, pageSize: this.pageSize }, { cancelToken: this.cancelToken.token });
+            const imManager = (0, init_1.getImManager)();
+            yield Promise.all(messages.map(item => {
+                return (() => __awaiter(this, void 0, void 0, function* () {
+                    const message = JSON.parse(item);
+                    const exist = yield imManager.db.existMessage(message.messageSeq);
+                    if (!exist) {
+                        console.log('insertMessage: ', message);
+                        try {
+                            if (message.payload.localPath) {
+                                message.payload.localPath = undefined;
+                            }
+                            yield imManager.db.insertMessage(message);
+                        }
+                        catch (e) {
+                            console.log('insertMessage error: ', e);
+                        }
+                    }
+                    callback(1);
+                    return message;
+                }))();
+            }));
+        });
+    }
+}
+class MessageRestoreUtils extends BaseUtils {
+    constructor(callback) {
+        super(callback);
+        // 默认每页1个批次的多条数据，按批次处理进度
+        this.pageSize = 1;
+    }
+    pause() {
+        this.state = 'paused';
+        if (this.current) {
+            this.current.cancel();
+            this.queue.unshift(new RestoreTaskItem(this.pageSize, this.current.offset));
+        }
+    }
+    start() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.state = 'running';
+            const { data: { total, } } = yield (0, backup_1.queryMyBackMessage)({ pageNum: 1, pageSize: 1 });
+            console.log('total: ', total);
+            this.total = total;
+            const length = Math.ceil(this.total / this.pageSize);
+            console.log('pages:', length);
+            Array.from({ length }, (v, i) => i).forEach(i => {
+                this.queue.push(new RestoreTaskItem(length - i, this.pageSize));
+            });
+            console.log('queue:', this.queue);
+            yield this.next();
+        });
+    }
+}
+exports.MessageRestoreUtils = MessageRestoreUtils;

package/dist/pages/message/MessageList.d.ts

@@ -0,0 +1,6 @@
+import { NativeStackScreenProps } from '@react-navigation/native-stack/lib/typescript/src/types';
+import React from 'react';
+import { IMPageParamList } from '../../pages';
+type MessageListProps = NativeStackScreenProps<IMPageParamList, 'MessageList'>;
+declare const MessageList: ({ navigation }: MessageListProps) => React.JSX.Element;
+export default MessageList;

package/dist/pages/message/MessageList.js

@@ -0,0 +1,175 @@
+"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 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 FontAwesome5_1 = __importDefault(require("react-native-vector-icons/FontAwesome5"));
+const useImSelector_1 = require("../../hooks/useImSelector");
+const useTranslation_1 = __importDefault(require("../../hooks/useTranslation"));
+const init_1 = require("../../init");
+const MessageBar_1 = __importDefault(require("./components/messageBar/MessageBar"));
+const MessageItem_1 = __importDefault(require("./components/MessageItem"));
+const MessageOption_1 = __importDefault(require("./components/MessageOption"));
+const VideoPlayer_1 = __importDefault(require("../../components/VideoPlayer"));
+const MessageItemQuote_1 = __importDefault(require("../../pages/message/components/MessageItemQuote"));
+const MessagePictureAlbum_1 = __importDefault(require("./components/MessagePictureAlbum"));
+const MultipleBar_1 = __importDefault(require("./components/MultipleBar"));
+const ChatBg_1 = __importDefault(require("./components/ChatBg"));
+const ahooks_1 = require("ahooks");
+const MessageItemTips_1 = __importDefault(require("./components/MessageItemTips"));
+const MessageList = ({ navigation }) => {
+    const { t } = (0, useTranslation_1.default)();
+    const messageListRef = (0, react_1.useRef)(null);
+    const { currentConversation } = (0, useImSelector_1.useConversation)();
+    const { messages, rangeList, quote, tips, isMultiple, multipleSelect } = (0, useImSelector_1.useMessage)();
+    const { user } = (0, useImSelector_1.useAuth)();
+    const bar = (0, react_1.useRef)(null);
+    const [showAlbum, setShowAlbum] = (0, react_1.useState)(false);
+    const [targetMessageSeq, setTargetMessageSeq] = (0, react_1.useState)('');
+    const [selectMessage, setSelectMessage] = (0, react_1.useState)();
+    const [nativeEvent, setNativeEvent] = (0, react_1.useState)();
+    const isB2C = (currentConversation === null || currentConversation === void 0 ? void 0 : currentConversation.type) === im_base_1.ConversationType.B2C;
+    (0, react_1.useEffect)(() => {
+        console.log('[进入会话]: ', currentConversation);
+        if (currentConversation) {
+            navigation.setOptions({
+                headerLeft: isMultiple
+                    ? () => (<react_native_1.TouchableOpacity onPress={() => {
+                            (0, init_1.getImManager)().store.dispatch(im_base_1.MessagePanelActions.cancelMultipleSelect());
+                        }}>
+                            <react_native_1.Text style={{ color: '#fff' }}>{t('cancel')}</react_native_1.Text>
+                        </react_native_1.TouchableOpacity>)
+                    : rn_ui_1.HeaderBackButton,
+                headerTitle: ({ tintColor }) => (<react_native_1.View style={{ width: (0, rn_ui_1.dp)(220) }}>
+                    <react_native_1.Text numberOfLines={1} style={{ color: tintColor, fontSize: (0, rn_ui_1.dp)(18), textAlign: 'center' }}>{currentConversation.name}</react_native_1.Text>
+                </react_native_1.View>),
+                headerRight: ({ tintColor }) => (<react_native_1.TouchableOpacity onPress={() => {
+                        navigation.navigate('ConversationSetting');
+                    }} style={{ width: (0, rn_ui_1.dp)(40), justifyContent: 'center', alignItems: 'center' }}>
+                        <FontAwesome5_1.default name="ellipsis-h" color={tintColor} size={(0, rn_ui_1.dp)(18)}/>
+                    </react_native_1.TouchableOpacity>),
+            });
+        }
+        let remover = navigation.addListener('beforeRemove', e => {
+            const imManager = (0, init_1.getImManager)();
+            if (isMultiple) {
+                e.preventDefault();
+                imManager.store.dispatch(im_base_1.MessagePanelActions.cancelMultipleSelect());
+            }
+            else {
+                console.log('[离开会话]: ');
+                imManager.store.dispatch(im_base_1.MessagePanelActions.saveDraftText(imManager));
+                react_native_1.InteractionManager.runAfterInteractions(() => {
+                    imManager.leaveConversation();
+                });
+            }
+        });
+        return () => {
+            remover();
+        };
+    }, [isMultiple, navigation, currentConversation]);
+    (0, react_1.useEffect)(() => {
+        (0, init_1.getImManager)().setFlatListRef(messageListRef);
+        (0, init_1.getImManager)().setInputRef(bar);
+    }, []);
+    const onLongPressPopover = (0, react_1.useCallback)((message, nativeEvent) => {
+        setNativeEvent(nativeEvent);
+        setSelectMessage(message);
+    }, []);
+    const onLayoutItem = (0, ahooks_1.useMemoizedFn)((message, e) => {
+        if (rangeList.length > 0 && message.messageSeq === (tips === null || tips === void 0 ? void 0 : tips.messageSeq)) {
+            const imManager = (0, init_1.getImManager)();
+            imManager.store.dispatch(im_base_1.MessagePanelActions.onRangeLayout(imManager));
+        }
+    });
+    const onPressPopover = (0, react_1.useCallback)((message, nativeEvent) => {
+        if (message.payloadType === im_base_1.PayloadType.PICTURE) {
+            setNativeEvent(nativeEvent);
+            setShowAlbum(true);
+            setTargetMessageSeq(message.messageSeq);
+        }
+    }, []);
+    const onKeyboardAt = () => {
+        if ((currentConversation === null || currentConversation === void 0 ? void 0 : currentConversation.type) === im_base_1.ConversationType.C2G) {
+            react_native_1.Keyboard.dismiss();
+            navigation.navigate('ChooseMember', { atOther: true });
+        }
+    };
+    return (<rn_ui_1.NavigationPage noPadding>
+            {(currentConversation === null || currentConversation === void 0 ? void 0 : currentConversation.type) === im_base_1.ConversationType.B2C && (<react_native_1.View style={{ padding: (0, rn_ui_1.dp)(8), backgroundColor: '#f5f5f5', elevation: 1 }}>
+                    <rn_ui_1.Input shape="normal" placeholder={t('search')} wrapStyle={{ height: (0, rn_ui_1.dp)(40) }}/>
+                </react_native_1.View>)}
+            <ChatBg_1.default fileId={currentConversation === null || currentConversation === void 0 ? void 0 : currentConversation.imageBackground}>
+                <>
+                    <react_native_1.FlatList ref={messageListRef} inverted contentContainerStyle={{
+            paddingVertical: (0, rn_ui_1.dp)(20),
+            justifyContent: 'flex-end',
+            flexGrow: 1,
+            overflow: 'scroll',
+        }} numColumns={1} onEndReachedThreshold={0.1} keyboardShouldPersistTaps={'handled'} keyExtractor={item => item.messageSeq} renderItem={({ item, index }) => {
+            return (<MessageItem_1.default message={item} conversation={currentConversation} mine={item.messageFrom === user.userId} showTimeLine={(0, im_base_1.showTimeLine)(item, index, messages)} isMultiple={isMultiple} multipleSelect={multipleSelect} onLongPressPopover={onLongPressPopover} onPressPopover={onPressPopover} onLayoutItem={onLayoutItem}/>);
+        }} data={messages} onEndReached={() => {
+            (0, init_1.getImManager)()
+                .loadBeforeMessages(currentConversation === null || currentConversation === void 0 ? void 0 : currentConversation.id, { limit: 15 })
+                .then(() => {
+                console.log('loaded');
+            });
+        }} refreshing={false} onRefresh={() => {
+            (0, init_1.getImManager)()
+                .loadAfterMessages(currentConversation === null || currentConversation === void 0 ? void 0 : currentConversation.id, { limit: 15 })
+                .then(() => {
+                console.log('loaded last');
+            });
+        }} onTouchStart={() => {
+            var _a;
+            (_a = bar.current) === null || _a === void 0 ? void 0 : _a.reset();
+        }} onLayout={() => {
+        }}/>
+                    {quote && (<MessageItemQuote_1.default {...quote} onDeleteQuote={() => {
+                (0, init_1.getImManager)().store.dispatch(im_base_1.MessageActions.setQuote(null));
+            }}/>)}
+                </>
+            </ChatBg_1.default>
+
+            {!isB2C && (isMultiple ? <MultipleBar_1.default /> : <MessageBar_1.default ref={bar} onKeyboardAt={onKeyboardAt}/>)}
+
+            {tips && tips.type === im_base_1.TipsType.AT && (<MessageItemTips_1.default {...tips}/>)}
+            <VideoPlayer_1.default />
+            <MessageOption_1.default visible={Boolean(selectMessage)} nativeEvent={nativeEvent} message={selectMessage} onClose={() => {
+            setNativeEvent(undefined);
+            setSelectMessage(undefined);
+        }}/>
+
+            <MessagePictureAlbum_1.default visible={showAlbum} messages={messages} messageSeq={targetMessageSeq} onClose={() => {
+            setShowAlbum(false);
+        }}/>
+        </rn_ui_1.NavigationPage>);
+};
+exports.default = MessageList;

package/dist/pages/message/MessageRecord.d.ts

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