@x-edu/live-player 0.0.21 → 0.0.23

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

@@ -1,375 +1,375 @@
-import React, { Component } from 'react'
-import { Alert, Icon } from 'fish'
-import { MessageEditor as Editor, ChatMessageList } from '@sdp.nd/im-web-components'
-
-import intl from '../../../i18n'
-import subscription from '../../../subscription'
-import requestConfig from '../../../config/request/config/base'
-import imChatroom from '../../../sdk/imChatroom'
-import { sendMessage } from '../../../sdk/imcore'
-import { csHost } from '../../../sdk/cs/constants'
-import { getCurrentAccountBanedTip } from '../../../util/chatroom'
-import { CONNECT_STATUS } from '../../../constants'
-import appConfig from '../../../config/app'
-// import thirdParty from '../../../third-party'
-import { useConnect } from '../../../context/connect'
-import { useChatroom } from '../../../context/chatroom'
-
-import style from '../style/index.module.less'
-
-class MessageEditor extends Component {
-  constructor(props) {
-    super(props)
-
-    this.state = {
-      updateTime: 0,
-      errorMessage: ''
-    }
-
-    this.subscriptions = {}
-  }
-
-  componentDidMount() {
-    this.addSubscriptions()
-  }
-
-  componentWillUnmount() {
-    this.removeSubscriptions()
-  }
-
-  addSubscriptions = () => {
-    this.subscriptions = {
-      takePhotograph: subscription.message.subscribe(subscription.EVENT.UPLOADER_TAKE_PHOTOGRAPH, this.onPhotograph),
-      takeScreenshot: subscription.message.subscribe(subscription.EVENT.UPLOADER_TAKE_SCREENSHOT, this.onScreenshot),
-      clickEditor: subscription.message.subscribe(subscription.EVENT.MESSAGE_EDITOR_CLICK, this.onClickEditor),
-      updateEditor: subscription.message.subscribe(subscription.EVENT.UPDATE_EDITOR, this.onUpdateEditor)
-    }
-  }
-
-  removeSubscriptions = () => {
-    Object.keys(this.subscriptions).forEach((key) => {
-      if (this.subscriptions[key]) {
-        this.subscriptions[key].unsubscribe()
-      }
-      delete this.subscriptions[key]
-    })
-  }
-
-  onPhotograph = () => {
-    // thirdParty.onPostMessage(thirdParty.EVENT.PHOTOGRAPH)
-  }
-
-  onScreenshot = () => {
-    // thirdParty.onPostMessage(thirdParty.EVENT.SCREENSHOT)
-  }
-
-  onClickEditor = (
-    // message
-  ) => {
-    // thirdParty.onPostMessage(thirdParty.EVENT.CLICK_EDITOR, message)
-  }
-
-  onUpdateEditor = () => {
-    this.setState((prevState) => ({
-      updateTime: prevState.updateTime + 1
-    }))
-  }
-
-  getEmotionConfig = () => {
-    if (appConfig.get('messageEditor.emotionConfig')) {
-      const emotionConfig = {
-        ...appConfig.get('messageEditor.emotionConfig'),
-        requestConfig
-      }
-
-      let { children } = emotionConfig
-      if (children && typeof children === 'object') {
-        const { svg } = children
-        if (svg) {
-          children = (
-            <Icon dangerouslySetInnerHTML={{
-              __html: svg
-            }}
-            />
-          )
-        }
-      }
-
-      return {
-        ...emotionConfig,
-        hideEmotions: {
-          sys: [
-            '1017',
-            '1030',
-            '1032',
-            '1037',
-            '1038',
-            '1039',
-            '1056',
-            '1058',
-            '1066',
-            '1071',
-            '1072',
-            '1075',
-            '1081',
-            '1085',
-            '1087',
-            '1091',
-            '1092',
-            '1093',
-            '1094',
-            '1095',
-            '1096',
-            '1097',
-            '1098',
-            '1099',
-            '1100',
-            '1101',
-            '1102',
-            '1103',
-            '1104',
-            '1105'
-          ],
-          emoji: [
-            '128127',
-            '128125',
-            '128123',
-            '128124',
-            '127877',
-            '128128',
-            '128059',
-            '128052',
-            '128169',
-            '128145',
-            '128074',
-            '128078',
-            '128139',
-            '127867',
-            '128137',
-            '128684',
-            '128229',
-            '128701',
-            '127867',
-            '128137',
-            '128684',
-            '128299',
-            '128701',
-            '128089',
-            '128704',
-            '127908',
-            '126980',
-            '9824',
-            '128056'
-          ]
-        },
-        children
-      }
-    }
-  }
-
-  getFileConfig = () => {
-    const appFileConfig = appConfig.get('messageEditor.fileConfig')
-    if (appFileConfig !== undefined && !appFileConfig) {
-      return appFileConfig
-    }
-
-    const fileConfig = {
-      ...appConfig.get('messageEditor.fileConfig'),
-      csOptions: {
-        scope: 1
-      },
-      csHost,
-      csServiceName: 'preproduction_content_chatroom',
-      getCSToken: ({ javaSDKParams }, extraInfo = {}) => {
-        const { params, path, tokenType } = javaSDKParams
-        const options = {
-          token_type: tokenType,
-          params,
-          path,
-          ...extraInfo
-        }
-        return imChatroom.getCSToken({
-          options
-        })
-      }
-    }
-    const icons = ['select', 'photograph', 'screenshot']
-    icons.forEach((key) => {
-      const value = fileConfig[key]
-      if (value && typeof value === 'object') {
-        const { svg } = value
-        if (svg) {
-          fileConfig[key] = (
-            <Icon dangerouslySetInnerHTML={{
-              __html: svg
-            }}
-            />
-          )
-        }
-      }
-    })
-
-    return fileConfig
-  }
-
-  onSendLocalMessage = ({ contentType, contentBody, localInfo }) => {
-    this.onSendMessage(contentType, contentBody, localInfo, false)
-  }
-
-  onUpdateLocalMessage = (localInfo) => {
-    const { time } = localInfo
-    subscription.message.publish(subscription.EVENT.CHAT_MESSAGE_LIST_UPDATE, {
-      action: ChatMessageList.C.CHAT_MESSAGE_LIST_UPDATE_ACTION.UPDATE,
-      key: '_uploading.key',
-      items: [{
-        time,
-        _uploading: localInfo
-      }]
-    })
-  }
-
-  onSendMessage = (contentType, contentBody, localInfo, online = true) => {
-    if (this.state.errorMessage) {
-      this.setState((prevState) => ({
-        updateTime: prevState.updateTime,
-        errorMessage: ''
-      }))
-    }
-    sendMessage(contentType, contentBody, online).then((res) => {
-      if (!online) {
-        subscription.message.publish(subscription.EVENT.CHAT_MESSAGE_LIST_UPDATE, {
-          action: ChatMessageList.C.CHAT_MESSAGE_LIST_UPDATE_ACTION.ADD,
-          key: '_uploading.key',
-          items: [{
-            ...res,
-            time: localInfo.time,
-            id: undefined,
-            _localInfo: undefined,
-            _uploading: localInfo
-          }]
-        })
-        return
-      }
-      if (localInfo) {
-        subscription.message.publish(subscription.EVENT.CHAT_MESSAGE_LIST_UPDATE, {
-          action: ChatMessageList.C.CHAT_MESSAGE_LIST_UPDATE_ACTION.UPDATE,
-          key: '_uploading.key',
-          items: [{
-            ...res,
-            _uploading: localInfo
-          }]
-        })
-        subscription.message.publish(subscription.EVENT.ADD_UPLOAD_MESSAGE, res)
-      }
-    }, (e) => {
-      let errorMessage
-      if (e.err_code === -32602) {
-        errorMessage = '发送内容含有敏感词，发送失败'
-      } else {
-        console.error(e.err_msg)
-        errorMessage = '发送失败'
-      }
-      this.setState((prevState) => ({
-        updateTime: prevState.updateTime,
-        errorMessage
-      }))
-      setTimeout(() => {
-        this.setState((prevState) => ({
-          updateTime: prevState.updateTime,
-          errorMessage: ''
-        }))
-      }, 3000)
-    })
-  }
-
-  getDisabled = () => {
-    const { connectStatus } = this.props
-    if (connectStatus === CONNECT_STATUS.LOGIN_SUCCESS) {
-      return getCurrentAccountBanedTip(this.props.chatroomBan)
-        || (
-          this.props.disableEditor
-            ? intl.get('editor.disabled.baned')
-            : false
-        )
-    }
-
-    return intl.get(`connect.status.${connectStatus}`)
-  }
-
-  onAction = (
-    // actionKey,
-    // message
-  ) => {
-    // thirdParty.onPostMessage(actionKey, message)
-  }
-
-  getContextMenu = () => {
-    const menus = appConfig.get('messageEditor.contextMenu') || []
-    if (menus.length) {
-      menus.forEach((menu) => {
-        menu.exec = () => {
-          this.onAction(menu.cmdName)
-        }
-      })
-    }
-    return menus
-  }
-
-  getProps = () => ({
-    ...appConfig.get('messageEditor'),
-    contextMenu: this.getContextMenu(),
-    disabled: this.getDisabled(),
-    emotionConfig: this.getEmotionConfig(),
-    fileConfig: null, // this.getFileConfig(),
-    onSendLocalMessage: this.onSendLocalMessage,
-    onUpdateLocalMessage: this.onUpdateLocalMessage,
-    onSend: this.onSendMessage,
-    subscription: subscription.message,
-    maximumWords: 300
-  })
-
-  render() {
-    const props = this.getProps()
-    return (
-      <>
-        {
-          this.state.errorMessage ? (
-            <Alert
-              className={style['chat-message-editor-alert']}
-              message={this.state.errorMessage}
-              type="error"
-              closable
-              onClose={() => {
-                this.setState((prevState) => ({
-                  updateTime: prevState.updateTime,
-                  errorMessage: ''
-                }))
-              }}
-              showIcon
-            />
-          ) : (<></>)
-        }
-        <Editor {...props} />
-      </>
-    )
-  }
-}
-
-function MessageEditorFn(props) {
-  const {
-    status
-  } = useConnect()
-  const {
-    ban
-  } = useChatroom()
-
-  return (
-    <MessageEditor
-      connectStatus={status}
-      chatroomBan={ban}
-      {...props}
-    />
-  )
-}
-
-export default MessageEditorFn
+import React, { Component } from 'react'
+import { Alert, Icon } from 'fish'
+import { MessageEditor as Editor, ChatMessageList } from '@sdp.nd/im-web-components'
+
+import intl from '../../../i18n'
+import subscription from '../../../subscription'
+import requestConfig from '../../../config/request/config/base'
+import imChatroom from '../../../sdk/imChatroom'
+import { sendMessage } from '../../../sdk/imcore'
+import { csHost } from '../../../sdk/cs/constants'
+import { getCurrentAccountBanedTip } from '../../../util/chatroom'
+import { CONNECT_STATUS } from '../../../constants'
+import appConfig from '../../../config/app'
+// import thirdParty from '../../../third-party'
+import { useConnect } from '../../../context/connect'
+import { useChatroom } from '../../../context/chatroom'
+
+import style from '../style/index.module.less'
+
+class MessageEditor extends Component {
+  constructor(props) {
+    super(props)
+
+    this.state = {
+      updateTime: 0,
+      errorMessage: ''
+    }
+
+    this.subscriptions = {}
+  }
+
+  componentDidMount() {
+    this.addSubscriptions()
+  }
+
+  componentWillUnmount() {
+    this.removeSubscriptions()
+  }
+
+  addSubscriptions = () => {
+    this.subscriptions = {
+      takePhotograph: subscription.message.subscribe(subscription.EVENT.UPLOADER_TAKE_PHOTOGRAPH, this.onPhotograph),
+      takeScreenshot: subscription.message.subscribe(subscription.EVENT.UPLOADER_TAKE_SCREENSHOT, this.onScreenshot),
+      clickEditor: subscription.message.subscribe(subscription.EVENT.MESSAGE_EDITOR_CLICK, this.onClickEditor),
+      updateEditor: subscription.message.subscribe(subscription.EVENT.UPDATE_EDITOR, this.onUpdateEditor)
+    }
+  }
+
+  removeSubscriptions = () => {
+    Object.keys(this.subscriptions).forEach((key) => {
+      if (this.subscriptions[key]) {
+        this.subscriptions[key].unsubscribe()
+      }
+      delete this.subscriptions[key]
+    })
+  }
+
+  onPhotograph = () => {
+    // thirdParty.onPostMessage(thirdParty.EVENT.PHOTOGRAPH)
+  }
+
+  onScreenshot = () => {
+    // thirdParty.onPostMessage(thirdParty.EVENT.SCREENSHOT)
+  }
+
+  onClickEditor = (
+    // message
+  ) => {
+    // thirdParty.onPostMessage(thirdParty.EVENT.CLICK_EDITOR, message)
+  }
+
+  onUpdateEditor = () => {
+    this.setState((prevState) => ({
+      updateTime: prevState.updateTime + 1
+    }))
+  }
+
+  getEmotionConfig = () => {
+    if (appConfig.get('messageEditor.emotionConfig')) {
+      const emotionConfig = {
+        ...appConfig.get('messageEditor.emotionConfig'),
+        requestConfig
+      }
+
+      let { children } = emotionConfig
+      if (children && typeof children === 'object') {
+        const { svg } = children
+        if (svg) {
+          children = (
+            <Icon dangerouslySetInnerHTML={{
+              __html: svg
+            }}
+            />
+          )
+        }
+      }
+
+      return {
+        ...emotionConfig,
+        hideEmotions: {
+          sys: [
+            '1017',
+            '1030',
+            '1032',
+            '1037',
+            '1038',
+            '1039',
+            '1056',
+            '1058',
+            '1066',
+            '1071',
+            '1072',
+            '1075',
+            '1081',
+            '1085',
+            '1087',
+            '1091',
+            '1092',
+            '1093',
+            '1094',
+            '1095',
+            '1096',
+            '1097',
+            '1098',
+            '1099',
+            '1100',
+            '1101',
+            '1102',
+            '1103',
+            '1104',
+            '1105'
+          ],
+          emoji: [
+            '128127',
+            '128125',
+            '128123',
+            '128124',
+            '127877',
+            '128128',
+            '128059',
+            '128052',
+            '128169',
+            '128145',
+            '128074',
+            '128078',
+            '128139',
+            '127867',
+            '128137',
+            '128684',
+            '128229',
+            '128701',
+            '127867',
+            '128137',
+            '128684',
+            '128299',
+            '128701',
+            '128089',
+            '128704',
+            '127908',
+            '126980',
+            '9824',
+            '128056'
+          ]
+        },
+        children
+      }
+    }
+  }
+
+  getFileConfig = () => {
+    const appFileConfig = appConfig.get('messageEditor.fileConfig')
+    if (appFileConfig !== undefined && !appFileConfig) {
+      return appFileConfig
+    }
+
+    const fileConfig = {
+      ...appConfig.get('messageEditor.fileConfig'),
+      csOptions: {
+        scope: 1
+      },
+      csHost,
+      csServiceName: 'preproduction_content_chatroom',
+      getCSToken: ({ javaSDKParams }, extraInfo = {}) => {
+        const { params, path, tokenType } = javaSDKParams
+        const options = {
+          token_type: tokenType,
+          params,
+          path,
+          ...extraInfo
+        }
+        return imChatroom.getCSToken({
+          options
+        })
+      }
+    }
+    const icons = ['select', 'photograph', 'screenshot']
+    icons.forEach((key) => {
+      const value = fileConfig[key]
+      if (value && typeof value === 'object') {
+        const { svg } = value
+        if (svg) {
+          fileConfig[key] = (
+            <Icon dangerouslySetInnerHTML={{
+              __html: svg
+            }}
+            />
+          )
+        }
+      }
+    })
+
+    return fileConfig
+  }
+
+  onSendLocalMessage = ({ contentType, contentBody, localInfo }) => {
+    this.onSendMessage(contentType, contentBody, localInfo, false)
+  }
+
+  onUpdateLocalMessage = (localInfo) => {
+    const { time } = localInfo
+    subscription.message.publish(subscription.EVENT.CHAT_MESSAGE_LIST_UPDATE, {
+      action: ChatMessageList.C.CHAT_MESSAGE_LIST_UPDATE_ACTION.UPDATE,
+      key: '_uploading.key',
+      items: [{
+        time,
+        _uploading: localInfo
+      }]
+    })
+  }
+
+  onSendMessage = (contentType, contentBody, localInfo, online = true) => {
+    if (this.state.errorMessage) {
+      this.setState((prevState) => ({
+        updateTime: prevState.updateTime,
+        errorMessage: ''
+      }))
+    }
+    sendMessage(contentType, contentBody, online).then((res) => {
+      if (!online) {
+        subscription.message.publish(subscription.EVENT.CHAT_MESSAGE_LIST_UPDATE, {
+          action: ChatMessageList.C.CHAT_MESSAGE_LIST_UPDATE_ACTION.ADD,
+          key: '_uploading.key',
+          items: [{
+            ...res,
+            time: localInfo.time,
+            id: undefined,
+            _localInfo: undefined,
+            _uploading: localInfo
+          }]
+        })
+        return
+      }
+      if (localInfo) {
+        subscription.message.publish(subscription.EVENT.CHAT_MESSAGE_LIST_UPDATE, {
+          action: ChatMessageList.C.CHAT_MESSAGE_LIST_UPDATE_ACTION.UPDATE,
+          key: '_uploading.key',
+          items: [{
+            ...res,
+            _uploading: localInfo
+          }]
+        })
+        subscription.message.publish(subscription.EVENT.ADD_UPLOAD_MESSAGE, res)
+      }
+    }, (e) => {
+      let errorMessage
+      if (e.err_code === -32602) {
+        errorMessage = '发送内容含有敏感词，发送失败'
+      } else {
+        console.error(e.err_msg)
+        errorMessage = '发送失败'
+      }
+      this.setState((prevState) => ({
+        updateTime: prevState.updateTime,
+        errorMessage
+      }))
+      setTimeout(() => {
+        this.setState((prevState) => ({
+          updateTime: prevState.updateTime,
+          errorMessage: ''
+        }))
+      }, 3000)
+    })
+  }
+
+  getDisabled = () => {
+    const { connectStatus } = this.props
+    if (connectStatus === CONNECT_STATUS.LOGIN_SUCCESS) {
+      return getCurrentAccountBanedTip(this.props.chatroomBan)
+        || (
+          this.props.disableEditor
+            ? intl.get('editor.disabled.baned')
+            : false
+        )
+    }
+
+    return intl.get(`connect.status.${connectStatus}`)
+  }
+
+  onAction = (
+    // actionKey,
+    // message
+  ) => {
+    // thirdParty.onPostMessage(actionKey, message)
+  }
+
+  getContextMenu = () => {
+    const menus = appConfig.get('messageEditor.contextMenu') || []
+    if (menus.length) {
+      menus.forEach((menu) => {
+        menu.exec = () => {
+          this.onAction(menu.cmdName)
+        }
+      })
+    }
+    return menus
+  }
+
+  getProps = () => ({
+    ...appConfig.get('messageEditor'),
+    contextMenu: this.getContextMenu(),
+    disabled: this.getDisabled(),
+    emotionConfig: this.getEmotionConfig(),
+    fileConfig: null, // this.getFileConfig(),
+    onSendLocalMessage: this.onSendLocalMessage,
+    onUpdateLocalMessage: this.onUpdateLocalMessage,
+    onSend: this.onSendMessage,
+    subscription: subscription.message,
+    maximumWords: 300
+  })
+
+  render() {
+    const props = this.getProps()
+    return (
+      <>
+        {
+          this.state.errorMessage ? (
+            <Alert
+              className={style['chat-message-editor-alert']}
+              message={this.state.errorMessage}
+              type="error"
+              closable
+              onClose={() => {
+                this.setState((prevState) => ({
+                  updateTime: prevState.updateTime,
+                  errorMessage: ''
+                }))
+              }}
+              showIcon
+            />
+          ) : (<></>)
+        }
+        <Editor {...props} />
+      </>
+    )
+  }
+}
+
+function MessageEditorFn(props) {
+  const {
+    status
+  } = useConnect()
+  const {
+    ban
+  } = useChatroom()
+
+  return (
+    <MessageEditor
+      connectStatus={status}
+      chatroomBan={ban}
+      {...props}
+    />
+  )
+}
+
+export default MessageEditorFn