@smart-link/rn-im 1.0.22 → 1.0.24

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

@@ -1,189 +1,160 @@
-"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 });
-exports.QuoteMultiple = exports.QuoteVoice = exports.QuoteFile = exports.QuoteVideo = exports.QuotePicture = exports.QuoteTextMix = void 0;
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const TextMixMessage_1 = __importDefault(require("./TextMixMessage"));
-const styles_1 = require("../../../components/styles");
-const AntDesign_1 = __importDefault(require("react-native-vector-icons/AntDesign"));
-const rn_ui_1 = require("@smart-link/rn-ui");
-const im_base_1 = require("@smart-link/im-base");
-const golden_rectangle_1 = require("../../../utils/golden-rectangle");
-const color_1 = require("../../../utils/color");
-const LocalImage_1 = __importDefault(require("../../../components/LocalImage"));
-const useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
-const init_1 = require("../../../init");
-const PayloadFile_1 = __importDefault(require("./Payload/PayloadFile"));
-const useDownloadSource_1 = __importStar(require("../../../hooks/useDownloadSource"));
+import React, { memo } from 'react';
+import { ActivityIndicator, Image, StyleSheet, Text, TouchableOpacity, View, Dimensions } from 'react-native';
+import TextMixMessage from './TextMixMessage';
+import { shadowStyle } from '../../../components/styles';
+import AntDesign from 'react-native-vector-icons/AntDesign';
+import { dp, useTheme } from '@smart-link/rn-ui';
+import { ConversationType, numberToTime, buildSimpleText } from '@smart-link/im-base';
+import { calculate } from '../../../utils/golden-rectangle';
+import { dark } from '../../../utils/color';
+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 } = react_native_1.Dimensions.get('window');
-exports.QuoteTextMix = (0, react_1.memo)(props => {
+const { width } = Dimensions.get('window');
+export const QuoteTextMix = memo(props => {
     const { quoteTitle, quoteText, color, textStyle, quoteStyle, onPressQuote, onLongPressPhone, onLongPressURL } = props;
-    return (<react_native_1.TouchableOpacity activeOpacity={0.5} onPress={onPressQuote} style={[quoteStyle, styles.leftBorder, { backgroundColor: (0, color_1.dark)(color, 4) }]}>
-            <react_native_1.Text style={[textStyle, styles.replyUserName]}>
+    return (<TouchableOpacity activeOpacity={0.5} onPress={onPressQuote} style={[quoteStyle, styles.leftBorder, { backgroundColor: dark(color, 4) }]}>
+            <Text style={[textStyle, styles.replyUserName]}>
                 {quoteTitle}
                 {' : '}
-            </react_native_1.Text>
-            <react_native_1.View style={styles.h5}/>
-            <TextMixMessage_1.default text={quoteText} textStyle={textStyle} onLongPressPhone={onLongPressPhone} onLongPressURL={onLongPressURL}/>
-        </react_native_1.TouchableOpacity>);
+            </Text>
+            <View style={styles.h5}/>
+            <TextMixMessage text={quoteText} textStyle={textStyle} onLongPressPhone={onLongPressPhone} onLongPressURL={onLongPressURL}/>
+        </TouchableOpacity>);
 });
-exports.QuotePicture = (0, react_1.memo)(props => {
+export const QuotePicture = memo(props => {
     const { quoteTitle, quoteMessage, quoteStyle, color, textStyle, borderColor, backgroundColor, onPressQuote } = props;
     const { height, width } = quoteMessage.payload;
-    const theme = (0, rn_ui_1.useTheme)();
+    const theme = useTheme();
     console.log('QuotePicture', quoteMessage);
-    const localImg = (0, useDownloadSource_1.default)(quoteMessage.payload);
-    const sizeStyle = (0, golden_rectangle_1.calculate)(height || 100, width || 61.8, 100);
-    return (<react_native_1.TouchableOpacity activeOpacity={0.5} onPress={onPressQuote} style={[quoteStyle, styles.leftBorder, { backgroundColor: (0, color_1.dark)(color, 6) }]}>
-            <react_native_1.Text style={[textStyle, styles.replyUserName]}>
+    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]}>
                 {quoteTitle}
                 {' : '}
-            </react_native_1.Text>
-            <react_native_1.View style={styles.h5}/>
-            {(!localImg) && (<react_native_1.View style={[
+            </Text>
+            <View style={styles.h5}/>
+            {(!localImg) && (<View style={[
                 styles.pictureEmpty,
                 Object.assign({ backgroundColor,
                     borderColor }, sizeStyle),
-                { backgroundColor: (0, color_1.dark)(color, 6) },
+                { backgroundColor: dark(color, 6) },
             ]}>
-                    <react_native_1.ActivityIndicator color={theme.primaryColor} animating={true}/>
-                </react_native_1.View>)}
+                    <ActivityIndicator color={theme.primaryColor} animating={true}/>
+                </View>)}
 
-            {localImg && (<LocalImage_1.default style={sizeStyle} resizeMode="cover" localPath={localImg}/>)}
-        </react_native_1.TouchableOpacity>);
+            {localImg && (<LocalImage style={sizeStyle} resizeMode="cover" localPath={localImg}/>)}
+        </TouchableOpacity>);
 });
-exports.QuoteVideo = (0, react_1.memo)(props => {
+export const QuoteVideo = memo(props => {
     const { quoteTitle, quoteMessage, quoteStyle, color, textStyle, borderColor, backgroundColor, onPressQuote } = props;
     const { duration, height, width } = quoteMessage.payload;
-    const theme = (0, rn_ui_1.useTheme)();
+    const theme = useTheme();
     console.log('QuoteVideo: ', quoteMessage);
-    const sizeStyle = (0, golden_rectangle_1.calculate)(height, width);
-    const localImg = (0, useDownloadSource_1.useDownloadImgSource)(quoteMessage.payload);
-    return (<react_native_1.TouchableOpacity activeOpacity={0.5} onPress={onPressQuote} style={[quoteStyle, styles.leftBorder, { backgroundColor: (0, color_1.dark)(color, 6) }]}>
-            <react_native_1.Text style={[textStyle, styles.replyUserName]}>
+    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}
                 {' : '}
-            </react_native_1.Text>
-            <react_native_1.View style={styles.h5}/>
-            {(!localImg) && (<react_native_1.View style={[
+            </Text>
+            <View style={styles.h5}/>
+            {(!localImg) && (<View style={[
                 styles.pictureEmpty,
                 Object.assign({ backgroundColor,
                     borderColor }, sizeStyle),
-                { backgroundColor: (0, color_1.dark)(color, 6) },
+                { backgroundColor: dark(color, 6) },
             ]}>
-                    <react_native_1.ActivityIndicator color={theme.primaryColor} animating={true}/>
-                </react_native_1.View>)}
+                    <ActivityIndicator color={theme.primaryColor} animating={true}/>
+                </View>)}
 
-            {localImg && (<react_native_1.View style={{ width: sizeStyle.width }}>
-                    <LocalImage_1.default style={sizeStyle} resizeMode="cover" localPath={localImg}/>
-                    <react_native_1.View style={styles.playView}>
-                        <AntDesign_1.default size={30} name="playcircleo" color="#fff"/>
-                    </react_native_1.View>
-                    <react_native_1.View style={{ position: 'absolute', bottom: (0, rn_ui_1.dp)(5), right: (0, rn_ui_1.dp)(5) }}>
-                        <react_native_1.Text style={{ fontSize: (0, rn_ui_1.dp)(12), color: '#fff' }}>{(0, im_base_1.numberToTime)(duration)}</react_native_1.Text>
-                    </react_native_1.View>
-                </react_native_1.View>)}
-        </react_native_1.TouchableOpacity>);
+            {localImg && (<View style={{ width: sizeStyle.width }}>
+                    <LocalImage style={sizeStyle} resizeMode="cover" localPath={localImg}/>
+                    <View style={styles.playView}>
+                        <AntDesign size={30} name="playcircleo" color="#fff"/>
+                    </View>
+                    <View style={{ position: 'absolute', bottom: dp(5), right: dp(5) }}>
+                        <Text style={{ fontSize: dp(12), color: '#fff' }}>{numberToTime(duration)}</Text>
+                    </View>
+                </View>)}
+        </TouchableOpacity>);
 });
-exports.QuoteFile = (0, react_1.memo)(props => {
+export const QuoteFile = memo(props => {
     const { quoteTitle, quoteMessage, color, textStyle, onPressQuote } = props;
-    return (<react_native_1.TouchableOpacity activeOpacity={0.5} onPress={onPressQuote} style={[styles.leftBorder, { padding: (0, rn_ui_1.dp)(5), backgroundColor: (0, color_1.dark)(color, 6) }]}>
-            <react_native_1.Text style={[textStyle, styles.replyUserName]}>
+    return (<TouchableOpacity activeOpacity={0.5} onPress={onPressQuote} style={[styles.leftBorder, { padding: dp(5), backgroundColor: dark(color, 6) }]}>
+            <Text style={[textStyle, styles.replyUserName]}>
                 {quoteTitle}
                 {' : '}
-            </react_native_1.Text>
-            <react_native_1.View style={styles.h5}/>
-            <react_native_1.View style={[styles.popoverFile, { backgroundColor: (0, color_1.dark)(color, 10) }]}>
-                <PayloadFile_1.default {...quoteMessage} showArrow={false}/>
-            </react_native_1.View>
-        </react_native_1.TouchableOpacity>);
+            </Text>
+            <View style={styles.h5}/>
+            <View style={[styles.popoverFile, { backgroundColor: dark(color, 10) }]}>
+                <PayloadFile {...quoteMessage} style={{ flex: 1 }} showArrow={false}/>
+            </View>
+        </TouchableOpacity>);
 });
-exports.QuoteVoice = (0, react_1.memo)(props => {
+export const QuoteVoice = memo(props => {
     const { quoteTitle, quoteMessage, color, textStyle, onPressQuote } = props;
     const { duration } = quoteMessage.payload;
     let voiceViewLength = 40 + (80 * duration) / 60;
-    voiceViewLength = (0, rn_ui_1.dp)(voiceViewLength > 120 ? 120 : voiceViewLength);
-    return (<react_native_1.TouchableOpacity activeOpacity={0.5} onPress={onPressQuote} style={[styles.leftBorder, { padding: (0, rn_ui_1.dp)(5), backgroundColor: (0, color_1.dark)(color, 6) }]}>
-            <react_native_1.Text style={[textStyle, styles.replyUserName]}>
+    voiceViewLength = dp(voiceViewLength > 120 ? 120 : voiceViewLength);
+    return (<TouchableOpacity activeOpacity={0.5} onPress={onPressQuote} style={[styles.leftBorder, { padding: dp(5), backgroundColor: dark(color, 6) }]}>
+            <Text style={[textStyle, styles.replyUserName]}>
                 {quoteTitle}
                 {' : '}
-            </react_native_1.Text>
-            <react_native_1.View style={styles.h5}/>
+            </Text>
+            <View style={styles.h5}/>
 
-            <react_native_1.View style={[styles.popoverVoice, { backgroundColor: (0, color_1.dark)(color, 10), width: voiceViewLength + (0, rn_ui_1.dp)(10) }]}>
-                <react_native_1.View style={{ width: voiceViewLength, alignItems: 'flex-start' }}>
-                    <react_native_1.Image style={styles.voiceImage} source={voiceLeft}></react_native_1.Image>
-                </react_native_1.View>
-                <react_native_1.Text style={styles.duration}>{Math.round(duration || 0)}''</react_native_1.Text>
-            </react_native_1.View>
-        </react_native_1.TouchableOpacity>);
+            <View style={[styles.popoverVoice, { backgroundColor: dark(color, 10), width: voiceViewLength + dp(10) }]}>
+                <View style={{ width: voiceViewLength, alignItems: 'flex-start' }}>
+                    <Image style={styles.voiceImage} source={voiceLeft}></Image>
+                </View>
+                <Text style={styles.duration}>{Math.round(duration || 0)}''</Text>
+            </View>
+        </TouchableOpacity>);
 });
-exports.QuoteMultiple = (0, react_1.memo)(props => {
+export const QuoteMultiple = memo(props => {
     const { quoteTitle, quoteMessage, color, textStyle, quoteStyle, onPressQuote } = props;
     const { type, fromName, toName, selectedMessages } = quoteMessage.payload;
-    const { t } = (0, useTranslation_1.default)();
+    const { t } = useTranslation();
     const messages = selectedMessages.length > 4 ? [...selectedMessages.slice(0, 4), 'more'] : selectedMessages;
-    const title = type === im_base_1.ConversationType.C2C
+    const title = type === ConversationType.C2C
         ? t('multipleChatRecordTitle', { fromName, toName })
         : t('multipleChatRecordTitleGroup');
-    const imManager = (0, init_1.getImManager)();
-    return (<react_native_1.TouchableOpacity activeOpacity={0.5} onPress={onPressQuote} style={[quoteStyle, styles.leftBorder, { padding: (0, rn_ui_1.dp)(5), backgroundColor: (0, color_1.dark)(color, 4) }]}>
-            <react_native_1.Text style={[textStyle, styles.replyUserName]}>
+    const imManager = getImManager();
+    return (<TouchableOpacity activeOpacity={0.5} onPress={onPressQuote} style={[quoteStyle, styles.leftBorder, { padding: dp(5), backgroundColor: dark(color, 4) }]}>
+            <Text style={[textStyle, styles.replyUserName]}>
                 {quoteTitle}
                 {' : '}
-            </react_native_1.Text>
-            <react_native_1.View style={styles.h5}/>
-            <react_native_1.Text style={styles.mulTitleText} numberOfLines={2}>
+            </Text>
+            <View style={styles.h5}/>
+            <Text style={styles.mulTitleText} numberOfLines={2}>
                 {title}
-            </react_native_1.Text>
-            <react_native_1.View style={styles.mulContent}>
+            </Text>
+            <View style={styles.mulContent}>
                 {messages.map((message, index) => {
             if (typeof message === 'string') {
-                return (<react_native_1.Text key={index} style={styles.mulItemTextMore}>
+                return (<Text key={index} style={styles.mulItemTextMore}>
                                 ......
-                            </react_native_1.Text>);
+                            </Text>);
             }
-            return (<react_native_1.Text key={index} style={styles.mulItemText} numberOfLines={1}>
+            return (<Text key={index} style={styles.mulItemText} numberOfLines={1}>
                             {message.messageFromName +
                     ': ' +
-                    (0, im_base_1.buildSimpleText)(imManager, message.payloadType, message.payload)}
-                        </react_native_1.Text>);
+                    buildSimpleText(imManager, message.payloadType, message.payload)}
+                        </Text>);
         })}
-            </react_native_1.View>
-            <react_native_1.View style={styles.mulLine}/>
-            <react_native_1.Text style={styles.mulFooterText}>{t('multipleChatRecord')}</react_native_1.Text>
-        </react_native_1.TouchableOpacity>);
+            </View>
+            <View style={styles.mulLine}/>
+            <Text style={styles.mulFooterText}>{t('multipleChatRecord')}</Text>
+        </TouchableOpacity>);
 });
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     h5: {
-        height: (0, rn_ui_1.dp)(5),
+        height: dp(5),
     },
     pictureEmpty: {
         justifyContent: 'center',
@@ -200,79 +171,79 @@ const styles = react_native_1.StyleSheet.create({
     },
     fileInfo: {
         flex: 1,
-        paddingHorizontal: (0, rn_ui_1.dp)(10),
+        paddingHorizontal: dp(10),
         justifyContent: 'center',
     },
     fileName: {
-        fontSize: (0, rn_ui_1.dp)(15),
-        lineHeight: (0, rn_ui_1.dp)(20),
+        fontSize: dp(15),
+        lineHeight: dp(20),
         color: '#010101',
     },
     fileSize: {
-        fontSize: (0, rn_ui_1.dp)(12),
-        lineHeight: (0, rn_ui_1.dp)(20),
+        fontSize: dp(12),
+        lineHeight: dp(20),
         color: '#a2a2a2',
     },
     imageIcon: {
-        height: (0, rn_ui_1.dp)(45),
+        height: dp(45),
     },
     popoverFile: {
         backgroundColor: '#fff',
         flexDirection: 'row',
-        paddingVertical: (0, rn_ui_1.dp)(8),
-        width: width - (0, rn_ui_1.dp)(145),
+        paddingVertical: dp(8),
+        width: width - dp(145),
     },
     voiceImage: {
-        width: (0, rn_ui_1.dp)(24),
-        height: (0, rn_ui_1.dp)(18),
+        width: dp(24),
+        height: dp(18),
     },
     duration: {
-        fontSize: (0, rn_ui_1.dp)(13),
-        lineHeight: (0, rn_ui_1.dp)(21),
+        fontSize: dp(13),
+        lineHeight: dp(21),
         color: '#666',
         position: 'absolute',
-        right: (0, rn_ui_1.dp)(5),
+        right: dp(5),
         alignSelf: 'center',
     },
-    popoverVoice: Object.assign({ flexDirection: 'row', padding: (0, rn_ui_1.dp)(9), borderRadius: (0, rn_ui_1.dp)(3), borderStyle: 'solid' }, styles_1.shadowStyle),
+    popoverVoice: Object.assign({ flexDirection: 'row', padding: dp(9), borderRadius: dp(3), borderStyle: 'solid' }, shadowStyle),
     replyUserName: {
         fontWeight: '600',
     },
     leftBorder: {
-        borderLeftWidth: (0, rn_ui_1.dp)(4),
+        borderLeftWidth: dp(4),
         borderColor: '#adadad',
-        borderRadius: (0, rn_ui_1.dp)(4),
+        borderRadius: dp(4),
     },
     mulTitleText: {
         color: '#333',
-        fontSize: (0, rn_ui_1.dp)(14),
-        lineHeight: (0, rn_ui_1.dp)(18),
+        fontSize: dp(14),
+        lineHeight: dp(18),
     },
     mulContent: {
-        paddingVertical: (0, rn_ui_1.dp)(5),
+        paddingVertical: dp(5),
     },
     mulItem: {
         justifyContent: 'center',
     },
     mulItemText: {
         color: '#999',
-        fontSize: (0, rn_ui_1.dp)(13),
-        lineHeight: (0, rn_ui_1.dp)(19),
+        fontSize: dp(13),
+        lineHeight: dp(19),
     },
     mulItemTextMore: {
         color: '#999',
-        fontSize: (0, rn_ui_1.dp)(13),
-        lineHeight: (0, rn_ui_1.dp)(13),
+        fontSize: dp(13),
+        lineHeight: dp(13),
     },
     mulFooterText: {
         color: '#777',
-        fontSize: (0, rn_ui_1.dp)(13),
+        fontSize: dp(13),
     },
     mulLine: {
-        marginTop: (0, rn_ui_1.dp)(5),
-        marginBottom: (0, rn_ui_1.dp)(5),
+        marginTop: dp(5),
+        marginBottom: dp(5),
         backgroundColor: '#ddd',
         width: '100%',
-        height: (0, rn_ui_1.dp)(1),
+        height: dp(1),
     },
 });

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

@@ -1,38 +1,10 @@
-"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 TextMixQuote_1 = require("./TextMixQuote");
-const react_native_1 = require("react-native");
-const TextMixMessage_1 = __importDefault(require("./TextMixMessage"));
-const im_base_1 = require("@smart-link/im-base");
-const { TEXT, VOICE, VIDEO, PICTURE, FILE, MULTIPLE } = im_base_1.PayloadType;
-const TextMixQuoteMessage = (0, react_1.memo)(props => {
+import React, { memo } from 'react';
+import { QuoteFile, QuotePicture, QuoteTextMix, QuoteVideo, QuoteVoice, QuoteMultiple } from './TextMixQuote';
+import { View } from 'react-native';
+import TextMixMessage from './TextMixMessage';
+import { PayloadType } from '@smart-link/im-base';
+const { TEXT, VOICE, VIDEO, PICTURE, FILE, MULTIPLE } = PayloadType;
+const TextMixQuoteMessage = memo(props => {
     const { text, quote, textStyle, quoteStyle, quoteBgColor, onLongPressPhone, onLongPressURL, onPressQuote } = props;
     let quotePayloadType;
     let quoteMessageSeq;
@@ -43,32 +15,32 @@ const TextMixQuoteMessage = (0, react_1.memo)(props => {
     }
     return (<>
             {haveQuote && (<>
-                    {quotePayloadType === TEXT && (<TextMixQuote_1.QuoteTextMix quoteTitle={quote.quoteTitle} quoteText={quote.quoteText} color={quoteBgColor} quoteStyle={quoteStyle} textStyle={textStyle} onLongPressPhone={onLongPressPhone} onLongPressURL={onLongPressURL} onPressQuote={() => {
+                    {quotePayloadType === TEXT && (<QuoteTextMix quoteTitle={quote.quoteTitle} quoteText={quote.quoteText} color={quoteBgColor} quoteStyle={quoteStyle} textStyle={textStyle} onLongPressPhone={onLongPressPhone} onLongPressURL={onLongPressURL} onPressQuote={() => {
                     onPressQuote === null || onPressQuote === void 0 ? void 0 : onPressQuote(quoteMessageSeq);
                 }}/>)}
 
-                    {quotePayloadType === PICTURE && (<TextMixQuote_1.QuotePicture quoteTitle={quote.quoteTitle} quoteMessage={quote.quoteMessage} quoteStyle={quoteStyle} color={quoteBgColor} textStyle={textStyle} backgroundColor={quoteBgColor} borderColor={quoteBgColor} onPressQuote={() => {
+                    {quotePayloadType === PICTURE && (<QuotePicture quoteTitle={quote.quoteTitle} quoteMessage={quote.quoteMessage} quoteStyle={quoteStyle} color={quoteBgColor} textStyle={textStyle} backgroundColor={quoteBgColor} borderColor={quoteBgColor} onPressQuote={() => {
                     onPressQuote && onPressQuote(quoteMessageSeq);
                 }}/>)}
 
-                    {quotePayloadType === VIDEO && (<TextMixQuote_1.QuoteVideo quoteTitle={quote.quoteTitle} quoteMessage={quote.quoteMessage} quoteStyle={quoteStyle} color={quoteBgColor} textStyle={textStyle} backgroundColor={quoteBgColor} borderColor={quoteBgColor} onPressQuote={() => {
+                    {quotePayloadType === VIDEO && (<QuoteVideo quoteTitle={quote.quoteTitle} quoteMessage={quote.quoteMessage} quoteStyle={quoteStyle} color={quoteBgColor} textStyle={textStyle} backgroundColor={quoteBgColor} borderColor={quoteBgColor} onPressQuote={() => {
                     onPressQuote && onPressQuote(quoteMessageSeq);
                 }}/>)}
 
-                    {quotePayloadType === FILE && (<TextMixQuote_1.QuoteFile quoteTitle={quote.quoteTitle} quoteMessage={quote.quoteMessage} color={quoteBgColor} textStyle={textStyle} onPressQuote={() => {
+                    {quotePayloadType === FILE && (<QuoteFile quoteTitle={quote.quoteTitle} quoteMessage={quote.quoteMessage} color={quoteBgColor} textStyle={textStyle} onPressQuote={() => {
                     onPressQuote && onPressQuote(quoteMessageSeq);
                 }}/>)}
 
-                    {quotePayloadType === VOICE && (<TextMixQuote_1.QuoteVoice quoteTitle={quote.quoteTitle} quoteMessage={quote.quoteMessage} color={quoteBgColor} textStyle={textStyle} onPressQuote={() => {
+                    {quotePayloadType === VOICE && (<QuoteVoice quoteTitle={quote.quoteTitle} quoteMessage={quote.quoteMessage} color={quoteBgColor} textStyle={textStyle} onPressQuote={() => {
                     onPressQuote && onPressQuote(quoteMessageSeq);
                 }}/>)}
-                    {quotePayloadType === MULTIPLE && (<TextMixQuote_1.QuoteMultiple quoteTitle={quote.quoteTitle} quoteMessage={quote.quoteMessage} color={quoteBgColor} textStyle={textStyle} onPressQuote={() => {
+                    {quotePayloadType === MULTIPLE && (<QuoteMultiple quoteTitle={quote.quoteTitle} quoteMessage={quote.quoteMessage} color={quoteBgColor} textStyle={textStyle} onPressQuote={() => {
                     onPressQuote && onPressQuote(quoteMessageSeq);
                 }}/>)}
-                    <react_native_1.View style={{ height: 10 }}/>
+                    <View style={{ height: 10 }}/>
                 </>)}
 
-            <TextMixMessage_1.default text={text} textStyle={textStyle} onLongPressPhone={onLongPressPhone} onLongPressURL={onLongPressURL}/>
+            <TextMixMessage text={text} textStyle={textStyle} onLongPressPhone={onLongPressPhone} onLongPressURL={onLongPressURL}/>
         </>);
 });
-exports.default = TextMixQuoteMessage;
+export default TextMixQuoteMessage;

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

@@ -1,33 +1,8 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const rn_ui_1 = require("@smart-link/rn-ui");
-const react_native_progress_1 = require("react-native-progress");
-const react_native_1 = require("react-native");
-const file_1 = require("../../../utils/file");
+import React, { memo } from 'react';
+import { dp } from '@smart-link/rn-ui';
+import { Bar } from 'react-native-progress';
+import { View, StyleSheet, Text } from 'react-native';
+import { numberToFileSize } from '../../../utils/file';
 const UploadProgress = ({ show, sendSize, totalSize, width }) => {
     if (!show) {
         return null;
@@ -36,16 +11,16 @@ const UploadProgress = ({ show, sendSize, totalSize, width }) => {
         return null;
     }
     const progress = sendSize / totalSize;
-    return (<react_native_1.View>
-            <react_native_progress_1.Bar progress={progress} width={width} height={(0, rn_ui_1.dp)(3)} color={'#999'} borderRadius={(0, rn_ui_1.dp)(1)}/>
-            <react_native_1.Text style={styles.rate}>{(0, file_1.numberToFileSize)(sendSize) + ' / ' + (0, file_1.numberToFileSize)(totalSize)}</react_native_1.Text>
-        </react_native_1.View>);
+    return (<View>
+            <Bar progress={progress} width={width} height={dp(3)} color={'#999'} borderRadius={dp(1)}/>
+            <Text style={styles.rate}>{numberToFileSize(sendSize) + ' / ' + numberToFileSize(totalSize)}</Text>
+        </View>);
 };
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     rate: {
         alignSelf: 'flex-end',
-        fontSize: (0, rn_ui_1.dp)(10),
+        fontSize: dp(10),
         color: '#999'
     }
 });
-exports.default = (0, react_1.memo)(UploadProgress);
+export default memo(UploadProgress);