@fle-ui/plus-im-record 0.0.7-beta.0 → 0.0.8-beta.1

package/es/ChatMessageItem/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { IMMessage } from '../@types';
+import { RecordSession } from '../ChatMessageList';
 import './index.less';
 declare const ChatMessageItem: React.FC<{
     h5?: boolean;
@@ -9,9 +10,6 @@ declare const ChatMessageItem: React.FC<{
     myAccount?: string;
     accountInfo: any;
     isSessionEnd: boolean;
-    recordSession?: {
-        relationId: string | number;
-        accid: string;
-    };
+    recordSession?: RecordSession;
 }>;
 export default ChatMessageItem;

package/es/ChatMessageItem/index.less

@@ -103,6 +103,6 @@
 // 对话-H5
 .@{prefix}.h5 {
   .@{prefix}-body {
-    max-width: 270px;
+    max-width: 276px;
   }
 }

package/es/ChatMessageList/index.d.ts

@@ -3,12 +3,18 @@ import { IMMessage } from '../@types';
 import './index.less';
 declare const LOADING_STATUS: any;
 export type LoadingStatus = keyof typeof LOADING_STATUS | undefined;
+export interface RecordSession {
+    relationId?: string | number;
+    accid?: string;
+    relationType?: number;
+}
 export interface ChatMessageListProps {
     h5?: boolean;
     msgs: IMMessage[];
     myAccount?: string;
     loadingStarus?: LoadingStatus;
     onScrollTop?: UIEventHandler<HTMLDivElement>;
+    onScrollBottom?: UIEventHandler<HTMLDivElement>;
     accountsMap?: Record<string, {
         accid: string;
         nickname: string;
@@ -16,11 +22,7 @@ export interface ChatMessageListProps {
     }>;
     style?: React.CSSProperties;
     isSessionEnd?: boolean;
-    recordSession?: {
-        relationId: string | number;
-        accid: string;
-        relationType?: number;
-    };
+    recordSession?: RecordSession;
 }
 declare const ChatMessageList: React.ForwardRefExoticComponent<ChatMessageListProps & React.RefAttributes<HTMLDivElement>>;
 export default ChatMessageList;

package/es/ChatMessageList/index.js

@@ -10,8 +10,8 @@ var LOAD_LIMIT = 15;
 var ChatMessageList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var h5 = _ref.h5,
     msgs = _ref.msgs,
-    _ref$onScrollTop = _ref.onScrollTop,
-    onScrollTop = _ref$onScrollTop === void 0 ? function () {} : _ref$onScrollTop,
+    onScrollTop = _ref.onScrollTop,
+    onScrollBottom = _ref.onScrollBottom,
     _ref$loadingStarus = _ref.loadingStarus,
     loadingStarus = _ref$loadingStarus === void 0 ? '' : _ref$loadingStarus,
     myAccount = _ref.myAccount,
@@ -25,8 +25,10 @@ var ChatMessageList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var onScrollHandler = debounce(function (e) {
     var scrollElRef = ref;
     if (!(scrollElRef === null || scrollElRef === void 0 ? void 0 : scrollElRef.current)) return;
+    var isBottom = scrollElRef.current.scrollTop >= scrollElRef.current.scrollHeight - scrollElRef.current.clientHeight - 20;
     var isTop = scrollElRef.current.scrollTop < 20;
     isTop && (onScrollTop === null || onScrollTop === void 0 ? void 0 : onScrollTop(e));
+    isBottom && (onScrollBottom === null || onScrollBottom === void 0 ? void 0 : onScrollBottom(e));
   }, 200);
   return /*#__PURE__*/React.createElement("div", {
     className: prefixCls,

package/es/ChatMessageList/index.less

@@ -1,7 +1,8 @@
 @prefix: chart;
 
 .@{prefix}-messages {
-  flex: 1;
+  width: 100%;
+  height: 100%;
   position: relative;
   overflow: hidden;
   display: flex;

package/es/GoodsCard/index.d.ts

@@ -9,6 +9,7 @@ declare const OrderCard: React.FC<{
         productId: any;
         relationId?: any;
         relationType?: any;
+        orderProductId?: number;
     };
 }>;
 export default OrderCard;

package/es/GoodsCard/index.js

@@ -16,7 +16,8 @@ var OrderCard = function OrderCard(props) {
     content = props.content;
   var productId = content.productId,
     relationId = content.relationId,
-    relationType = content.relationType;
+    relationType = content.relationType,
+    orderProductId = content.orderProductId;
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     data = _useState2[0],
@@ -28,7 +29,8 @@ var OrderCard = function OrderCard(props) {
       api.getProductById({
         productId: productId,
         relationId: relationId,
-        relationType: relationType
+        relationType: relationType,
+        orderProductId: orderProductId
       }).then(function (_ref) {
         var data = _ref.data;
         setData(data || {});

package/es/GoodsCard/index.less

@@ -1,7 +1,7 @@
 @prefix: chart-messages-item;
 
 .@{prefix}-goods {
-  width: 272px;
+  max-width: 272px;
   padding-bottom: 2px;
   &-info {
     display: flex;

package/es/GoodsOrderCard/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { RecordSession } from '../ChatMessageList';
 import './index.less';
 export declare function fitUrl(url: string): string;
 declare const GoodsOrderCard: React.FC<{
@@ -8,10 +9,6 @@ declare const GoodsOrderCard: React.FC<{
     onClose?: Function;
     orderSn?: any;
     orderId?: any;
-    recordSession?: {
-        relationId: string | number;
-        accid: string;
-        relationType?: number;
-    };
+    recordSession?: RecordSession;
 }>;
 export default GoodsOrderCard;

package/es/GoodsOrderCard/index.js

@@ -62,7 +62,7 @@ var GoodsOrderCard = function GoodsOrderCard(props) {
     data = _useState2[0],
     setData = _useState2[1];
   useEffect(function () {
-    if ((orderId || orderSn) && relationId && accid) {
+    if (orderId || orderSn) {
       api.getCSOrder({
         orderSn: orderSn,
         orderId: Number(orderId) || orderId,

package/es/GoodsOrderCard/index.less

@@ -1,7 +1,7 @@
 @prefix: chart-messages-item;
 
 .@{prefix}-order {
-  width: 272px;
+  max-width: 272px;
   padding-bottom: 2px;
 
   &-info {

package/es/ParseSession/AudioPlayer.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface AudioPlayerProps {
+    prefix: string;
+    msg: {
+        idClient: string;
+        flow: string;
+    };
+    url: string;
+    dur: number;
+    text?: string;
+    style?: React.CSSProperties;
+}
+declare const AudioPlayer: React.FC<AudioPlayerProps>;
+export default AudioPlayer;

package/es/ParseSession/AudioPlayer.js

@@ -0,0 +1,89 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState, useRef } from 'react';
+import Icon from '../Icon';
+var AudioPlayer = function AudioPlayer(_ref) {
+  var prefix = _ref.prefix,
+    msg = _ref.msg,
+    url = _ref.url,
+    dur = _ref.dur,
+    text = _ref.text,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style;
+  var audioRef = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    animationFlag = _useState2[0],
+    setAnimationFlag = _useState2[1];
+  var pauseAllAudio = function pauseAllAudio() {
+    var audio = document.getElementById('fxMessageAudio');
+    audio === null || audio === void 0 ? void 0 : audio.pause();
+    return audio;
+  };
+  var pauseAllVideo = function pauseAllVideo() {
+    var videoElements = document.getElementsByTagName('video');
+    for (var i = 0; i < videoElements.length; i++) {
+      if (videoElements[i].id.startsWith('fxMessageVideo-')) {
+        videoElements[i].pause();
+      }
+    }
+  };
+  var handleAudioClick = function handleAudioClick() {
+    var _audioRef$current;
+    pauseAllVideo();
+    var oldAudio = pauseAllAudio();
+    var msgId = oldAudio === null || oldAudio === void 0 ? void 0 : oldAudio.getAttribute('msgId');
+    if (msgId === msg.idClient) {
+      setAnimationFlag(false);
+      return;
+    }
+    var audio = new Audio(url);
+    audio.id = 'fxMessageAudio';
+    audio.setAttribute('msgId', msg.idClient);
+    audio.play();
+    (_audioRef$current = audioRef.current) === null || _audioRef$current === void 0 ? void 0 : _audioRef$current.appendChild(audio);
+    audio.addEventListener('ended', function () {
+      var _audio$parentNode;
+      setAnimationFlag(false);
+      (_audio$parentNode = audio.parentNode) === null || _audio$parentNode === void 0 ? void 0 : _audio$parentNode.removeChild(audio);
+    });
+    audio.addEventListener('pause', function () {
+      var _audio$parentNode2;
+      setAnimationFlag(false);
+      (_audio$parentNode2 = audio.parentNode) === null || _audio$parentNode2 === void 0 ? void 0 : _audio$parentNode2.removeChild(audio);
+    });
+    setAnimationFlag(true);
+  };
+  var duration = Math.floor(dur) || 0;
+  var durations = {
+    mm: Math.floor(duration / 60),
+    ss: duration % 60
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "-audio"),
+    ref: audioRef,
+    style: _objectSpread({}, style)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: msg.flow === 'in' ? "".concat(prefix, "-audio-in") : "".concat(prefix, "-audio-out"),
+    onClick: handleAudioClick
+  }, /*#__PURE__*/React.createElement("span", null, ' ', "".concat(durations.mm > 0 ? "".concat(durations.mm, "'") : '', " ").concat(durations.ss, "\"")), /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefix, "-audio-icon")
+  }, animationFlag ? /*#__PURE__*/React.createElement("img", {
+    src: "https://qa-oss.elebuys.com/tmpdir/202401152050070000640984.gif"
+  }) : /*#__PURE__*/React.createElement(Icon, {
+    type: "icon-a-yuyin2"
+  }))), text && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "-audio-audio2text")
+  }, text));
+};
+export default AudioPlayer;

package/es/ParseSession/audioAndVideoTool.d.ts

@@ -0,0 +1,3 @@
+export declare const pauseAllAudio: () => HTMLAudioElement;
+export declare const pauseOtherVideo: (idClient: string) => void;
+export declare const pauseAllVideo: () => void;

package/es/ParseSession/audioAndVideoTool.js

@@ -0,0 +1,21 @@
+export var pauseAllAudio = function pauseAllAudio() {
+  var audio = document.getElementById('fxMessageAudio');
+  audio === null || audio === void 0 ? void 0 : audio.pause();
+  return audio;
+};
+export var pauseOtherVideo = function pauseOtherVideo(idClient) {
+  var videoElements = document.getElementsByTagName('video');
+  for (var i = 0; i < videoElements.length; i++) {
+    if (videoElements[i].id !== "fxMessageVideo-".concat(idClient)) {
+      videoElements[i].pause();
+    }
+  }
+};
+export var pauseAllVideo = function pauseAllVideo() {
+  var videoElements = document.getElementsByTagName('video');
+  for (var i = 0; i < videoElements.length; i++) {
+    if (videoElements[i].id.startsWith('fxMessageVideo-')) {
+      videoElements[i].pause();
+    }
+  }
+};

package/es/ParseSession/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { IMMessage } from '../@types';
+import { RecordSession } from '../ChatMessageList';
 import './index.less';
 export interface IParseSessionProps {
     prefix?: string;
@@ -8,14 +9,7 @@ export interface IParseSessionProps {
     msg: IMMessage;
     isSessionEnd?: boolean;
     onChartHistoryClick?: Function;
-    recordSession?: {
-        relationId: string | number;
-        accid: string;
-        relationType?: number;
-    };
+    recordSession?: RecordSession;
 }
-export declare const pauseAllAudio: () => HTMLAudioElement;
-export declare const pauseOtherVideo: (idClient: string) => void;
-export declare const pauseAllVideo: () => void;
 declare const ParseSession: React.FC<IParseSessionProps>;
 export default ParseSession;

package/es/ParseSession/index.js

@@ -27,28 +27,9 @@ import Icon from '../Icon';
 import GoodsCard from '../GoodsCard';
 import GoodsOrderCard from '../GoodsOrderCard';
 import { ImContext } from '..';
+import { pauseAllAudio, pauseOtherVideo } from '../audioAndVideoTool';
+import AudioPlayer from './AudioPlayer';
 import './index.less';
-export var pauseAllAudio = function pauseAllAudio() {
-  var audio = document.getElementById('fxMessageAudio');
-  audio === null || audio === void 0 ? void 0 : audio.pause();
-  return audio;
-};
-export var pauseOtherVideo = function pauseOtherVideo(idClient) {
-  var videoElements = document.getElementsByTagName('video');
-  for (var i = 0; i < videoElements.length; i++) {
-    if (videoElements[i].id !== "fxMessageVideo-".concat(idClient)) {
-      videoElements[i].pause();
-    }
-  }
-};
-export var pauseAllVideo = function pauseAllVideo() {
-  var videoElements = document.getElementsByTagName('video');
-  for (var i = 0; i < videoElements.length; i++) {
-    if (videoElements[i].id.startsWith('fxMessageVideo-')) {
-      videoElements[i].pause();
-    }
-  }
-};
 //
 var ParseSession = function ParseSession(_ref) {
   var prefix = _ref.prefix,
@@ -61,17 +42,15 @@ var ParseSession = function ParseSession(_ref) {
   var _useContext = useContext(ImContext),
     api = _useContext.api;
   var formRef = useRef();
-  var audioRef = useRef(null);
-  var _useState = useState(false),
+  var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
-    animationFlag = _useState2[0],
-    setAnimationFlag = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    contactInfo = _useState4[0],
-    setContactInfo = _useState4[1];
+    contactInfo = _useState2[0],
+    setContactInfo = _useState2[1];
   var attach = msg.attach || {};
   var renderText = function renderText(preset) {
+    if (attach.refMsg) {
+      return renderRefMsg();
+    }
     var text = reactStringReplace(attach.content, /(https?:\/\/\S+)/gi, function (match) {
       return /*#__PURE__*/React.createElement("a", {
         key: msg.idClient,
@@ -99,6 +78,101 @@ var ParseSession = function ParseSession(_ref) {
       className: "".concat(prefix, "-text")
     }, preset || text.map(renderKeywordText));
   };
+  var renderRefMsg = function renderRefMsg() {
+    var refContent = attach.refMsg.type !== 'text' ? JSON.parse(attach.refMsg.content) : attach.refMsg.content;
+    var nickname = attach.refMsg.nickname;
+    var content = attach.content;
+    var renderers = {
+      image: function image() {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "".concat(prefix, "-ref-img-body")
+        }, /*#__PURE__*/React.createElement("img", {
+          src: refContent.url,
+          alt: ""
+        }));
+      },
+      video: function video() {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "".concat(prefix, "-ref-video-body")
+        }, /*#__PURE__*/React.createElement("video", {
+          key: msg.idServer,
+          playsInline: true,
+          preload: "auto",
+          controls: true,
+          autoPlay: false,
+          onLoadedData: function onLoadedData(event) {
+            return event.currentTarget.pause();
+          }
+        }, /*#__PURE__*/React.createElement("source", {
+          src: refContent.url,
+          type: "video/mp4"
+        }), "Your browser does not support the video element."));
+      },
+      audio: function audio() {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "".concat(prefix, "-ref-audio-body")
+        }, /*#__PURE__*/React.createElement(AudioPlayer, {
+          style: {
+            backgroundColor: '#fff',
+            borderRadius: 4,
+            width: 80
+          },
+          prefix: prefix || '',
+          msg: msg,
+          url: refContent.url,
+          dur: refContent.dur,
+          text: refContent.text
+        }));
+      },
+      file: function file() {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "".concat(prefix, "-ref-file")
+        }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Icon, {
+          className: "".concat(prefix, "-file-icon"),
+          type: 'icon-wenjian',
+          style: {
+            fontSize: 16
+          }
+        }), /*#__PURE__*/React.createElement("a", {
+          style: {
+            marginLeft: 8
+          },
+          download: refContent.fileName,
+          href: addUrlSearch(refContent.url, "download=".concat(refContent.fileName)),
+          target: "_blank",
+          rel: "noreferrer"
+        }, refContent.fileName)));
+      },
+      product: function product() {
+        return /*#__PURE__*/React.createElement(GoodsCard, {
+          prefix: prefix,
+          content: refContent
+        });
+      },
+      order: function order() {
+        return /*#__PURE__*/React.createElement(GoodsOrderCard, {
+          prefix: prefix,
+          recordSession: recordSession,
+          orderSn: refContent.orderSn,
+          orderId: refContent.orderId
+        });
+      },
+      text: function text() {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "".concat(prefix, "-ref-text-body")
+        }, refContent);
+      }
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefix, "-ref")
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefix, "-ref-body")
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefix, "-ref-nickname")
+    }, nickname, ":"), renderers[attach.refMsg.type]()), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefix, "-text")
+    }, content));
+  };
   var renderImage = function renderImage() {
     return /*#__PURE__*/React.createElement(_Image, {
       loading: "lazy",
@@ -259,48 +333,12 @@ var ParseSession = function ParseSession(_ref) {
   var renderAudio = function renderAudio() {
     var flow = msg.flow;
     var duration = Math.floor(attach.content.dur) || 0;
-    var durations = {
-      mm: Math.floor(duration / 60),
-      ss: duration % 60
-    };
-    return /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefix, "-audio"),
-      ref: audioRef
-    }, /*#__PURE__*/React.createElement("div", {
-      className: flow === 'in' ? "".concat(prefix, "-audio-in") : "".concat(prefix, "-audio-out"),
-      onClick: function onClick() {
-        var _audioRef$current;
-        pauseAllVideo();
-        var oldAudio = pauseAllAudio();
-        var msgId = oldAudio === null || oldAudio === void 0 ? void 0 : oldAudio.getAttribute('msgId');
-        if (msgId === msg.idClient) {
-          setAnimationFlag(false);
-          return;
-        }
-        var audio = new Audio(attach.content.url);
-        audio.id = 'fxMessageAudio';
-        audio.setAttribute('msgId', msg.idClient);
-        audio.play();
-        (_audioRef$current = audioRef.current) === null || _audioRef$current === void 0 ? void 0 : _audioRef$current.appendChild(audio);
-        audio.addEventListener('ended', function () {
-          var _audio$parentNode;
-          setAnimationFlag(false);
-          (_audio$parentNode = audio.parentNode) === null || _audio$parentNode === void 0 ? void 0 : _audio$parentNode.removeChild(audio);
-        });
-        audio.addEventListener('pause', function () {
-          var _audio$parentNode2;
-          setAnimationFlag(false);
-          (_audio$parentNode2 = audio.parentNode) === null || _audio$parentNode2 === void 0 ? void 0 : _audio$parentNode2.removeChild(audio);
-        });
-        setAnimationFlag(true);
-      }
-    }, /*#__PURE__*/React.createElement("span", null, "".concat(durations.mm > 0 ? "".concat(durations.mm, "'") : '', " ").concat(durations.ss, "\"")), /*#__PURE__*/React.createElement("span", {
-      className: "".concat(prefix, "-audio-icon")
-    }, animationFlag ? /*#__PURE__*/React.createElement("img", {
-      src: "https://qa-oss.elebuys.com/tmpdir/202401152050070000640984.gif"
-    }) : /*#__PURE__*/React.createElement(Icon, {
-      type: "icon-a-yuyin2"
-    }))));
+    return /*#__PURE__*/React.createElement(AudioPlayer, {
+      prefix: prefix || '',
+      msg: msg,
+      url: attach.content.url,
+      dur: duration
+    });
   };
   var renderVideo = function renderVideo() {
     var _attach$content4;

package/es/ParseSession/index.less

@@ -5,6 +5,50 @@
     padding: 8px;
   }
 
+  &-ref {
+    padding: 12px;
+    padding-bottom: 16px;
+    &-body {
+      border-left: 2px solid #c2d4ff;
+      padding-left: 8px;
+    }
+    &-text-body {
+      // width: 328px;
+      max-height: 115px;
+      font-size: 12px;
+      color: #777;
+      overflow: hidden;
+      display: -webkit-box;
+      word-break: break-all;
+      -webkit-line-clamp: 3;
+      -webkit-box-orient: vertical;
+      text-overflow: ellipsis;
+    }
+    &-img-body {
+      width: 170px;
+      height: 115px;
+      img {
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+      }
+    }
+    &-video-body {
+      width: 170px;
+      height: 115px;
+      video {
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+      }
+    }
+    &-nickname {
+      font-size: 12px;
+      color: #777;
+      font-weight: 600;
+      margin-bottom: 8px;
+    }
+  }
   &-image {
     // padding: 4px;
     border-radius: 6px;
@@ -26,7 +70,8 @@
 
     &-in,
     &-out {
-      width: 90px;
+      max-width: 90px;
+      min-width: 64px;
       display: flex;
       justify-content: space-between;
       cursor: pointer;

package/es/api/index.d.ts

@@ -13,11 +13,12 @@ interface ApiMethods {
         productId: number;
         relationId: string | number;
         relationType: string | number;
+        orderProductId?: number;
     }) => Promise<any>;
     getCSOrder: (data: {
         orderSn: number | string;
         orderId: any;
-        accid: string;
+        accid?: string;
         relationId?: string | number;
         relationType?: number;
     }) => Promise<any>;

package/es/audioAndVideoTool.d.ts

@@ -0,0 +1,3 @@
+export declare const pauseAllAudio: () => HTMLAudioElement;
+export declare const pauseOtherVideo: (idClient: string) => void;
+export declare const pauseAllVideo: () => void;

package/es/audioAndVideoTool.js

@@ -0,0 +1,21 @@
+export var pauseAllAudio = function pauseAllAudio() {
+  var audio = document.getElementById('fxMessageAudio');
+  audio === null || audio === void 0 ? void 0 : audio.pause();
+  return audio;
+};
+export var pauseOtherVideo = function pauseOtherVideo(idClient) {
+  var videoElements = document.getElementsByTagName('video');
+  for (var i = 0; i < videoElements.length; i++) {
+    if (videoElements[i].id !== "fxMessageVideo-".concat(idClient)) {
+      videoElements[i].pause();
+    }
+  }
+};
+export var pauseAllVideo = function pauseAllVideo() {
+  var videoElements = document.getElementsByTagName('video');
+  for (var i = 0; i < videoElements.length; i++) {
+    if (videoElements[i].id.startsWith('fxMessageVideo-')) {
+      videoElements[i].pause();
+    }
+  }
+};