@smart-link/rn-im 1.0.1

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

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

package/dist/pages/search/components/PictureMulipleBar.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type PictureMultipleBarProps = {
+    disabled?: boolean;
+    onPicMultipleForward?: () => void;
+    onPicMultipleCollect?: () => void;
+    onPicMultipleSave?: () => void;
+    onPicMultipleDelete?: () => void;
+};
+declare const PictureMultipleBar: React.NamedExoticComponent<PictureMultipleBarProps>;
+export default PictureMultipleBar;

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

@@ -0,0 +1,105 @@
+"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) => {
+    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),
+            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={() => {
+            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>
+
+            <react_native_1.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>
+
+            {/* <TouchableOpacity
+            disabled={disabled}
+            style={styles.item}
+            onPress={() => {
+                onPicMultipleSave && onPicMultipleSave();
+            }}
+        >
+            <MaterialIcons name="save" size={dp(20)} color={color}/>
+            <Text style={fontStyle}>{t('savePicture')}</Text>
+        </TouchableOpacity> */}
+
+            <react_native_1.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>);
+});
+const styles = react_native_1.StyleSheet.create({
+    wrap: {
+        paddingTop: (0, rn_ui_1.dp)(10),
+        backgroundColor: '#fff',
+        width: '100%',
+        paddingHorizontal: (0, rn_ui_1.dp)(10),
+        justifyContent: 'space-around',
+        flexDirection: 'row',
+    },
+    item: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center'
+    },
+    text: {
+        fontSize: (0, rn_ui_1.dp)(13),
+        lineHeight: (0, rn_ui_1.dp)(20)
+    }
+});
+exports.default = PictureMultipleBar;

package/dist/pages/search/components/SearchFileList.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type Props = {
+    keyword: string;
+    conversationId: string;
+};
+declare const _default: import("react").MemoExoticComponent<({ keyword, conversationId }: Props) => import("react").JSX.Element>;
+export default _default;

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

@@ -0,0 +1,173 @@
+"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 });
+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");
+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)({
+        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>;
+    }
+    const keyExtractor = (item) => item.messageSeq;
+    const renderSectionHeader = ({ section }) => {
+        return (<react_native_1.Text style={styles.dateTxt}>{section.date}</react_native_1.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={() => {
+                // @ts-ignore
+                rn_ui_1.ActionSheet.open({
+                    title: payload.filename,
+                    onClose: () => {
+                        rn_ui_1.ActionSheet.destroy();
+                    },
+                    options: [
+                        {
+                            text: t('openLocal'),
+                            // @ts-ignore
+                            onPress: () => __awaiter(void 0, void 0, void 0, function* () {
+                                rn_ui_1.ActionSheet.destroy();
+                                if (payload.localPath) {
+                                    fileCache[payload.fileId] = payload.localPath;
+                                }
+                                else {
+                                    if (!fileCache[payload.fileId]) {
+                                        const localPath = yield (0, init_1.getImManager)().download({
+                                            fileId: payload.fileId,
+                                            resourceType: 'file',
+                                            filename: payload.filename,
+                                            fileSize: payload.size,
+                                        });
+                                        (0, init_1.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]);
+                            })
+                        },
+                        {
+                            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);
+                                reload();
+                            }),
+                        },
+                    ],
+                    cancelButton: {
+                        text: t('cancel'),
+                    },
+                });
+            }}>
+                <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>
+                    <Icon style={styles.imageIcon}/>
+                </react_native_1.View>
+            </react_native_1.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}/>);
+};
+const styles = react_native_1.StyleSheet.create({
+    view: {
+        backgroundColor: "#F5F5F5"
+    },
+    empty: {
+        flex: 1,
+        alignItems: 'center',
+        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(),
+        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 }),
+    itemTop: {
+        flex: 1,
+        flexDirection: "row",
+        alignItems: "center",
+        position: "relative"
+    },
+    name: {
+        paddingLeft: (0, rn_ui_1.dp)(10)
+    },
+    time: {
+        position: "absolute",
+        top: (0, rn_ui_1.dp)(5),
+        right: 0,
+        fontSize: (0, rn_ui_1.dp)(12),
+        color: '#a2a2a2'
+    },
+    file: {
+        flexDirection: 'row',
+        marginTop: (0, rn_ui_1.dp)(10)
+    },
+    fileInfo: {
+        flex: 1,
+        paddingRight: (0, rn_ui_1.dp)(10),
+        justifyContent: 'center'
+    },
+    fileName: {
+        fontSize: (0, rn_ui_1.dp)(15),
+        lineHeight: (0, rn_ui_1.dp)(20),
+        color: '#010101'
+    },
+    fileSize: {
+        fontSize: (0, rn_ui_1.dp)(12),
+        lineHeight: (0, rn_ui_1.dp)(20),
+        color: '#a2a2a2'
+    },
+    imageIcon: {
+        height: (0, rn_ui_1.dp)(45)
+    }
+});
+exports.default = (0, react_1.memo)(SearchFileList);

package/dist/pages/search/components/SearchPictures.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type Props = {
+    conversationId: string;
+    multiple?: boolean;
+    onCancel?: () => void;
+};
+export declare const SearchPictures: ({ conversationId, multiple }: Props) => React.JSX.Element;
+export default SearchPictures;

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

@@ -0,0 +1,220 @@
+"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) {
+        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.SearchPictures = void 0;
+const react_native_1 = require("react-native");
+const CachedImage_1 = __importDefault(require("../../../components/CachedImage"));
+const rn_ui_1 = require("@smart-link/rn-ui");
+const PictureMulipleBar_1 = __importDefault(require("../../../pages/search/components/PictureMulipleBar"));
+const react_1 = __importStar(require("react"));
+const dayjs_1 = __importDefault(require("dayjs"));
+const init_1 = require("../../../init");
+const common_action_sheet_1 = require("../../../utils/common-action-sheet");
+const im_base_1 = require("@smart-link/im-base");
+const useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
+const MessagePictureAlbum_1 = __importDefault(require("../../../pages/message/components/MessagePictureAlbum"));
+const useSearchMessage_1 = require("../../../pages/search/components/useSearchMessage");
+const numColumns = 4;
+const { width } = react_native_1.Dimensions.get('window');
+const SearchPictures = ({ conversationId, multiple }) => {
+    const { data, onLoadMore, reload } = (0, useSearchMessage_1.useSearchMessage)({
+        keyword: '',
+        conversationId,
+        payloadType: 'picture',
+        normalData: false,
+    });
+    const [checkedIds, setCheckedIds] = (0, react_1.useState)([]);
+    const navigation = (0, rn_ui_1.useNavigation)();
+    const { t } = (0, useTranslation_1.default)();
+    const [preview, setPreview] = (0, react_1.useState)({
+        visible: false,
+        messageSeq: '',
+        messages: []
+    });
+    const sectionList = (0, react_1.useMemo)(() => {
+        const mapData = {};
+        const thisWeek = (0, dayjs_1.default)().startOf('week');
+        const thisMonth = (0, dayjs_1.default)().startOf('month');
+        data.forEach((item, index) => {
+            let date = '';
+            if ((0, dayjs_1.default)(item.messageTime).isSame(thisWeek, 'week')) {
+                date = 'thisWeek';
+            }
+            else if ((0, dayjs_1.default)(item.messageTime).isSame(thisMonth, 'month')) {
+                date = 'thisMonth';
+            }
+            else {
+                date = (0, dayjs_1.default)(item.messageTime).format('YYYY-MM');
+            }
+            if (mapData[date]) {
+                mapData[date].push(item);
+            }
+            else {
+                mapData[date] = [item];
+            }
+        });
+        const list = [];
+        for (let key in mapData) {
+            list.push({
+                title: key,
+                data: [
+                    {
+                        key,
+                        subList: mapData[key],
+                    },
+                ],
+            });
+        }
+        return list;
+    }, [data]);
+    const onPicMultipleForward = () => {
+        const messages = data.filter(item => checkedIds.includes(item.messageSeq));
+        (0, init_1.getImManager)().store.dispatch(im_base_1.MessageActions.setForwardMessage(messages));
+        navigation.navigate('ForwardToConversation');
+        // setMultiple(false);
+        setCheckedIds([]);
+    };
+    const onPicMultipleCollect = () => __awaiter(void 0, void 0, void 0, function* () {
+        const messages = data.filter(item => checkedIds.includes(item.messageSeq));
+        const imManager = (0, init_1.getImManager)();
+        for (let i = 0; i < messages.length; i++) {
+            yield imManager.store.dispatch(im_base_1.MessageActions.collectMessage(imManager, messages[i]));
+        }
+        rn_ui_1.Toast.success(t('collectSuccess'));
+        // setMultiple(false);
+        setCheckedIds([]);
+    });
+    const onPicMultipleDelete = () => {
+        const imManager = (0, init_1.getImManager)();
+        (0, common_action_sheet_1.ConfirmActionSheet)(t('confirmDeletePictures'), () => __awaiter(void 0, void 0, void 0, function* () {
+            const updateData = {
+                id: conversationId,
+                errorText: '',
+                text: t('userDeleteMessage', { count: checkedIds.length }),
+            };
+            yield imManager.db.updateConversationById(updateData);
+            imManager.store.dispatch(im_base_1.ConversationActions.updateConversation(updateData));
+            // 需要更新消息列表
+            imManager.store.dispatch(im_base_1.MessageActions.deleteMessages(checkedIds));
+            yield imManager.db.deleteMessageByPKBatch(checkedIds);
+            yield imManager.db.deleteMessageEmittingByPKBatch(checkedIds);
+            reload();
+            rn_ui_1.Toast.success(t('deleteSuccess'));
+        }), t);
+    };
+    return (<react_native_1.View style={{ flex: 1 }}>
+            <react_native_1.SectionList style={{ flex: 1 }} sections={sectionList} keyExtractor={item => item.key} renderSectionHeader={({ section: { title } }) => {
+            let date = '';
+            if (title === 'thisWeek') {
+                date = t('thisWeek');
+            }
+            else if (title === 'thisMonth') {
+                date = t('thisMonth');
+            }
+            else {
+                date = title;
+            }
+            return (<react_native_1.View style={styles.header}>
+                            <react_native_1.Text style={styles.headerText}>{date}</react_native_1.Text>
+                        </react_native_1.View>);
+        }} renderItem={({ item }) => {
+            return (<react_native_1.View style={{ flexDirection: 'row', flexWrap: 'wrap' }}>
+                            {item.subList.map(message => (<react_native_1.View key={message.messageSeq} style={styles.item}>
+                                    <react_native_1.TouchableOpacity onPress={() => {
+                        if (multiple) {
+                            setCheckedIds(prev => {
+                                if (prev.includes(message.messageSeq)) {
+                                    return prev.filter(ele => ele !== message.messageSeq);
+                                }
+                                else {
+                                    return prev.concat(message.messageSeq);
+                                }
+                            });
+                        }
+                        else {
+                            // 预览图片
+                            setPreview({
+                                visible: true,
+                                messages: [message],
+                                messageSeq: message.messageSeq
+                            });
+                        }
+                    }}>
+                                        <CachedImage_1.default style={styles.img} localPath={message.payload.localPath} fileId={message.payload.fileId}/>
+                                    </react_native_1.TouchableOpacity>
+                                    <react_native_1.View style={styles.checkbox}>
+                                        {multiple && (<rn_ui_1.Checkbox style={{ pointerEvents: 'none' }} checked={checkedIds.includes(message.messageSeq)} size='s'/>)}
+                                    </react_native_1.View>
+                                </react_native_1.View>))}
+                        </react_native_1.View>);
+        }} onEndReachedThreshold={0.1} onEndReached={onLoadMore}/>
+            {multiple && <PictureMulipleBar_1.default disabled={!checkedIds.length} onPicMultipleForward={onPicMultipleForward} onPicMultipleCollect={onPicMultipleCollect} onPicMultipleDelete={onPicMultipleDelete}/>}
+
+            <MessagePictureAlbum_1.default visible={preview.visible} messages={preview.messages} messageSeq={preview.messageSeq} onClose={() => {
+            setPreview({ visible: false, messageSeq: '', messages: [] });
+        }}/>
+        </react_native_1.View>);
+};
+exports.SearchPictures = SearchPictures;
+const styles = react_native_1.StyleSheet.create({
+    header: {
+        width: '100%',
+        height: (0, rn_ui_1.dp)(22),
+        paddingLeft: (0, rn_ui_1.dp)(4),
+        justifyContent: 'center',
+        backgroundColor: 'rgba(255, 255, 255, 0.6)',
+    },
+    headerText: {
+        fontSize: 15,
+    },
+    item: {
+        height: width / numColumns - 2,
+        width: width / numColumns - 2,
+        margin: 1,
+        position: 'relative',
+    },
+    img: {
+        height: width / numColumns - 2,
+        width: width / numColumns - 2,
+    },
+    checkbox: {
+        position: 'absolute',
+        top: 0,
+        right: 0,
+    },
+});
+exports.default = exports.SearchPictures;

package/dist/pages/search/components/SearchShareLinkList.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type Props = {
+    keyword: string;
+    conversationId: string;
+};
+declare const _default: import("react").MemoExoticComponent<({ keyword, conversationId }: Props) => import("react").JSX.Element>;
+export default _default;