@smart-link/rn-im 1.0.23 → 1.0.26

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

@@ -1,83 +1,55 @@
-"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 ChatAvatar_1 = __importDefault(require("../../../components/ChatAvatar/ChatAvatar"));
-const rn_ui_1 = require("@smart-link/rn-ui");
+import React, { memo } from 'react';
+import { StyleSheet, Text, View, TouchableOpacity } from 'react-native';
+import ChatAvatar from '../../../components/ChatAvatar/ChatAvatar';
+import { dp } from '@smart-link/rn-ui';
 // @ts-ignore
-const MaterialIcons_1 = __importDefault(require("react-native-vector-icons/MaterialIcons"));
-const MessageItemQuote = (0, react_1.memo)(props => {
+import Icon from 'react-native-vector-icons/MaterialIcons';
+const MessageItemQuote = memo(props => {
     const { quoteId, quoteAvatars, quoteTitle, quoteText, onDeleteQuote, } = props;
-    return (<react_native_1.View style={styles.quote}>
-            <ChatAvatar_1.default id={quoteId} url={quoteAvatars} size={(0, rn_ui_1.dp)(32)} name={''}/>
-            <react_native_1.View style={styles.width10}/>
-            <react_native_1.View style={styles.left}>
-                <react_native_1.Text style={styles.name} numberOfLines={1}>{quoteTitle}</react_native_1.Text>
-                <react_native_1.Text style={styles.text} numberOfLines={1}>{quoteText}</react_native_1.Text>
-            </react_native_1.View>
-            <react_native_1.TouchableOpacity style={styles.delete} onPress={onDeleteQuote}>
-                <MaterialIcons_1.default name="clear" color="#666" size={(0, rn_ui_1.dp)(18)}/>
-            </react_native_1.TouchableOpacity>
-        </react_native_1.View>);
+    return (<View style={styles.quote}>
+            <ChatAvatar id={quoteId} url={quoteAvatars} size={dp(32)} name={''}/>
+            <View style={styles.width10}/>
+            <View style={styles.left}>
+                <Text style={styles.name} numberOfLines={1}>{quoteTitle}</Text>
+                <Text style={styles.text} numberOfLines={1}>{quoteText}</Text>
+            </View>
+            <TouchableOpacity style={styles.delete} onPress={onDeleteQuote}>
+                <Icon name="clear" color="#666" size={dp(18)}/>
+            </TouchableOpacity>
+        </View>);
 });
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     quote: {
         backgroundColor: '#f3f3f3',
-        padding: (0, rn_ui_1.dp)(8),
+        padding: dp(8),
         flexDirection: 'row',
         borderColor: '#eee',
         borderStyle: 'solid',
-        borderWidth: (0, rn_ui_1.dp)(1),
+        borderWidth: dp(1),
         alignItems: 'center',
     },
     width10: {
-        width: (0, rn_ui_1.dp)(10),
+        width: dp(10),
     },
     left: {
         justifyContent: 'space-between'
     },
     name: {
-        width: (0, rn_ui_1.dp)(250),
-        fontSize: (0, rn_ui_1.dp)(12),
-        lineHeight: (0, rn_ui_1.dp)(15),
+        width: dp(250),
+        fontSize: dp(12),
+        lineHeight: dp(15),
         color: '#999',
     },
     text: {
-        width: (0, rn_ui_1.dp)(270),
-        fontSize: (0, rn_ui_1.dp)(12),
-        lineHeight: (0, rn_ui_1.dp)(16),
+        width: dp(270),
+        fontSize: dp(12),
+        lineHeight: dp(16),
         color: '#666',
     },
     delete: {
-        paddingTop: (0, rn_ui_1.dp)(3),
-        right: (0, rn_ui_1.dp)(10),
+        paddingTop: dp(3),
+        right: dp(10),
         position: 'absolute',
     }
 });
-exports.default = MessageItemQuote;
+export default MessageItemQuote;

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

@@ -1,67 +1,39 @@
-"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 FontAwesome_1 = __importDefault(require("react-native-vector-icons/FontAwesome"));
-const styles_1 = require("../../../components/styles");
-const init_1 = require("../../../init");
-const im_base_1 = require("@smart-link/im-base");
-const MessageItemTips = (0, react_1.memo)(props => {
+import { dp } from '@smart-link/rn-ui';
+import React, { memo } from 'react';
+import { Image, StyleSheet, Text, TouchableOpacity } from 'react-native';
+import FontAwesome from "react-native-vector-icons/FontAwesome";
+import { shadowStyle } from "../../../components/styles";
+import { getImManager, getLogo } from "../../../init";
+import { MessagePanelActions } from '@smart-link/im-base';
+const MessageItemTips = memo(props => {
     const { text, style, } = props;
-    return (<react_native_1.TouchableOpacity style={[styles.tips, style]} onPress={() => {
-            const imManager = (0, init_1.getImManager)();
-            imManager.store.dispatch(im_base_1.MessagePanelActions.focusTipsMessage(imManager));
+    return (<TouchableOpacity style={[styles.tips, style]} onPress={() => {
+            const imManager = getImManager();
+            imManager.store.dispatch(MessagePanelActions.focusTipsMessage(imManager));
         }}>
-            <react_native_1.Image style={styles.logo} source={(0, init_1.getLogo)()}/>
-            <react_native_1.Text style={styles.text}>{text}</react_native_1.Text>
-            <react_native_1.Text style={styles.icon}>
-                <FontAwesome_1.default name="angle-double-up" color="#777" size={17}/>
-            </react_native_1.Text>
-        </react_native_1.TouchableOpacity>);
+            <Image style={styles.logo} source={getLogo()}/>
+            <Text style={styles.text}>{text}</Text>
+            <Text style={styles.icon}>
+                <FontAwesome name="angle-double-up" color="#777" size={17}/>
+            </Text>
+        </TouchableOpacity>);
 });
-const styles = react_native_1.StyleSheet.create({
-    tips: Object.assign({ top: (0, rn_ui_1.dp)(35), right: (0, rn_ui_1.dp)(0), position: 'absolute', flexDirection: 'row', height: (0, rn_ui_1.dp)(36), backgroundColor: '#fff', justifyContent: 'space-between', alignItems: 'center', borderColor: '#eee', borderTopLeftRadius: (0, rn_ui_1.dp)(20), borderBottomLeftRadius: (0, rn_ui_1.dp)(20), paddingVertical: (0, rn_ui_1.dp)(4) }, styles_1.shadowStyle),
+const styles = StyleSheet.create({
+    tips: Object.assign({ top: dp(35), right: dp(0), position: 'absolute', flexDirection: 'row', height: dp(36), backgroundColor: '#fff', justifyContent: 'space-between', alignItems: 'center', borderColor: '#eee', borderTopLeftRadius: dp(20), borderBottomLeftRadius: dp(20), paddingVertical: dp(4) }, shadowStyle),
     logo: {
-        marginHorizontal: (0, rn_ui_1.dp)(4),
-        height: (0, rn_ui_1.dp)(30),
-        width: (0, rn_ui_1.dp)(30),
+        marginHorizontal: dp(4),
+        height: dp(30),
+        width: dp(30),
         justifyContent: 'center',
-        borderRadius: (0, rn_ui_1.dp)(15),
+        borderRadius: dp(15),
     },
     text: {
-        fontSize: (0, rn_ui_1.dp)(13),
-        lineHeight: (0, rn_ui_1.dp)(18),
+        fontSize: dp(13),
+        lineHeight: dp(18),
         color: '#555',
     },
     icon: {
-        marginHorizontal: (0, rn_ui_1.dp)(4),
+        marginHorizontal: dp(4),
     }
 });
-exports.default = MessageItemTips;
+export default MessageItemTips;

package/dist/pages/message/components/MessageOption.d.ts

@@ -1,12 +1,16 @@
 import React from 'react';
-import { NativeTouchEvent } from 'react-native';
 import { IMessage } from '@smart-link/im-base';
+import { NativeEventLayout } from '../../../pages';
 type MessageOptionProps = {
     message?: IMessage;
     visible: boolean;
-    nativeEvent?: NativeTouchEvent;
+    touchPoint?: {
+        x: number;
+        y: number;
+    };
+    nativeEventLayout?: NativeEventLayout;
     onClose: () => void;
     setLoading: (loading: boolean) => void;
 };
-declare const _default: React.MemoExoticComponent<({ visible, message, nativeEvent, onClose, setLoading }: MessageOptionProps) => React.JSX.Element | null>;
+declare const _default: React.MemoExoticComponent<({ visible, message, nativeEventLayout, touchPoint, onClose, setLoading }: MessageOptionProps) => React.JSX.Element | null>;
 export default _default;