@smart-link/rn-im 1.0.1

package/dist/components/Camera/CameraCapture.js

@@ -0,0 +1,360 @@
+"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.buildPictureData = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_vision_camera_1 = require("react-native-vision-camera");
+const MaterialCommunityIcons_1 = __importDefault(require("react-native-vector-icons/MaterialCommunityIcons"));
+const im_base_1 = require("@smart-link/im-base");
+const file_1 = require("../../utils/file");
+const init_1 = require("../../init");
+const rn_ui_1 = require("@smart-link/rn-ui");
+const react_native_compressor_1 = require("react-native-compressor");
+const { PICTURE, VIDEO } = im_base_1.ResourceType;
+const FlashModeValue = ['on', 'off', 'auto'];
+const FlashModeIcon = ['flash', 'flash-off', 'flash-auto'];
+const CameraTypeValue = ['back', 'front'];
+const CameraTypeIcon = ['camera-retake-outline', 'camera-retake'];
+const timerHolder = { duration: 0 };
+const { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = react_native_1.Dimensions.get('window');
+const CameraCapture = (0, react_1.memo)(props => {
+    const { finishTakePicture, finishTakeRecord, cancelCamera } = props;
+    const camera = (0, react_1.useRef)(null);
+    const [cameraTypeIndex, setCameraTypeIndex] = (0, react_1.useState)(0);
+    const [isRecording, setIsRecording] = (0, react_1.useState)(false);
+    const [flashModeIndex, setFlashModeIndex] = (0, react_1.useState)(2);
+    const microphone = (0, react_native_vision_camera_1.useMicrophonePermission)();
+    const device = (0, react_native_vision_camera_1.useCameraDevice)(CameraTypeValue[cameraTypeIndex]);
+    const format = (0, react_native_vision_camera_1.useCameraFormat)(device, [
+        { videoAspectRatio: SCREEN_HEIGHT / SCREEN_WIDTH, fps: 60, photoResolution: 'max' },
+        {
+            photoAspectRatio: SCREEN_HEIGHT / SCREEN_WIDTH,
+            photoResolution: 'max',
+        }
+    ]);
+    const takePicture = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (camera.current && !isRecording) {
+            const success = yield (0, file_1.requestSaveFilePermissionIfAndroid)((0, init_1.getImManager)());
+            if (!success) {
+                return;
+            }
+            const photo = yield camera.current.takePhoto({
+                flash: FlashModeValue[flashModeIndex],
+            });
+            console.log('photo: ', photo);
+            const pictureData = yield buildPictureData(photo);
+            finishTakePicture && finishTakePicture(pictureData);
+        }
+    });
+    const takeRecord = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (camera.current) {
+            const success = yield (0, file_1.requestSaveFilePermissionIfAndroid)((0, init_1.getImManager)());
+            if (!success) {
+                return;
+            }
+            camera.current.startRecording({
+                videoBitRate: 'normal',
+                videoCodec: 'h264',
+                onRecordingFinished: (data) => __awaiter(void 0, void 0, void 0, function* () {
+                    console.log('onRecordingFinished: ', data);
+                    const videoData = yield buildVideoData(data);
+                    finishTakeRecord === null || finishTakeRecord === void 0 ? void 0 : finishTakeRecord(videoData);
+                }),
+                onRecordingError: (error) => {
+                    console.log('onRecordingError: ', error);
+                },
+            });
+            setIsRecording(true);
+        }
+    });
+    const stopRecord = () => {
+        var _a;
+        console.log('stopRecord： ', isRecording);
+        if (isRecording) {
+            (_a = camera.current) === null || _a === void 0 ? void 0 : _a.stopRecording();
+            setIsRecording(false);
+        }
+    };
+    const switchCameraType = (0, react_1.useCallback)(() => {
+        const index = (cameraTypeIndex + 1) % 2;
+        setCameraTypeIndex(index);
+    }, [cameraTypeIndex]);
+    const switchFlashMode = (0, react_1.useCallback)(() => {
+        const index = (flashModeIndex + 1) % 3;
+        setFlashModeIndex(index);
+    }, [flashModeIndex]);
+    const onCancel = () => {
+        var _a;
+        if (isRecording) {
+            (_a = camera.current) === null || _a === void 0 ? void 0 : _a.stopRecording();
+            setIsRecording(false);
+        }
+        cancelCamera && cancelCamera();
+    };
+    return (<react_native_1.View style={styles.camera}>
+            {device ? (<react_native_vision_camera_1.Camera ref={camera} device={device} format={format} isActive={true} style={styles.preview} photo={true} video={true} audio={microphone.hasPermission} outputOrientation="portrait" onInitialized={() => {
+                console.log('Camera initialized!');
+            }} onError={error => {
+                console.log(error);
+            }}/>) : (<react_native_1.View style={styles.emptyContainer}>
+                    <react_native_1.Text style={styles.text}>Your phone does not have a Camera.</react_native_1.Text>
+                </react_native_1.View>)}
+
+            {isRecording && (<>
+                    <Timer style={styles.time}/>
+                    <Bounds style={styles.bounds}/>
+                </>)}
+
+            <react_native_1.TouchableOpacity style={styles.switch} onPress={switchCameraType}>
+                <MaterialCommunityIcons_1.default name={CameraTypeIcon[cameraTypeIndex]} size={(0, rn_ui_1.dp)(25)} color={'#fff'}/>
+            </react_native_1.TouchableOpacity>
+
+            <react_native_1.TouchableOpacity style={styles.flash} onPress={switchFlashMode}>
+                <MaterialCommunityIcons_1.default name={FlashModeIcon[flashModeIndex]} size={(0, rn_ui_1.dp)(25)} color={'#fff'}/>
+            </react_native_1.TouchableOpacity>
+
+            {!isRecording && (<react_native_1.TouchableOpacity style={styles.cancel} onPress={onCancel}>
+                    <rn_ui_1.CaihIcon name="arrow-down-outlined" size={(0, rn_ui_1.dp)(30)} color={'#fff'}/>
+                </react_native_1.TouchableOpacity>)}
+
+            <react_native_1.TouchableOpacity style={styles.capture} onPress={takePicture} onLongPress={takeRecord} onPressOut={stopRecord}/>
+        </react_native_1.View>);
+});
+const Timer = (0, react_1.memo)(props => {
+    const { style } = props;
+    const [duration, setDuration] = (0, react_1.useState)(0);
+    const showPoint = duration % 2 === 0;
+    (0, react_1.useEffect)(() => {
+        const timer = setInterval(() => {
+            timerHolder.duration = timerHolder.duration + 1;
+            setDuration(timerHolder.duration);
+        }, 500);
+        return () => {
+            clearInterval(timer);
+            timerHolder.duration = 0;
+        };
+    }, []);
+    return (<react_native_1.View style={style}>
+            {showPoint && <react_native_1.View style={styles.point}/>}
+            <react_native_1.Text style={styles.timeText}>{(0, im_base_1.numberToTime)(duration / 2)}</react_native_1.Text>
+        </react_native_1.View>);
+});
+const Bounds = (0, react_1.memo)(props => {
+    const { style } = props;
+    const scale = new react_native_1.Animated.Value(2.2);
+    (0, react_1.useEffect)(() => {
+        const seq = react_native_1.Animated.sequence([
+            react_native_1.Animated.timing(scale, {
+                toValue: 2.5,
+                duration: 1000,
+                useNativeDriver: true,
+            }),
+            react_native_1.Animated.timing(scale, {
+                toValue: 2.2,
+                duration: 1000,
+                useNativeDriver: true,
+            }),
+        ]);
+        react_native_1.Animated.loop(seq).start();
+    }, [scale]);
+    return <react_native_1.Animated.View style={[style, { transform: [{ scale: scale }] }]}/>;
+});
+const styles = react_native_1.StyleSheet.create({
+    camera: {
+        flex: 1,
+    },
+    preview: {
+        flex: 1,
+        justifyContent: 'flex-end',
+        alignItems: 'center',
+    },
+    time: {
+        flexDirection: 'row',
+        height: (0, rn_ui_1.dp)(60),
+        width: (0, rn_ui_1.dp)(150),
+        position: 'absolute',
+        top: (0, rn_ui_1.dp)(30),
+        alignSelf: 'center',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    timeText: {
+        fontSize: (0, rn_ui_1.dp)(18),
+        color: '#fff',
+    },
+    switch: {
+        height: (0, rn_ui_1.dp)(60),
+        width: (0, rn_ui_1.dp)(60),
+        position: 'absolute',
+        top: (0, rn_ui_1.dp)(30),
+        right: (0, rn_ui_1.dp)(15),
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    flash: {
+        height: (0, rn_ui_1.dp)(60),
+        width: (0, rn_ui_1.dp)(60),
+        position: 'absolute',
+        top: (0, rn_ui_1.dp)(31),
+        right: (0, rn_ui_1.dp)(60),
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    cancel: {
+        height: (0, rn_ui_1.dp)(75),
+        width: (0, rn_ui_1.dp)(75),
+        position: 'absolute',
+        bottom: (0, rn_ui_1.dp)(130),
+        left: (0, rn_ui_1.dp)(50),
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    capture: {
+        borderWidth: (0, rn_ui_1.dp)(15),
+        borderColor: '#ddd',
+        backgroundColor: '#fff',
+        borderRadius: (0, rn_ui_1.dp)(40),
+        height: (0, rn_ui_1.dp)(75),
+        width: (0, rn_ui_1.dp)(75),
+        position: 'absolute',
+        bottom: (0, rn_ui_1.dp)(130),
+        alignSelf: 'center',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    point: {
+        marginRight: (0, rn_ui_1.dp)(5),
+        width: (0, rn_ui_1.dp)(11),
+        height: (0, rn_ui_1.dp)(11),
+        backgroundColor: '#f2121a',
+        borderRadius: (0, rn_ui_1.dp)(6),
+        position: 'absolute',
+        left: (0, rn_ui_1.dp)(30),
+    },
+    bounds: {
+        backgroundColor: '#fff',
+        borderRadius: (0, rn_ui_1.dp)(40),
+        height: (0, rn_ui_1.dp)(75),
+        width: (0, rn_ui_1.dp)(75),
+        position: 'absolute',
+        bottom: (0, rn_ui_1.dp)(130),
+        alignSelf: 'center',
+        justifyContent: 'center',
+        alignItems: 'center',
+        opacity: 0.2,
+    },
+    emptyContainer: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: '#000',
+    },
+    text: {
+        color: 'white',
+        fontSize: 11,
+        fontWeight: 'bold',
+        textAlign: 'center',
+    },
+});
+function buildPictureData(data) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const uid = (0, react_native_compressor_1.uuidv4)();
+        const path = data.path;
+        const ext = path.split('.').pop();
+        const filename = PICTURE + '_' + uid + '.' + ext;
+        const tmp = yield react_native_compressor_1.Image.compress(path, {
+            compressionMethod: 'auto'
+        });
+        const localPath = yield (0, file_1.moveFile)(tmp, filename, PICTURE);
+        const size = yield (0, react_native_compressor_1.getFileSize)(localPath);
+        let width = data.width;
+        let height = data.height;
+        if (data.orientation === 'portrait') {
+            if (width > height) {
+                [width, height] = [height, width];
+            }
+        }
+        return {
+            filename: filename,
+            localPath: localPath,
+            height: height,
+            width: width,
+            ext: ext,
+            type: 'image/' + ext,
+            size,
+        };
+    });
+}
+exports.buildPictureData = buildPictureData;
+function buildVideoData(data) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const uid = (0, react_native_compressor_1.uuidv4)();
+        const path = data.path;
+        try {
+            const compressPath = yield react_native_compressor_1.Video.compress((0, file_1.toAbsolutePath)(path), {
+                compressionMethod: 'auto',
+                maxSize: 1080,
+            });
+            const ext = compressPath.split('.').pop();
+            const filename = VIDEO + '_' + uid + '.' + ext;
+            const size = yield (0, react_native_compressor_1.getFileSize)(compressPath);
+            let thumb = yield (0, react_native_compressor_1.createVideoThumbnail)((0, file_1.toAbsolutePath)(compressPath));
+            console.log('RNThumbnail', thumb);
+            const imageName = 'thumb_' + uid + '.jpg';
+            const imagePath = yield (0, file_1.moveFile)(thumb.path, imageName, VIDEO);
+            const localPath = yield (0, file_1.moveFile)(compressPath, filename, VIDEO);
+            return {
+                filename,
+                localPath: localPath,
+                imageName,
+                imagePath,
+                duration: data.duration,
+                ext: ext,
+                type: 'video/' + ext,
+                width: thumb.width,
+                height: thumb.height,
+                size,
+            };
+        }
+        catch (e) {
+            console.log('RNThumbnail', e);
+            return null;
+        }
+    });
+}
+exports.default = CameraCapture;

package/dist/components/Camera/CameraResult.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface ICameraResultProps {
+    horizontal?: boolean;
+    source: any;
+    isVideo?: boolean;
+    cancelResult: () => void;
+    confirmResult: () => void;
+    editResult: () => void;
+}
+declare const CameraResult: (props: ICameraResultProps) => React.JSX.Element;
+export default CameraResult;

package/dist/components/Camera/CameraResult.js

@@ -0,0 +1,102 @@
+"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 MaterialCommunityIcons_1 = __importDefault(require("react-native-vector-icons/MaterialCommunityIcons"));
+const CameraResult = (props) => {
+    const { horizontal = false, isVideo = false, source, cancelResult, confirmResult, editResult, } = props;
+    const resizeMode = horizontal ? 'contain' : 'cover';
+    (0, react_1.useEffect)(() => {
+        return () => {
+            console.log('CameraResult unmounted');
+        };
+    }, []);
+    return (<react_native_1.View style={styles.confirm}>
+            <react_native_1.Image style={styles.pic} resizeMode={resizeMode} source={Object.assign({}, source)}/>
+
+            <react_native_1.View style={styles.bar}>
+                <react_native_1.TouchableOpacity style={styles.cancel} onPress={cancelResult}>
+                    <MaterialCommunityIcons_1.default name='close' size={(0, rn_ui_1.dp)(30)} color={'#666'}/>
+                </react_native_1.TouchableOpacity>
+
+                {!isVideo && <react_native_1.TouchableOpacity style={styles.cancel} onPress={editResult}>
+                    <MaterialCommunityIcons_1.default name='circle-edit-outline' size={(0, rn_ui_1.dp)(30)} color={'#666'}/>
+                </react_native_1.TouchableOpacity>}
+
+                <react_native_1.TouchableOpacity style={styles.ok} onPress={confirmResult}>
+                    <MaterialCommunityIcons_1.default name='check' size={(0, rn_ui_1.dp)(30)} color={'#666'}/>
+                </react_native_1.TouchableOpacity>
+            </react_native_1.View>
+        </react_native_1.View>);
+};
+const styles = react_native_1.StyleSheet.create({
+    confirm: {
+        flex: 1,
+        backgroundColor: '#000',
+        justifyContent: "center",
+    },
+    pic: {
+        flex: 1,
+    },
+    bar: {
+        position: 'absolute',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        bottom: (0, rn_ui_1.dp)(130),
+        left: (0, rn_ui_1.dp)(20),
+        right: (0, rn_ui_1.dp)(20),
+        flexDirection: 'row',
+    },
+    cancel: {
+        backgroundColor: '#fff',
+        borderRadius: (0, rn_ui_1.dp)(40),
+        height: (0, rn_ui_1.dp)(80),
+        width: (0, rn_ui_1.dp)(80),
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    edit: {
+        backgroundColor: '#fff',
+        borderRadius: (0, rn_ui_1.dp)(40),
+        height: (0, rn_ui_1.dp)(80),
+        width: (0, rn_ui_1.dp)(80),
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    ok: {
+        backgroundColor: '#fff',
+        borderRadius: (0, rn_ui_1.dp)(40),
+        height: (0, rn_ui_1.dp)(80),
+        width: (0, rn_ui_1.dp)(80),
+        justifyContent: 'center',
+        alignItems: 'center',
+    }
+});
+exports.default = CameraResult;

package/dist/components/ChatAvatar/ChatAvatar.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ConversationType } from '@smart-link/im-base';
+import { ChatAvatarIdProps } from "../../components/ChatAvatar/ChatAvatarId";
+type ChatAvatarProps = {
+    id: string;
+    name: string;
+    url?: string;
+    type?: ConversationType;
+    size?: number;
+    disabled?: boolean;
+    editable?: boolean;
+    onUpdate?: (url: string) => void;
+} & Pick<ChatAvatarIdProps, 'priority'>;
+declare const _default: React.MemoExoticComponent<({ id, name, url: fileId, size, disabled, type, editable, onUpdate, priority }: ChatAvatarProps) => React.JSX.Element>;
+export default _default;

package/dist/components/ChatAvatar/ChatAvatar.js

@@ -0,0 +1,134 @@
+"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 rn_ui_1 = require("@smart-link/rn-ui");
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_image_crop_picker_1 = __importDefault(require("react-native-image-crop-picker"));
+const init_1 = require("../../init");
+const im_base_1 = require("@smart-link/im-base");
+const default_assets_1 = require("../../default-assets");
+const upload_1 = __importDefault(require("../../utils/upload"));
+const user_1 = require("../../api/user");
+const useImSelector_1 = require("../../hooks/useImSelector");
+const file_1 = require("../../utils/file");
+const ChatAvatarId_1 = __importDefault(require("../../components/ChatAvatar/ChatAvatarId"));
+const ChatAvatar = ({ id, name, url: fileId, size = (0, rn_ui_1.dp)(40), disabled, type = im_base_1.ConversationType.C2C, editable, onUpdate, priority = 'cache' }) => {
+    const { user } = (0, useImSelector_1.useAuth)();
+    const navigation = (0, rn_ui_1.useNavigation)();
+    const [ready, setReady] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        let imManager = (0, init_1.getImManager)();
+        if (!imManager) {
+            const cycle = setInterval(() => {
+                imManager = (0, init_1.getImManager)();
+                if (imManager) {
+                    clearInterval(cycle);
+                    setReady(true);
+                    return;
+                }
+            }, 100);
+        }
+        else {
+            setReady(true);
+        }
+    }, []);
+    const defaultAvatar = {
+        [im_base_1.ConversationType.C2C]: default_assets_1.defaultAvatars.EMPTY,
+        [im_base_1.ConversationType.C2G]: default_assets_1.defaultAvatars.GROUP,
+        [im_base_1.ConversationType.B2C]: default_assets_1.defaultAvatars.BUSI_NOTIFY,
+    }[type] || default_assets_1.defaultAvatars.EMPTY;
+    const onLongPress = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (editable) {
+            const imManager = (0, init_1.getImManager)();
+            let image;
+            try {
+                image = yield react_native_image_crop_picker_1.default.openPicker({
+                    cropping: true,
+                    width: 300,
+                    height: 300,
+                    compressImageQuality: 0.7,
+                });
+            }
+            catch (e) {
+                console.log('pick cancel: ', e);
+                return;
+            }
+            console.log('pick: ', image);
+            const fileId = yield (0, upload_1.default)(image.path, image.mime);
+            const localPath = yield (0, file_1.moveFile)(image.path, fileId + '.jpg', 'avatars');
+            console.log('upload: ', fileId);
+            if (type === im_base_1.ConversationType.C2C) {
+                imManager.user.avatars = fileId;
+                // 更新头像b
+                setTimeout(() => __awaiter(void 0, void 0, void 0, function* () {
+                    try {
+                        yield (0, user_1.updateUserInfo)(Object.assign(Object.assign({}, user), { avatars: fileId }));
+                    }
+                    catch (e) {
+                        console.log('updateUserInfo error: ', e);
+                    }
+                }), 0);
+            }
+            else {
+                // 更新群头像
+                yield (0, im_base_1.updateGroupInfo)({
+                    chatGroupId: id,
+                    avatars: fileId,
+                });
+            }
+            // 更新本地资源
+            imManager.updateResource({ url: fileId, localPath });
+            imManager.store.dispatch(im_base_1.ConversationActions.updateAvatars(imManager, id, fileId));
+            onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(fileId);
+        }
+    });
+    const onPress = () => {
+        if (disabled || editable)
+            return;
+        if (type === im_base_1.ConversationType.C2C) {
+            // 跳转到个人详情页
+            navigation.navigate('UserDetail', {
+                userId: id,
+            });
+        }
+    };
+    return (<react_native_1.TouchableOpacity disabled={disabled} onPress={onPress} onLongPress={onLongPress}>
+            {ready ? <ChatAvatarId_1.default priority={priority} id={id} fileId={fileId} size={size} name={name} defaultAvatar={defaultAvatar}/> : <rn_ui_1.Avatar icon={<react_native_1.Image style={size ? { width: size, height: size } : {}} source={defaultAvatar}/>}/>}
+        </react_native_1.TouchableOpacity>);
+};
+exports.default = (0, react_1.memo)(ChatAvatar);

package/dist/components/ChatAvatar/ChatAvatarId.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { ChatAvatarProps } from "./ChatAvatarLocal";
+export interface ChatAvatarIdProps extends ChatAvatarProps {
+    id: string;
+    priority?: 'cache' | 'outside';
+}
+declare const ChatAvatarId: ({ id, fileId: fileIdProp, priority, ...ret }: ChatAvatarIdProps) => React.JSX.Element;
+export default ChatAvatarId;