@aochuang/client-sdk 1.0.278

package/components/wework-chat-control/url/url.vue

@@ -0,0 +1,103 @@
+<script>
+import { parse, parseXml } from '../../../utils/json'
+import UrlMerge from './url-merge'
+import UrlMiniprogram from './url-miniprogram'
+import UrlFile from './url-file'
+import UrlLink from './url-link'
+
+export default {
+  name: 'SdkChatPanelControlsUrl',
+  functional: true,
+  props: {
+    id: {
+      type: String
+    },
+    content: {
+      type: [Object, String]
+    },
+    updateChatBoxProp: {
+      type: Function
+    },
+    allowDownload: {
+      type: [Boolean, Function],
+      default: false
+    },
+    downloadMethod: {
+      type: Function
+    },
+    cancelDownloadMethod: {
+      type: Function
+    },
+    beforeLoadMergeMethod: {
+      type: Function
+    },
+    type: {
+      type: String,
+      default: 'default',
+      validator (value) {
+        return ['quote', 'default', 'thumb'].includes(value)
+      }
+    }
+  },
+  render (h, c) {
+    const { props } = c
+    let content = props.content
+    if (!content) {
+      return null
+    }
+    content = parse(content)
+    if (content.type === 'merged') {
+      return h(UrlMerge, {
+        props: {
+          id: props.id,
+          type: props.type,
+          content: content.content,
+          beforeLoad: props.beforeLoadMergeMethod
+        }
+      })
+    } else if (content.type === 2) {
+      return h(UrlMiniprogram, {
+        props: {
+          id: props.id,
+          type: props.type,
+          content
+        },
+        key: c.data.key
+      })
+    } else if (content.type === 'file') {
+      return h(UrlFile, {
+        props: {
+          id: props.id,
+          type: props.type,
+          content,
+          allowDownload: props.allowDownload,
+          downloadMethod: props.downloadMethod,
+          cancelDownloadMethod: props.cancelDownloadMethod,
+          updateChatBoxProp: c.props.updateChatBoxProp
+        },
+        key: c.data.key
+      })
+    } else {
+      if (typeof content === 'string') {
+        const xmlData = parseXml(content)
+        if (xmlData) {
+          content = {
+            title: xmlData.msg && xmlData.msg.appmsg && xmlData.msg.appmsg.title,
+            desc: xmlData.msg && xmlData.msg.appmsg && xmlData.msg.appmsg.des,
+            url: xmlData.msg && xmlData.msg.appmsg && xmlData.msg.appmsg.url
+          }
+        }
+      }
+      return h(UrlLink, {
+        props: {
+          id: props.id,
+          content,
+          type: props.type,
+          updateChatBoxProp: props.updateChatBoxProp
+        },
+        key: c.data.key
+      })
+    }
+  }
+}
+</script>

package/components/wework-chat-control/util.js

@@ -0,0 +1,223 @@
+export const MESSAGE_TYPE = {
+	TEXT: 0,
+	IMAGE: 14,
+	VOICE: 16,
+	VIDEO: 23,
+	CUSTOM_EXPRESSION: 29,
+	CUSTOM_EXPRESSION_W: 104,
+    // MUSIC: 1040187441,
+	// ROOM_CALLING: 64,
+	SHARE_CARD: 41,
+	// COMPANY_CARD: 41,
+	// VIDEO: 43,
+	// CUSTOM_EXPRESSION: 47,
+	LOCATION: 6,
+	URL: 78,
+	URLNew: 13,
+	CALLING: 40,
+	// REAL_TIME_POSITION: -1879048186,
+	RED_ENVELOPES: 26,
+	// ACCOUNT_TRANSFER: 419430449,
+	// SYSTEM: 10000,
+    // SYSTEM_BATCH_MESSAGE: 10002,
+    // REVOKE_ME_MESSAGE: 268445458,
+    // REVOKE_YOU_MESSAGE: 285222674,
+    // REVOKE_OTHER_MESSAGE: 268445456,
+	JX_SYS_TEXT: 1000,
+	// MEMBER_CHANGE: 570425393,
+	// SYSTEM_MONEY: -10001,
+	// TIME_DIVIDER: -12346789,
+	// TEXT_WITH_AT: 90001,
+	// QUOTE_MESSAGE: 822083633,
+	CHANNEL_VIDEO: 141,
+	// CHANNEL_VIDEO_CARD: 771751985, // 视频号名片
+	CHANNEL_VIDEO_LIVE: 146 // 视频号直播
+}
+
+function html2Escape (sHtml) {
+    return (sHtml || '').replace(/[<>]/g, (c) => {
+        return {
+        '<': '&lt;',
+        '>': '&gt;'
+        }[c]
+    })
+}
+
+function formatSystemMessage (content) {
+	if (!content) {
+		return
+	}
+	// 微被异常关闭  <a href=\"weixin://voip/callagain/?username=wxid_ofo60wv6hxeg22&isvideocall=false\">重新拨打</a>
+	content = content.replace(/<a .*?>(.*)?<\/a>/, '$1')
+	// 你有一笔待接收的<_wc_custom_link_ href=\"weixin://wxpay/transfer/remindrcvmsg?fromusername=wxid_czvz4ar05mzj12&transferid=1000050001202403131427288081709&transfer_msg_type=1\">转账</_wc_custom_link_>
+	content = content.replace(/<_wc_custom_link_ .*?>(.*)?<\/_wc_custom_link_>/, '$1')
+	// <img src=\"SystemMessages_HongbaoIcon.png\"/>  你领取了黄哒哒的<_wc_custom_link_ color=\"#FD9931\" href=\"weixin://weixinhongbao/opendetail?sendid=1000039901202403067108164737017&sign=aeb7599b2ba534837903a501e7c0f3aaa3449225842552e5d19221a43b1be006d012bcbf25660c6700d3ff1488703edf16e033ec6fb8a35a484ff79b3d4d71bf90c7dd7561af1335314c9ef451b8d36c&ver=6\">红包</_wc_custom_link_>
+	content = content.replace(/<img .*?\/>/, '')
+	return content
+}
+
+function toJson (data) {
+    try {
+        return JSON.parse(data)
+    } catch (e) {
+        console.log(e)
+    }
+    return data
+}
+
+/**
+ * 格式化为短消息
+*/
+export function formatShortMessage (msgType, msgContent) {
+    let shortMessage = msgContent
+    switch (msgType) {
+        case MESSAGE_TYPE.TEXT:
+            shortMessage = msgContent
+            break
+        case MESSAGE_TYPE.TEXT_WITH_AT:
+            let {atId, content, text} = toJson(msgContent) || {}
+            shortMessage = text
+            break
+        case MESSAGE_TYPE.IMAGE:
+            shortMessage = '[图片消息]'
+            break
+        case MESSAGE_TYPE.VIDEO:
+            shortMessage = '[视频消息]'
+            break
+        case MESSAGE_TYPE.CUSTOM_EXPRESSION:
+            shortMessage = '[自定义表情消息]'
+            break
+        case MESSAGE_TYPE.VOICE:
+            shortMessage = '[语音消息]'
+            break
+        case MESSAGE_TYPE.MUSIC:
+            shortMessage = '[音乐消息]'
+            break
+        case MESSAGE_TYPE.JX_SYS_TEXT:
+        case MESSAGE_TYPE.MEMBER_CHANGE:
+        case MESSAGE_TYPE.SYSTEM_MONEY:
+            shortMessage = '[系统消息]'
+            break
+        case MESSAGE_TYPE.SYSTEM:
+            shortMessage = formatSystemMessage(msgContent)
+            break
+        case MESSAGE_TYPE.URL:
+        case MESSAGE_TYPE.URLNew:
+            const jsonObj = toJson(msgContent)
+            if (typeof jsonObj === 'object') {
+                if(jsonObj.type === 'file') {
+                    shortMessage = '[文件消息]'
+                } else if(jsonObj.type === 'link') {
+                    shortMessage = '[链接消息]'
+                } else if(jsonObj.type === 'miniprogram') {
+                    shortMessage = '[小程序消息]'
+                } else if (jsonObj.type === 'music') {
+                    shortMessage = '[音乐消息]'
+                } else if (jsonObj.type === 'merged') {
+                    shortMessage = '[合并消息]'
+                } else {
+                    shortMessage = '[链接消息]'
+                }
+            } else {
+                shortMessage = '[链接消息]'
+            }
+            break
+        case MESSAGE_TYPE.RED_ENVELOPES:
+            shortMessage = '[红包消息]'
+            break
+        case MESSAGE_TYPE.ACCOUNT_TRANSFER:
+            shortMessage = '[转账消息]'
+            break
+        case MESSAGE_TYPE.COMPANY_CARD:
+        case MESSAGE_TYPE.SHARE_CARD:
+            shortMessage = '[名片消息]'
+            break
+        case MESSAGE_TYPE.LOCATION:
+            shortMessage = '[位置消息]'
+            break
+        case MESSAGE_TYPE.QUOTE_MESSAGE:
+            let nextContent = null
+            if (typeof msgContent === 'string') {
+                nextContent = msgContent.replace(/^[\w-_@]+:{/, '{')
+                nextContent = toJson(nextContent)
+            }
+            if (!nextContent) {
+                shortMessage = '[引用消息]'
+            } else {
+                shortMessage = nextContent.content
+            }
+            break
+        case MESSAGE_TYPE.CHANNEL_VIDEO:
+            shortMessage = '[视频号消息]'
+            break
+        case MESSAGE_TYPE.CHANNEL_VIDEO_CARD:
+            shortMessage = '[视频号名片]'
+            break
+        case MESSAGE_TYPE.CHANNEL_VIDEO_LIVE:
+            shortMessage = '[视频号直播]'
+            break
+        case MESSAGE_TYPE.ROOM_CALLING:
+        case MESSAGE_TYPE.CALLING:
+            shortMessage = '[语音通话消息]'
+            break
+        case MESSAGE_TYPE.REVOKE_ME_MESSAGE: 
+        case MESSAGE_TYPE.REVOKE_OTHER_MESSAGE: 
+            shortMessage = '[撤回消息]'
+            break
+        default:
+            if (msgContent) {
+                shortMessage = '[未知消息]'
+            }
+            break
+    }
+    return html2Escape(shortMessage)
+}
+
+/**
+ * {
+    "conversationId": "c46acbc06c7d2c98fc1c2cc7a8a166d51b86b978",
+    "lastMsgContent": "&lt;div&gt;afwefwefwe&lt;/div&gt;",
+    "lastMsgId": "6b8fb723bd3c2587e4cbe1c7dbf432273ae17937",
+    "lastMsgTime": 1752805509000,
+    "lastMsgType": 1,
+    "lastUpdateTime": 1752808689038,
+    "mute": false,
+    "stickyOnTop": false,
+    "targetId": "fa11efc7f771f73bd483d41e54084494e11b5d8b",
+    "type": 0,
+    "unreadMsgCount": 0,
+    "wechatAccountId": "e8aade993e66748cbb845d127ea8e2e067465de7"
+}
+*/
+export function formatShortSessionMessage (session, contextFn) {
+    if (!session.lastMsgType) {
+        return
+    }
+    if (session.lastMsgType === MESSAGE_TYPE.TEXT_WITH_AT) {
+        const content = toJson(session.lastMsgContent)
+        if (!contextFn) {
+            throw new Error('缺少上下文函数')
+        }
+        if (content && content.atWechatIdsHash && content.atWechatIdsHash.length) {
+            const contextRs = contextFn()
+            if (contextRs && contextRs.then) {
+                return contextRs.then(rs => {
+                    if (!rs.wechatAccount) {
+                        return formatShortMessage(session.lastMsgType, session.lastMsgContent)
+                    }
+                    // 有未读消息才需要高亮红色提示
+                    if (content.atWechatIdsHash.includes(rs.wechatAccount.wechatIdHash) && rs.session && rs.session.unreadMsgCount > 0) {
+                        return `<span style="color: #e2544b;">[有人@我]</span>${html2Escape(content.text)}`
+                    } else {
+                        return formatShortMessage(session.lastMsgType, session.lastMsgContent)
+                    }
+                })
+            } else {
+                return formatShortMessage(session.lastMsgType, session.lastMsgContent)
+            }
+        } else {
+            return formatShortMessage(session.lastMsgType, session.lastMsgContent)
+        }
+    }
+    return formatShortMessage(session.lastMsgType, session.lastMsgContent)
+}

package/components/wework-chat-control/video/icons/video.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1731930511288" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1740" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M0 0h1024v1024H0z" fill="#6690FF" p-id="1741"></path><path d="M802.9696 692.736c15.9744 0 28.928-12.5184 28.928-27.904 0-0.5632 0.1024-0.7936 0.1024-1.1008V395.5968c0-0.3072-0.0768-0.5376-0.0768-1.1008 0-15.4112-12.9792-27.904-28.928-27.904-4.9152 0-9.472 1.1776-13.4656 3.2256h-0.1792l-88.2944 45.9776v-68.352c0-38.7584-32.512-70.1184-72.704-70.1184H264.704c-40.192 0-72.7296 31.36-72.7296 70.0928v350.464C192 736.6656 224.512 768 264.704 768h363.648c40.192 0 72.704-31.36 72.704-70.0928v-54.4512l88.8064 46.208c3.9936 1.792 8.3968 3.072 13.1072 3.072z" fill="#FFFFFF" p-id="1742"></path></svg>

package/components/wework-chat-control/video/video.vue

@@ -0,0 +1,304 @@
+<template>
+  <div class="sdk-chat-wework-control-video" :key="url">
+    <div class="sdk-chat-wework-control-video__main" :style="{height: innerHeight + 'px', width: innerWidth + 'px'}">
+      <template v-if="!url && allowDownload && type === 'default'">
+        <div class="sdk-chat-wework-control-video__download" :class="{'is-downloading': downloading}" @click="handleDownloadClick">
+          <template v-if="downloading">
+            <div class="sdk-chat-wework-control-video__download-icon">
+              <ui-loading size="mini"></ui-loading>
+            </div>
+            <div class="sdk-chat-wework-control-video__download-text">下载中...</div>
+          </template>
+          <template v-else>
+            <div class="sdk-chat-wework-control-video__download-icon">
+              <ui-icon name="download-line"></ui-icon>
+            </div>
+            <div class="sdk-chat-wework-control-video__download-text">下载</div>
+          </template>
+        </div>
+        <template v-if="innerCover">
+          <ui-video 
+            :height="innerHeight" 
+            :width="innerWidth" 
+            :poster="innerCover" 
+            :preload="innerCover ? 'none' : 'metadata'" 
+            class="sdk-chat-wework-control-video__player"
+          ></ui-video>
+        </template>
+      </template>
+      <template v-else>
+        <template v-if="allowDefrost">
+          <template v-if="defrostMsg">
+            <div class="sdk-chat-wework-control-video__defrost">
+              <div class="sdk-chat-wework-control-video__defrost-icon">
+                <ui-icon name="information-line" :size="20"></ui-icon>
+              </div>
+              <div class="sdk-chat-wework-control-video__defrost-text">
+                {{ defrostMsg }}
+              </div>
+              <div class="sdk-chat-wework-control-video__error-action">
+                <ui-button type="primary" size="mini" :click="handleRefreshClick">重新请求</ui-button>
+              </div>
+            </div>
+          </template>
+          <template v-else-if="errorMsg">
+            <div class="sdk-chat-wework-control-video__error">
+              <div class="sdk-chat-wework-control-video__error-icon">
+                <ui-icon name="information-line" :size="20"></ui-icon>
+              </div>
+              <div class="sdk-chat-wework-control-video__error-text">
+                {{ errorMsg }}
+              </div>
+              <div class="sdk-chat-wework-control-video__error-action">
+                <ui-button type="primary" size="mini" :click="handleUnlockClick">尝试解档</ui-button>
+              </div>
+            </div>
+          </template>
+          <template v-else>
+            <ui-video 
+              :src="url" 
+              :height="innerHeight" 
+              :width="innerWidth" 
+              :poster="innerCover" 
+              :preload="innerCover ? 'none' : 'metadata'" 
+              @error="handleError"
+              class="sdk-chat-wework-control-video__player"
+            ></ui-video>
+          </template>
+        </template>
+        <template v-else>
+          <ui-video 
+            :src="url" 
+            :height="innerHeight" 
+            :width="innerWidth" 
+            :poster="innerCover" 
+            :preload="innerCover ? 'none' : 'metadata'" 
+            @error="handleError"
+            class="sdk-chat-wework-control-video__player"
+          ></ui-video>
+        </template>
+      </template>
+    </div>
+  </div>
+</template>
+<script>
+import { Video as UiVideo, Button as UiButton, Icon as UiIcon, Loading as UiLoading } from '@aochuang/common/components'
+import { parse } from '../../../utils/json'
+import { formatOssPath } from '@aochuang/common/utils/oss'
+
+export default {
+  name: 'SdkChatControlVideo',
+  components: {
+    UiIcon,
+    UiVideo,
+    UiButton,
+    UiLoading
+  },
+  props: {
+    id: {
+      type: String
+    },
+    content: {
+      type: [String, Object]
+    },
+    size: {
+      type: Number
+    },
+    width: {
+      type: String
+    },
+    height: {
+      type: String
+    },
+    duration: {
+      type: Number
+    },
+    allowDownload: {
+      type: Boolean
+    },
+    downloadMethod: {
+      type: Function
+    },
+    cancelDownloadMethod: {
+      type: Function
+    },
+    type: {
+      type: String,
+      default: 'default',
+      validator (value) {
+        return ['quote', 'default', 'thumb'].includes(value)
+      }
+    },
+    defrostMethod: {
+      type: Function
+    }
+  },
+  data () {
+    return {
+      downloading: false,
+      errorMsg: null,
+      defrostMsg: null,
+      nextContent: {}
+    }
+  },
+  computed: {
+    url () {
+      let url = null
+      if (typeof this.nextContent === 'string') {
+        url = this.nextContent
+      } else if (this.nextContent && typeof this.nextContent === 'object') {
+        if (this.nextContent.url) {
+          url = this.nextContent.url
+        } else {
+          url = this.nextContent.tencentUrl
+          // 如果tencentUrl不是一个有效的地址，就设置为null，后面好识别需要下载
+          if (!/^(http:\/\/|https:\/\/)/i.test(this.nextContent.tencentUrl)) {
+            url = null
+          }
+        }
+      }
+      return url
+    },
+    cover () {
+      if (!this.nextContent) {
+        return
+      }
+      return this.nextContent.previewImage
+    },
+    innerCover () {
+      return formatOssPath(this.cover)
+    },
+    innerWidth () {
+      if (this.type === 'quote') {
+        return '60'
+      } else if (this.type === 'thumb') {
+        return '150'
+      } else {
+        return this.width || '280'
+      }
+    },
+    innerHeight () {
+      if (this.type === 'quote') {
+        return '60'
+      } else if (this.type === 'thumb') {
+        return '84'
+      } else {
+        return this.height || '200'
+      }
+    },
+    allowDefrost () {
+      return !!this.defrostMethod
+    }
+  },
+  created () {
+    this.nextContent = parse(this.content) || {}
+  },
+  methods: {
+    handleDownloadClick () {
+      const rs = this.downloadMethod({
+        content: this.nextContent,
+        updateContentProp: (prop, value) => {
+          if (!['url'].includes(prop)) {
+            throw new Error('不支持的更新属性' + prop)
+          }
+          this.$set(this.nextContent, prop, value)
+        }
+      })
+      if (rs && rs.finally) {
+        this.downloading = true
+        rs.finally(() => {
+          this.downloading = false
+        })
+      }
+    },
+    handleError () {
+      if (!this.defrostMethod) {
+        return
+      }
+      this.errorMsg = '加载失败，可能资源被归档～'
+    },
+    handleUnlockClick () {
+      if (!this.defrostMethod) {
+        return
+      }
+      return this.defrostMethod({
+        content: this.content
+      }).then((res) => {
+        this.defrostMsg = res || '解冻已执行，请耐心等待～'
+      })
+    },
+    handleRefreshClick () {
+      this.errorMsg = null
+      this.defrostMsg = null
+    }
+  },
+  beforeDestroy () {
+    this.cancelDownloadMethod && this.cancelDownloadMethod()
+  }
+}
+</script>
+<style lang="less">
+.sdk-chat-wework-control-video {
+  position: relative;
+}
+.sdk-chat-wework-control-video__main{
+  position: relative;
+  border: 1px solid #ebebeb;
+  border-radius: 3px;
+  overflow: hidden;
+  display: inline-block;
+  vertical-align: top;
+}
+.sdk-chat-wework-control-video__player{
+  max-width: 300px;
+  max-height: 350px;
+  vertical-align: top;
+}
+.sdk-chat-wework-control-video__download{
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 3;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(0,0,0,.5);
+  color: #ccc;
+  font-size: 12px;
+  line-height: 1em;
+  transition: all .25s;
+  &:not(.is-downloading) {
+    cursor: pointer;
+    &:hover {
+      color: #fff;
+    }
+  }
+}
+.sdk-chat-wework-control-video__download-icon{
+  margin-bottom: 6px;
+}
+.sdk-chat-wework-control-video__defrost,
+.sdk-chat-wework-control-video__error{
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 10;
+  background-color: #f2f2f2;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  padding: 12px;
+  color: #999;
+  line-height: 1.7em;
+}
+.sdk-chat-wework-control-video__error-action{
+  margin-top: 6px;
+}
+</style>

package/components/wework-chat-control/voice/icons/voice.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1731930580090" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1903" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M0 0h1024v1024H0z" fill="#6690FF" p-id="1904"></path><path d="M512 853.3248c-188.5184 0-341.3248-152.832-341.3248-341.3248 0-188.5184 152.832-341.3248 341.3248-341.3248 188.5184 0 341.3248 152.832 341.3248 341.3248 0 188.5184-152.832 341.3248-341.3248 341.3248z m-16-338.4832c0-21.3248-32-21.3248-32 0v130.8416c0 21.3504 32 21.3504 32 0v-130.816zM410.6752 384c0-21.3248-32-21.3248-32 0v261.6832c0 21.3504 32 21.3504 32 0V384z m170.6496 53.3248c0-21.3248-32-21.3248-32 0v208.384c0 21.3248 32 21.3248 32 0v-208.384z m85.3504 21.3504c0-21.3504-32-21.3504-32 0v187.008c0 21.3504 32 21.3504 32 0v-187.008z" fill="#FFFFFF" p-id="1905"></path></svg>