@x-edu/live-player 0.0.21 → 0.0.23

package/src/component/IMChatroom/page/chat/messageList/index.jsx

@@ -1,354 +1,354 @@
-import React, { Component } from 'react'
-import { ChatroomChatMessageList, ChatMessageList } from '@sdp.nd/im-web-components'
-import get from 'lodash/get'
-import { message as messageTip, Modal } from 'fish'
-import intl from '../../../i18n'
-
-import subscription from '../../../subscription'
-import requestConfig from '../../../config/request/config/base'
-import { getHistoryMessages, recallMessage } from '../../../sdk/imcore'
-import * as C from '../../../constants'
-import env from '../../../config/env'
-import urlConfig from '../../../config/url'
-import {
-  getChatroomConversationId,
-  getChatroomToken,
-  getActionRights,
-  getTags,
-  getCurrentAccountBanedTip
-} from '../../../util/chatroom'
-import appConfig from '../../../config/app'
-// import thirdParty from '../../../third-party'
-import { useConnect } from '../../../context/connect'
-import { useChatroom } from '../../../context/chatroom'
-import getUserInfoWithCache from '../../../sdk/oms'
-
-import style from '../style/index.module.less'
-
-class MessageList extends Component {
-  constructor(props) {
-    super(props)
-
-    this.state = {
-      autoViewMessage: appConfig.get('autoViewMessage')
-    }
-
-    this.subscriptions = {}
-    this.uploadMessages = []
-  }
-
-  componentDidMount() {
-    this.addSubscriptions()
-  }
-
-  componentWillUnmount() {
-    this.removeSubscriptions()
-  }
-
-  addSubscriptions = () => {
-    this.subscriptions = {
-      updateAutoViewMessage: subscription.message.subscribe(subscription.EVENT.UPDATE_AUTO_VIEW_MESSAGE, this.updateAutoViewMessage),
-      addUploadMessage: subscription.message.subscribe(subscription.EVENT.ADD_UPLOAD_MESSAGE, this.addUploadMessage),
-      addMessages: subscription.websocket.subscribe(subscription.EVENT.RECEIVE_MESSAGES, this.addMessages),
-      previewImages: subscription.message.subscribe(subscription.EVENT.CHAT_MESSAGE_LIST_PREVIEW_IMAGE, this.onPreviewImages),
-      copyMessage: subscription.message.subscribe(subscription.EVENT.CHAT_MESSAGE_LIST_COPY, this.onCopy),
-      unreadMessageCountChange: subscription.message.subscribe(subscription.EVENT.CHAT_MESSAGE_LIST_UNREAD_MESSAGE_COUNT_CHANGE, this.onUnreadMessageCountChange)
-    }
-    window.addEventListener('resize', this.onWindowResize)
-  }
-
-  removeSubscriptions = () => {
-    Object.keys(this.subscriptions).forEach((key) => {
-      if (this.subscriptions[key]) {
-        this.subscriptions[key].unsubscribe()
-      }
-      delete this.subscriptions[key]
-    })
-    window.removeEventListener('resize', this.onWindowResize)
-  }
-
-  updateAutoViewMessage = (value) => {
-    this.setState({
-      autoViewMessage: value
-    })
-    if (value) {
-      subscription.message.publish(subscription.EVENT.CHAT_MESSAGE_LIST_FORCE_READ_NEW)
-    }
-  }
-
-  addUploadMessage = (message) => {
-    console.log('addUploadMessage', message, this.uploadMessages)
-    this.uploadMessages.push(message)
-  }
-
-  addMessages = (messages) => {
-    const uploadMessages = []
-    const otherMessages = []
-    for (let i = 0; i < messages.length; i++) {
-      if (this.uploadMessages.some((item) => item.id === messages[i].id)) {
-        uploadMessages.push({
-          ...messages[i],
-          _uploading: undefined
-        })
-      } else {
-        otherMessages.push(messages[i])
-      }
-    }
-
-    if (uploadMessages.length) {
-      subscription.message.publish(subscription.EVENT.CHAT_MESSAGE_LIST_UPDATE, {
-        action: ChatMessageList.C.CHAT_MESSAGE_LIST_UPDATE_ACTION.UPDATE,
-        key: '_localInfo.id&_localInfo.index',
-        items: uploadMessages
-      })
-      this.uploadMessages = this.uploadMessages.filter((item) => !uploadMessages.some((message) => message.id === item.id))
-    }
-
-    if (otherMessages.length) {
-      subscription.message.publish(subscription.EVENT.CHAT_MESSAGE_LIST_UPDATE, {
-        action: ChatMessageList.C.CHAT_MESSAGE_LIST_UPDATE_ACTION.ADD,
-        items: otherMessages
-      })
-    }
-
-    messages.forEach((message) => {
-      const { type, data } = get(message, '_parsedContent')
-      if (C.SYSTEM_MESSAGE_TYPES.some((item) => item === type)) {
-        subscription[type].publish(get(data, `json.${type}.cmd`), message)
-      }
-    })
-  }
-
-  onPreviewImages = (
-    // {
-    //   url,
-    //   index,
-    //   images
-    // }
-  ) => {
-    // thirdParty.onPostMessage(thirdParty.EVENT.PREVIEW_IMAGES, {
-    //   url,
-    //   index,
-    //   images
-    // })
-  }
-
-  onCopy = () => {
-    messageTip.success(intl.get('tip.copied'))
-  }
-
-  onUnreadMessageCountChange = (
-    // count
-  ) => {
-    // thirdParty.onPostMessage(thirdParty.EVENT.UNREAD_MESSAGE_COUNT_CHANGE, {
-    //   count
-    // })
-  }
-
-  onWindowResize = () => {
-    subscription.message.publish(subscription.EVENT.CHAT_MESSAGE_LIST_SCROLL_TO_BOTTOM)
-  }
-
-  onRecallMessageByWebsocket = (message) => {
-    recallMessage(message).catch((res) => {
-      messageTip.error(intl.get(`error.${res.err_msg}`, '') || intl.get('error.serviceError'))
-    })
-  }
-
-  onAction = (
-    // actionKey,
-    // message
-  ) => {
-    // thirdParty.onPostMessage(actionKey, message)
-  }
-
-  getActionConfig = () => {
-    const config = appConfig.get('chatroomChatMessageList.actionConfig')
-
-    if (config.actions) {
-      config.actions.forEach((item, index) => {
-        if (typeof item === 'object') {
-          item.action = (message) => {
-            this.onAction(item.key, message)
-          }
-        } else if (item === 'recallByWS') {
-          config.actions[index] = {
-            key: item,
-            label: intl.get(`message.${item}`),
-            action: (message) => {
-              this.onRecallMessageByWebsocket(message)
-            }
-          }
-        } else if (item === 'delete') {
-          config.actions[index] = {
-            key: item,
-            label: intl.get(`message.${item}`),
-            action: (message) => {
-              Modal.alert({
-                title: intl.get('modal.title'),
-                content: intl.get('modal.content.deleteMessage'),
-                cancelText: intl.get('modal.cancel'),
-                okText: intl.get('modal.cancel'),
-                onOk: () => {
-                  subscription.message.publish(subscription.EVENT.CHAT_MESSAGE_LIST_UPDATE, {
-                    action: ChatMessageList.C.CHAT_MESSAGE_LIST_UPDATE_ACTION.DELETE,
-                    key: '_localInfo.id&_localInfo.index',
-                    items: [message]
-                  })
-                }
-              })
-            }
-          }
-        }
-      })
-    }
-
-    return {
-      ...config,
-      getActionRights: this.getActionRights
-    }
-  }
-
-  getActionRights = (item, keys, callback) => {
-    const { chatroomUserRole, chatroomOwner, chatroomAdmins, chatroomBan, chatroomStickedMessages } = this.props
-
-    getActionRights({
-      userRole: chatroomUserRole,
-      uid: item.from,
-      message: item,
-      actionKeys: keys,
-      owner: chatroomOwner,
-      admins: chatroomAdmins,
-      ban: chatroomBan,
-      stickedMessages: chatroomStickedMessages,
-      callback
-    }, appConfig.get('chatroomChatMessageList.actionConfig.getActionRights'))
-  }
-
-  getTags = (item, callback) => {
-    const { chatroomOwner, chatroomAdmins, chatroomBan } = this.props
-    getTags({
-      uid: item.from,
-      message: item,
-      owner: chatroomOwner,
-      admins: chatroomAdmins,
-      ban: chatroomBan,
-      callback
-    }, appConfig.get('chatroomChatMessageList.tagConfig.getTags'))
-  }
-
-  getMessages = (message, pageSize = C.GET_CONV_MSG_LIMIT) => {
-    if (get(message, '_localInfo.id', C.MAX_CONV_MSG_ID) === C.MIM_CONV_MSG_ID) {
-      return Promise.resolve({
-        items: [],
-        hasMore: false
-      })
-    }
-
-    return getHistoryMessages(get(message, '_localInfo.id', C.MAX_CONV_MSG_ID), pageSize).then(({
-      messages,
-      hasMore
-    }) => {
-      // 查看历史消息时，才需要吐司提示，初始化会话消息时不提示
-      if (get(message, '_localInfo.id') && !hasMore) {
-        messageTip.info(intl.get('tip.noMoreMessage'))
-      }
-      return {
-        items: messages,
-        hasMore
-      }
-    })
-  }
-
-  getDisabled = () => {
-    const { connectStatus } = this.props
-    if (connectStatus === C.CONNECT_STATUS.LOGIN_SUCCESS) {
-      console.log(getCurrentAccountBanedTip(this.props.chatroomBan), this.props.disableEditor)
-      return getCurrentAccountBanedTip(this.props.chatroomBan)
-        || this.props.disableEditor
-        || false
-    }
-  }
-
-  getProps = () => ({
-    itemKey: 'message-item&time&_localInfo.id&_localInfo.index',
-    senderKey: 'from',
-    conversationIdKey: 'conversationId',
-    messageTimeKey: 'time',
-    messageIdKey: 'id',
-    messageContentKey: 'content',
-    platform: appConfig.get('platform'),
-    gid: urlConfig.roomId,
-    convid: getChatroomConversationId(),
-    token: getChatroomToken(),
-    pageSize: C.GET_CONV_MSG_LIMIT,
-    getData: this.getMessages,
-    autoViewMessage: this.state.autoViewMessage,
-    env,
-    requestConfig,
-    ...appConfig.get('chatroomChatMessageList'),
-    messageContentConfig: {
-      ...appConfig.get('chatroomChatMessageList.messageContentConfig'),
-      getUserInfo: (uid) => getUserInfoWithCache(uid)
-    },
-    nameConfig: {
-      getInfo: (data) => getUserInfoWithCache(get(data, 'from')),
-      ...appConfig.get('chatroomChatMessageList.nameConfig')
-    },
-    actionConfig: this.getActionConfig(),
-    tagConfig: {
-      ...appConfig.get('chatroomChatMessageList.tagConfig'),
-      getTags: this.getTags
-    },
-    subscription: subscription.message,
-    disabled: this.getDisabled()
-  })
-
-  render() {
-    if (!this.props.connectTimes) {
-      return null
-    }
-
-    const props = this.getProps()
-
-    if (props.disabled) {
-      console.log(true)
-    }
-    return (
-      <>
-        {
-          props.disabled
-            ? (<div className={style['banned-overlayer']} />)
-            : (<></>)
-        }
-        <ChatroomChatMessageList {...props} />
-      </>
-    )
-  }
-}
-
-function MessageListFn(props) {
-  const {
-    status,
-    times
-  } = useConnect()
-
-  const {
-    userRole, owner, admins, ban, stickedMessages
-  } = useChatroom()
-
-  return (
-    <MessageList
-      connectStatus={status}
-      connectTimes={times}
-      chatroomUserRole={userRole}
-      chatroomOwner={owner}
-      chatroomAdmins={admins}
-      chatroomBan={ban}
-      chatroomStickedMessages={stickedMessages}
-      {...props}
-    />
-  )
-}
-
-export default MessageListFn
+import React, { Component } from 'react'
+import { ChatroomChatMessageList, ChatMessageList } from '@sdp.nd/im-web-components'
+import get from 'lodash/get'
+import { message as messageTip, Modal } from 'fish'
+import intl from '../../../i18n'
+
+import subscription from '../../../subscription'
+import requestConfig from '../../../config/request/config/base'
+import { getHistoryMessages, recallMessage } from '../../../sdk/imcore'
+import * as C from '../../../constants'
+import env from '../../../config/env'
+import urlConfig from '../../../config/url'
+import {
+  getChatroomConversationId,
+  getChatroomToken,
+  getActionRights,
+  getTags,
+  getCurrentAccountBanedTip
+} from '../../../util/chatroom'
+import appConfig from '../../../config/app'
+// import thirdParty from '../../../third-party'
+import { useConnect } from '../../../context/connect'
+import { useChatroom } from '../../../context/chatroom'
+import getUserInfoWithCache from '../../../sdk/oms'
+
+import style from '../style/index.module.less'
+
+class MessageList extends Component {
+  constructor(props) {
+    super(props)
+
+    this.state = {
+      autoViewMessage: appConfig.get('autoViewMessage')
+    }
+
+    this.subscriptions = {}
+    this.uploadMessages = []
+  }
+
+  componentDidMount() {
+    this.addSubscriptions()
+  }
+
+  componentWillUnmount() {
+    this.removeSubscriptions()
+  }
+
+  addSubscriptions = () => {
+    this.subscriptions = {
+      updateAutoViewMessage: subscription.message.subscribe(subscription.EVENT.UPDATE_AUTO_VIEW_MESSAGE, this.updateAutoViewMessage),
+      addUploadMessage: subscription.message.subscribe(subscription.EVENT.ADD_UPLOAD_MESSAGE, this.addUploadMessage),
+      addMessages: subscription.websocket.subscribe(subscription.EVENT.RECEIVE_MESSAGES, this.addMessages),
+      previewImages: subscription.message.subscribe(subscription.EVENT.CHAT_MESSAGE_LIST_PREVIEW_IMAGE, this.onPreviewImages),
+      copyMessage: subscription.message.subscribe(subscription.EVENT.CHAT_MESSAGE_LIST_COPY, this.onCopy),
+      unreadMessageCountChange: subscription.message.subscribe(subscription.EVENT.CHAT_MESSAGE_LIST_UNREAD_MESSAGE_COUNT_CHANGE, this.onUnreadMessageCountChange)
+    }
+    window.addEventListener('resize', this.onWindowResize)
+  }
+
+  removeSubscriptions = () => {
+    Object.keys(this.subscriptions).forEach((key) => {
+      if (this.subscriptions[key]) {
+        this.subscriptions[key].unsubscribe()
+      }
+      delete this.subscriptions[key]
+    })
+    window.removeEventListener('resize', this.onWindowResize)
+  }
+
+  updateAutoViewMessage = (value) => {
+    this.setState({
+      autoViewMessage: value
+    })
+    if (value) {
+      subscription.message.publish(subscription.EVENT.CHAT_MESSAGE_LIST_FORCE_READ_NEW)
+    }
+  }
+
+  addUploadMessage = (message) => {
+    console.log('addUploadMessage', message, this.uploadMessages)
+    this.uploadMessages.push(message)
+  }
+
+  addMessages = (messages) => {
+    const uploadMessages = []
+    const otherMessages = []
+    for (let i = 0; i < messages.length; i++) {
+      if (this.uploadMessages.some((item) => item.id === messages[i].id)) {
+        uploadMessages.push({
+          ...messages[i],
+          _uploading: undefined
+        })
+      } else {
+        otherMessages.push(messages[i])
+      }
+    }
+
+    if (uploadMessages.length) {
+      subscription.message.publish(subscription.EVENT.CHAT_MESSAGE_LIST_UPDATE, {
+        action: ChatMessageList.C.CHAT_MESSAGE_LIST_UPDATE_ACTION.UPDATE,
+        key: '_localInfo.id&_localInfo.index',
+        items: uploadMessages
+      })
+      this.uploadMessages = this.uploadMessages.filter((item) => !uploadMessages.some((message) => message.id === item.id))
+    }
+
+    if (otherMessages.length) {
+      subscription.message.publish(subscription.EVENT.CHAT_MESSAGE_LIST_UPDATE, {
+        action: ChatMessageList.C.CHAT_MESSAGE_LIST_UPDATE_ACTION.ADD,
+        items: otherMessages
+      })
+    }
+
+    messages.forEach((message) => {
+      const { type, data } = get(message, '_parsedContent')
+      if (C.SYSTEM_MESSAGE_TYPES.some((item) => item === type)) {
+        subscription[type].publish(get(data, `json.${type}.cmd`), message)
+      }
+    })
+  }
+
+  onPreviewImages = (
+    // {
+    //   url,
+    //   index,
+    //   images
+    // }
+  ) => {
+    // thirdParty.onPostMessage(thirdParty.EVENT.PREVIEW_IMAGES, {
+    //   url,
+    //   index,
+    //   images
+    // })
+  }
+
+  onCopy = () => {
+    messageTip.success(intl.get('tip.copied'))
+  }
+
+  onUnreadMessageCountChange = (
+    // count
+  ) => {
+    // thirdParty.onPostMessage(thirdParty.EVENT.UNREAD_MESSAGE_COUNT_CHANGE, {
+    //   count
+    // })
+  }
+
+  onWindowResize = () => {
+    subscription.message.publish(subscription.EVENT.CHAT_MESSAGE_LIST_SCROLL_TO_BOTTOM)
+  }
+
+  onRecallMessageByWebsocket = (message) => {
+    recallMessage(message).catch((res) => {
+      messageTip.error(intl.get(`error.${res.err_msg}`, '') || intl.get('error.serviceError'))
+    })
+  }
+
+  onAction = (
+    // actionKey,
+    // message
+  ) => {
+    // thirdParty.onPostMessage(actionKey, message)
+  }
+
+  getActionConfig = () => {
+    const config = appConfig.get('chatroomChatMessageList.actionConfig')
+
+    if (config.actions) {
+      config.actions.forEach((item, index) => {
+        if (typeof item === 'object') {
+          item.action = (message) => {
+            this.onAction(item.key, message)
+          }
+        } else if (item === 'recallByWS') {
+          config.actions[index] = {
+            key: item,
+            label: intl.get(`message.${item}`),
+            action: (message) => {
+              this.onRecallMessageByWebsocket(message)
+            }
+          }
+        } else if (item === 'delete') {
+          config.actions[index] = {
+            key: item,
+            label: intl.get(`message.${item}`),
+            action: (message) => {
+              Modal.alert({
+                title: intl.get('modal.title'),
+                content: intl.get('modal.content.deleteMessage'),
+                cancelText: intl.get('modal.cancel'),
+                okText: intl.get('modal.cancel'),
+                onOk: () => {
+                  subscription.message.publish(subscription.EVENT.CHAT_MESSAGE_LIST_UPDATE, {
+                    action: ChatMessageList.C.CHAT_MESSAGE_LIST_UPDATE_ACTION.DELETE,
+                    key: '_localInfo.id&_localInfo.index',
+                    items: [message]
+                  })
+                }
+              })
+            }
+          }
+        }
+      })
+    }
+
+    return {
+      ...config,
+      getActionRights: this.getActionRights
+    }
+  }
+
+  getActionRights = (item, keys, callback) => {
+    const { chatroomUserRole, chatroomOwner, chatroomAdmins, chatroomBan, chatroomStickedMessages } = this.props
+
+    getActionRights({
+      userRole: chatroomUserRole,
+      uid: item.from,
+      message: item,
+      actionKeys: keys,
+      owner: chatroomOwner,
+      admins: chatroomAdmins,
+      ban: chatroomBan,
+      stickedMessages: chatroomStickedMessages,
+      callback
+    }, appConfig.get('chatroomChatMessageList.actionConfig.getActionRights'))
+  }
+
+  getTags = (item, callback) => {
+    const { chatroomOwner, chatroomAdmins, chatroomBan } = this.props
+    getTags({
+      uid: item.from,
+      message: item,
+      owner: chatroomOwner,
+      admins: chatroomAdmins,
+      ban: chatroomBan,
+      callback
+    }, appConfig.get('chatroomChatMessageList.tagConfig.getTags'))
+  }
+
+  getMessages = (message, pageSize = C.GET_CONV_MSG_LIMIT) => {
+    if (get(message, '_localInfo.id', C.MAX_CONV_MSG_ID) === C.MIM_CONV_MSG_ID) {
+      return Promise.resolve({
+        items: [],
+        hasMore: false
+      })
+    }
+
+    return getHistoryMessages(get(message, '_localInfo.id', C.MAX_CONV_MSG_ID), pageSize).then(({
+      messages,
+      hasMore
+    }) => {
+      // 查看历史消息时，才需要吐司提示，初始化会话消息时不提示
+      if (get(message, '_localInfo.id') && !hasMore) {
+        messageTip.info(intl.get('tip.noMoreMessage'))
+      }
+      return {
+        items: messages,
+        hasMore
+      }
+    })
+  }
+
+  getDisabled = () => {
+    const { connectStatus } = this.props
+    if (connectStatus === C.CONNECT_STATUS.LOGIN_SUCCESS) {
+      console.log(getCurrentAccountBanedTip(this.props.chatroomBan), this.props.disableEditor)
+      return getCurrentAccountBanedTip(this.props.chatroomBan)
+        || this.props.disableEditor
+        || false
+    }
+  }
+
+  getProps = () => ({
+    itemKey: 'message-item&time&_localInfo.id&_localInfo.index',
+    senderKey: 'from',
+    conversationIdKey: 'conversationId',
+    messageTimeKey: 'time',
+    messageIdKey: 'id',
+    messageContentKey: 'content',
+    platform: appConfig.get('platform'),
+    gid: urlConfig.roomId,
+    convid: getChatroomConversationId(),
+    token: getChatroomToken(),
+    pageSize: C.GET_CONV_MSG_LIMIT,
+    getData: this.getMessages,
+    autoViewMessage: this.state.autoViewMessage,
+    env,
+    requestConfig,
+    ...appConfig.get('chatroomChatMessageList'),
+    messageContentConfig: {
+      ...appConfig.get('chatroomChatMessageList.messageContentConfig'),
+      getUserInfo: (uid) => getUserInfoWithCache(uid)
+    },
+    nameConfig: {
+      getInfo: (data) => getUserInfoWithCache(get(data, 'from')),
+      ...appConfig.get('chatroomChatMessageList.nameConfig')
+    },
+    actionConfig: this.getActionConfig(),
+    tagConfig: {
+      ...appConfig.get('chatroomChatMessageList.tagConfig'),
+      getTags: this.getTags
+    },
+    subscription: subscription.message,
+    disabled: this.getDisabled()
+  })
+
+  render() {
+    if (!this.props.connectTimes) {
+      return null
+    }
+
+    const props = this.getProps()
+
+    if (props.disabled) {
+      console.log(true)
+    }
+    return (
+      <>
+        {
+          props.disabled
+            ? (<div className={style['banned-overlayer']} />)
+            : (<></>)
+        }
+        <ChatroomChatMessageList {...props} />
+      </>
+    )
+  }
+}
+
+function MessageListFn(props) {
+  const {
+    status,
+    times
+  } = useConnect()
+
+  const {
+    userRole, owner, admins, ban, stickedMessages
+  } = useChatroom()
+
+  return (
+    <MessageList
+      connectStatus={status}
+      connectTimes={times}
+      chatroomUserRole={userRole}
+      chatroomOwner={owner}
+      chatroomAdmins={admins}
+      chatroomBan={ban}
+      chatroomStickedMessages={stickedMessages}
+      {...props}
+    />
+  )
+}
+
+export default MessageListFn