@aochuang/client-sdk 1.0.295 → 1.0.297

package/components/wechat-chat-control/image/image-dragable-confirm.vue

@@ -15,7 +15,7 @@
         </ui-radio-group>
       </div>
       <div class="sdk-chat-control-image-dragable-confirm__preview">
-        <ui-image :src="innerSrc" width="100%" height="100%" :enable-thumbnail="false"></ui-image>
+        <ui-image :src="previewSrc" width="100%" height="100%" :enable-thumbnail="false"></ui-image>
       </div>
       <div class="sdk-chat-control-image-dragable-confirm__text">
         <template v-if="currentType === 'thumb'">
@@ -57,7 +57,9 @@ export default {
   data () {
     return {
       visible: true,
-      currentType: 'thumb'
+      currentType: 'thumb',
+      base64Src: null,
+      base64SrcMap: {}
     }
   },
   computed: {
@@ -69,9 +71,59 @@ export default {
             src = getNewImageSrc(src)
         }
         return formatOssPath(src)
+    },
+    previewSrc () {
+      return this.base64Src || this.innerSrc
+    }
+  },
+  watch: {
+    innerSrc: {
+      immediate: true,
+      handler () {
+        this.transformImageToBase64()
+      }
     }
   },
   methods: {
+    transformImageToBase64 () {
+      const src = this.innerSrc
+      this.base64Src = this.base64SrcMap[src] || null
+      if (!src || this.base64Src || /^data:/i.test(src) || /^blob:/i.test(src)) {
+        return
+      }
+      const transformId = Symbol('transformImageToBase64')
+      this._transformImageToBase64Id = transformId
+      this.loadImageDataURL(src).then((dataURL) => {
+        if (this._transformImageToBase64Id !== transformId) {
+          return
+        }
+        this.$set(this.base64SrcMap, src, dataURL)
+        this.base64Src = dataURL
+      }).catch(() => {
+        if (this._transformImageToBase64Id === transformId) {
+          this.base64Src = null
+        }
+      })
+    },
+    loadImageDataURL (src) {
+      return new Promise((resolve, reject) => {
+        const xhr = new XMLHttpRequest()
+        xhr.open('GET', src, true)
+        xhr.responseType = 'blob'
+        xhr.onload = () => {
+          if (xhr.status < 200 || xhr.status >= 300) {
+            reject(new Error(`load image failed: ${xhr.status}`))
+            return
+          }
+          const reader = new FileReader()
+          reader.onload = () => resolve(reader.result)
+          reader.onerror = reject
+          reader.readAsDataURL(xhr.response)
+        }
+        xhr.onerror = reject
+        xhr.send()
+      })
+    },
     handleCancelClick () {
       if (this.loading) {
         return

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aochuang/client-sdk",
-  "version": "1.0.295",
+  "version": "1.0.297",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/services/client-chat/client-chat-wechat/client-chat-account.js

@@ -221,7 +221,7 @@ export default class ClientChatAccount {
 					muteNum: rs.data[0].muteUnread || 0
 				})
 			} else {
-				this.data.accountUnreadMessageNumData.push(index, 1, {
+				this.data.accountUnreadMessageNumData.push({
 					id: wechatAccountId,
 					num: rs.data[0].unread || 0,
 					muteNum: rs.data[0].muteUnread || 0

package/services/client-chat/client-chat-wechat/client-chat.js

@@ -153,22 +153,22 @@ class ClientChat {
 							this.sessionUnread.updateSession(session.conversationId, session)
 						}
 						// 更新账号未读消息数量
-						this.account.updateAccountUnreadMessageNum(session.wechatAccountId, ({ unreadMesasgeNum, unreadMessageMuteNum }) => {
-							const beforeUnreadMsgCount = changeProps.unreadMsgCount.before || 0
-							const afterUnreadMsgCount = changeProps.unreadMsgCount.after || 0
-							const nextUnreadMessageNum = Math.max(0, (unreadMesasgeNum || 0) - beforeUnreadMsgCount) + afterUnreadMsgCount
-							if (session.mute) {
-								return {
-									num: nextUnreadMessageNum,
-									muteNum: Math.max(0, (unreadMessageMuteNum || 0) - beforeUnreadMsgCount) + afterUnreadMsgCount
-								}
-							} else {
-								return {
-									num: nextUnreadMessageNum,
-									muteNum: unreadMessageMuteNum || 0
-								}
-							}
-						})
+						// this.account.updateAccountUnreadMessageNum(session.wechatAccountId, ({ unreadMesasgeNum, unreadMessageMuteNum }) => {
+						// 	const beforeUnreadMsgCount = changeProps.unreadMsgCount.before || 0
+						// 	const afterUnreadMsgCount = changeProps.unreadMsgCount.after || 0
+						// 	const nextUnreadMessageNum = Math.max(0, (unreadMesasgeNum || 0) - beforeUnreadMsgCount) + afterUnreadMsgCount
+						// 	if (session.mute) {
+						// 		return {
+						// 			num: nextUnreadMessageNum,
+						// 			muteNum: Math.max(0, (unreadMessageMuteNum || 0) - beforeUnreadMsgCount) + afterUnreadMsgCount
+						// 		}
+						// 	} else {
+						// 		return {
+						// 			num: nextUnreadMessageNum,
+						// 			muteNum: unreadMessageMuteNum || 0
+						// 		}
+						// 	}
+						// })
 					}
 					const sessionInstances = this.sessionManage.getSessionInstacesBySessionId(session.conversationId)
 					sessionInstances.forEach(sessionInstance => {