TIMSDK/MiniProgram/TUIKit/miniprogram/components/tui-chat/message-elements/custom-message/index.js

import formateTime from '../../../TUICalling/TRTCCalling/utils/formate-time.js'
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    message: {
      type: Object,
      value: '',
      observer(newVal) {
        this.setData({
          message: newVal,
          renderDom: this.parseCustom(newVal),
        })
      },
    },
    isMine: {
      type: Boolean,
      value: true,
    },
  },

  /**
   * 组件的初始数据
   */
  data: {


  },

  /**
   * 组件的方法列表
   */
  methods: {
    // 解析音视频通话消息
    extractCallingInfoFromMessage(message) {
      const callingmessage = JSON.parse(message.payload.data)
      if (callingmessage.businessID !== 1) {
        return ''
      }
      const objectData = JSON.parse(callingmessage.data)
      switch (callingmessage.actionType) {
        case 1: {
          if (objectData.call_end >= 0 && !callingmessage.groupID) {
            return `通话时长：${formateTime(objectData.call_end)}`
          }
          if (callingmessage.groupID) {
            return '结束群聊'
          }
          if (objectData.data && objectData.data.cmd === 'switchToAudio') {
            return '切换语音通话'
          }
          if (objectData.data && objectData.data.cmd === 'switchToVideo') {
            return '切换视频通话'
          }
          return '发起通话'
        }
        case 2:
          return '取消通话'
        case 3:
          if (objectData.data && objectData.data.cmd === 'switchToAudio') {
            return '切换语音通话'
          }
          if (objectData.data && objectData.data.cmd === 'switchToVideo') {
            return '切换视频通话'
          }
          return '已接听'
        case 4:
          return '拒绝通话'
        case 5:
          if (objectData.data && objectData.data.cmd === 'switchToAudio') {
            return '切换语音通话'
          }
          if (objectData.data && objectData.data.cmd === 'switchToVideo') {
            return '切换视频通话'
          }
          return '无应答'
        default:
          return ''
      }
    },
    parseCustom(message) {
      // 约定自定义消息的 data 字段作为区分，不解析的不进行展示
      if (message.payload.data === 'order') {
        const extension = JSON.parse(message.payload.extension)
        const renderDom = [{
          type: 'order',
          name: 'custom',
          title: extension.title || '',
          imageUrl: extension.imageUrl || '',
          price: extension.price || 0,
          description: message.payload.description,
        }]
        return renderDom
      }
      // 客服咨询
      if (message.payload.data === 'consultion') {
        const extension = JSON.parse(message.payload.extension)
        const renderDom = [{
          type: 'consultion',
          title: extension.title || '',
          item: extension.item || 0,
          description: extension.description,
        }]
        return renderDom
      }
      // 服务评价
      if (message.payload.data === 'evaluation') {
        const extension = JSON.parse(message.payload.extension)
        const renderDom = [{
          type: 'evaluation',
          title: message.payload.description,
          score: extension.score,
          description: extension.comment,
        }]
        return renderDom
      }
      // 群消息解析
      if (message.payload.data === 'group_create') {
        const renderDom = [{
          type: 'group_create',
          text: message.payload.extension,
        }]
        return renderDom
      }
      // 音视频通话消息解析
      const callingmessage = JSON.parse(message.payload.data)

      if (callingmessage.businessID === 1) {
        if (message.conversationType === 'GROUP') {
          if (message.payload.data.actionType === 5) {
            message.nick = message.payload.data.inviteeList ? message.payload.data.inviteeList.join(',') : message.from
          }
          const _text = this.extractCallingInfoFromMessage(message)
          const groupText = `${_text}`
          const renderDom = [{
            type: 'groupCalling',
            text: groupText,
            userIDList: [],
          }]
          return renderDom
        }
        if (message.conversationType === 'C2C') {
          const c2cText = this.extractCallingInfoFromMessage(message)
          const renderDom = [{
            type: 'c2cCalling',
            text: c2cText,
          }]
          return renderDom
        }
      }
      return [{
        type: 'notSupport',
        text: '[自定义消息]',
      }]
    },
  },
})