@aochuang/client-sdk 1.0.278

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

@@ -0,0 +1,92 @@
+import Vue from 'vue'
+import { unique } from '../../../utils/string.js'
+
+export default class ClientChatDraft {
+    data = Vue.observable({
+		/**
+		 * 草稿消息
+		 * [{
+		 * 		id: 'xxx', // 本地唯一id
+		 * 		targetId: 'xxx', // 群或者好友id
+         *      targetType: null, // 草稿类型，0：好友，1：群
+		 * 		msgType: null, // 消息类型
+		 * 		content: null, // 消息内容
+		 * 		createTime: null // 创建时间
+		 * }]
+		*/
+		draftData: []
+    })
+
+    constructor (options) {
+        options = Object.assign({
+            clientChat: this
+        }, options)
+        if (!options.clientChat) {
+            throw new Error('必须将clientChat传递过来')
+        }
+        this.clientChat = options.clientChat
+    }
+
+    addDraftItem (data) {
+        if (!data) {
+            throw new Error('草稿数据不能为空')
+        }
+        if (!data.targetId) {
+            throw new Error('缺少targetId参数')
+        }
+        if (![0, 1].includes(data.targetType)) {
+            throw new Error('参数targetType无效')
+        }
+        if (!data.msgType) {
+            throw new Error('缺少msgType参数')
+        }
+        if (!data.content) {
+            throw new Error('缺少content参数')
+        }
+        if (this.data.draftData.some(v => v.targetType === data.targetType && v.targetId === data.targetId)) {
+            return
+        }
+        const nextItem = Object.assign({}, data, {
+            id: unique(),
+            createTime: Date.now()
+        })
+        this.data.draftData.push(nextItem)
+        return nextItem
+    }
+
+    removeDraftItem (id) {
+        let index = -1
+        this.data.draftData.some((v, i) => {
+            if (v.id === id) {
+                index = i
+                return true
+            }
+        })   
+        if (index < 0) {
+            return
+        }
+        this.data.draftData.splice(index, 1)
+    }
+
+    getDraftItem (id) {
+        let index = -1
+        this.data.draftData.some((v, i) => {
+            if (v.id === id) {
+                index = i
+                return true
+            }
+        })   
+        if (index < 0) {
+            return
+        }
+        return this.data.draftData[index]
+    }
+
+    findDraftItem (fn) {
+        return this.data.draftData.find((v) => {
+            return fn({
+                item: v
+            })
+        })
+    }
+}

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

@@ -0,0 +1,588 @@
+import Vue from 'vue'
+import Event from '../../../utils/event.js'
+import { unique } from '../../../utils/string.js'
+import { formatDate } from '../../../utils/date.js'
+import { createPromise } from '../../../utils/util'
+import { encodeHtmlEntities } from '@aochuang/common/utils/string.js'
+
+export default class ClientChatMessage {
+
+	data = Vue.observable({
+		/**
+		 * {
+		 * 		groupField: {
+		 *			day: { // 按照天分组，这样的好处是就不用做排序了，用浏览器的机制
+		 *	  			milliseconds: [ // 按照毫秒分组，一般不可能毫秒级还有多条消息，这里用数组只是防止真的存在
+		 *  				// 消息数据
+		 * 					...
+		 *				]
+		 *			},
+		 *		}
+		 * }
+		*/
+		messageData: {},
+		/**
+		 * 最后接收的一条消息时间
+		 */
+		lastReceiveMessageTime: null,
+	})
+
+	messageMap = {}
+
+	// 记录一下临时更新的消息，主要是客服端发送消息后，如果失败的时候后端会返回两条消息，一条完整的接口一条失败的状态结果，两个消息顺序没发保证完整结构-》状态结果，所以要先把状态结果临时存一下，后面新增消息的时候从这里找一下，同步一下sendStatus和errMsg
+	tempMessageMap = {}
+
+	// 需要检查消息结果的消息记录
+	checkMessageSendResultTaskList = []
+
+	get messageData () {
+		return this.data.messageData
+	}
+
+	get lastReceiveMessageTime () {
+		return this.data.lastReceiveMessageTime
+	}
+
+	constructor (options) {
+		options = Object.assign({
+			clientChat: this,
+			queryMethod: null,
+			sortField: null, // 排序的字段，必须是唯一的，例如时间
+			groupField: null, // 分组的字段
+			checkMessageSendResultMethod: null, // 检查消息发送结果
+			loadLossMessageDataMethod: null, // 加载丢失的消息数据，例如socket断开期间没有收到的数据
+			onAddMessageSuccess: null // 新增消息成功回调事件
+		}, options)
+		if (!options.clientChat) {
+			throw new Error('必须将clientChat传递过来')
+		}
+		if (!options.checkMessageSendResultMethod) {
+			throw new Error('缺少checkMessageSendResultMethod配置')
+		}
+		this.queryMethod = options.queryMethod
+		this.clientChat = options.clientChat
+		this.groupField = options.groupField
+		this.sortField = options.sortField
+		this.checkMessageSendResultMethod = options.checkMessageSendResultMethod
+		this.loadLossMessageDataMethod = options.loadLossMessageDataMethod
+		this.onAddMessageSuccess = options.onAddMessageSuccess
+		this.event = new Event()
+	}
+
+	getSortField (time) {
+		const step = 1000 * 60 * 60 * 24
+		const day = Math.floor(time / step)
+		const milliseconds = time - (day * step)
+		return {
+			day: day, // Math.abs(day - 1000000),
+			milliseconds: milliseconds // Math.abs(milliseconds - 86400000)
+		}
+	}
+	/**
+	 * 新增消息
+	 * @param { Object } data - 消息数据
+	 * @example
+	 * addMessage({
+	 *	     "accountId": "1775049357349355520",
+	 *	     "accountNickName": "杨雨",
+	 *	     "accountRealName": "杨雨",
+	 *	     "accountUserName": "18627032190",
+	 *	     "content": "kkkk",
+	 *	     "createTime": 1723710023517,
+	 *	     "id": "6612b84538679a8c881e9f8482ccda9e9b35c00d",
+	 *	     "isDeleted": false,
+	 *	     "isSend": false,
+	 *	     "msgId": "1245",
+	 *	     "msgSubType": 0,
+	 *	     "msgSvrId": "4319123759514541049",
+	 *	     "msgType": 1,
+	 *	     "origin": "0",
+	 *	     "sendStatus": 0, // 0发送成功，1发送中，2发送失败，3发送超时
+	 *	     "tenantId": "1761952223049924608",
+	 *	     "wechatAccountId": "ad9d9ae2a8be4f27311312cdd4af3549dc8427ef",
+	 *	     "wechatFriendId": "2089efcc7f8f40b00b7f05fa4c6dfd3bb642774d",
+	 * 		 "wechatChatroomId": "2089efcc7f8f40b00b7f05fa4c6dfd3bb642774d", //群的时候才有
+	 *	     "wechatTime": 1723710022000
+	 *	})
+	*/
+	addMessage (data, fireEvent) {
+		if (!data || !data.id || !data[this.groupField] || !data[this.sortField]) {
+			throw new Error('缺少必须参数')
+		}
+		if (this.messageMap[data.id]) {
+			return
+		}
+		if (this.tempMessageMap[data.id]) {
+			data = Object.assign(data, this.tempMessageMap[data.id])
+			delete this.tempMessageMap[data.id]
+		}
+		const groupField = data[this.groupField]
+		if (!this.data.messageData[groupField]) {
+			Vue.set(this.data.messageData, groupField, {})
+		}
+		const sortFields = this.getSortField(data[this.sortField])
+		if (!this.data.messageData[groupField][sortFields.day]) {
+			Vue.set(this.data.messageData[groupField], sortFields.day, {})
+		}
+		if (!this.data.messageData[groupField][sortFields.day][sortFields.milliseconds]) {
+			Vue.set(this.data.messageData[groupField][sortFields.day], sortFields.milliseconds, [])
+		}
+		if (this.data.messageData[groupField][sortFields.day][sortFields.milliseconds].some(v => v.id === data.id)) {
+			return
+		}
+		this.data.messageData[groupField][sortFields.day][sortFields.milliseconds].push(data)
+		this.messageMap[data.id] = data
+		// 发送中的消息并且不是临时占位消息，需要增加轮询结果逻辑
+		if (data.isSend && data.sendStatus === 1 && !data._temp) {
+			// 排除一下系统消息，因为后端系统消息的sendStatus永远为1，这会导致前端总是轮训去调用接口检查消息状态
+			if (data.msgType !== 90000) {
+				this.addCheckMessageSendResultTask(data)
+			}
+		}
+		if (fireEvent !== false) {
+			this.event && this.event.emit('add-message', {
+				data
+			})
+			this.onAddMessageSuccess && this.onAddMessageSuccess({
+				data
+			})
+		}
+	}
+
+	removeMessage (id) {
+		if (!id) {
+			return
+		}
+		// 删除检查结果轮询任务
+		this.removeCheckMessageSendResultTask(id)
+		// 删除临时消息记录
+		delete this.tempMessageMap[id]
+		// 删除其他逻辑
+		const message = this.messageMap[id]
+		if (!message) {
+			return
+		}
+		delete this.messageMap[id]
+		const groupField = message[this.groupField]
+		const sortFields = this.getSortField(message[this.sortField])
+		if (!this.data.messageData[groupField]) {
+			return
+		}
+		if (!this.data.messageData[groupField][sortFields.day]) {
+			return
+		}
+		if (!this.data.messageData[groupField][sortFields.day][sortFields.milliseconds]) {
+			return
+		}
+		const index = this.data.messageData[groupField][sortFields.day][sortFields.milliseconds].indexOf(message)
+		if (index < 0) {
+			return
+		}
+		this.data.messageData[groupField][sortFields.day][sortFields.milliseconds].splice(index, 1)
+		if (!this.data.messageData[groupField][sortFields.day][sortFields.milliseconds].length) {
+			delete this.data.messageData[groupField][sortFields.day][sortFields.milliseconds]
+		}
+		if (!Object.keys(this.data.messageData[groupField][sortFields.day]).length) {
+			delete this.data.messageData[groupField][sortFields.day]
+		}
+		if (!Object.keys(this.data.messageData[groupField]).length) {
+			delete this.data.messageData[groupField]
+		}
+	}
+
+	updateMessage (id, props) {
+		const message = this.getMessage(id)
+		if (!message) {
+			// 缓存一下
+			this.tempMessageMap[id] = props
+			return
+		}
+		if (!props) {
+			return
+		}
+		const groupField = message[this.groupField]
+		const newSortFields = this.getSortField(props[this.sortField])
+		const oldSortFields = this.getSortField(message[this.sortField])
+		Object.keys(props).forEach(key => {
+			Vue.set(message, key, props[key])
+			// 需要更新一下时间，因为引用消息依赖时间，更新了时间还需要把排序数据更新一下，如果不更新，后面删除不掉
+			if (this.sortField === key) {
+				// 先删除前一次时间排序消息
+				if (this.data.messageData[groupField] && this.data.messageData[groupField][oldSortFields.day] && this.data.messageData[groupField][oldSortFields.day][oldSortFields.milliseconds]) {
+					const index = this.data.messageData[groupField][oldSortFields.day][oldSortFields.milliseconds].indexOf(message)
+					if (index >= 0) {
+						this.data.messageData[groupField][oldSortFields.day][oldSortFields.milliseconds].splice(index, 1)
+						if (!this.data.messageData[groupField][oldSortFields.day][oldSortFields.milliseconds].length) {
+							delete this.data.messageData[groupField][oldSortFields.day][oldSortFields.milliseconds]
+						}
+						if (!Object.keys(this.data.messageData[groupField][oldSortFields.day]).length) {
+							delete this.data.messageData[groupField][oldSortFields.day]
+						}
+						if (!Object.keys(this.data.messageData[groupField]).length) {
+							delete this.data.messageData[groupField]
+						}
+					}
+					if (!this.data.messageData[groupField]) {
+						Vue.set(this.data.messageData, groupField, {})
+					}
+					if (!this.data.messageData[groupField][newSortFields.day]) {
+						Vue.set(this.data.messageData[groupField], newSortFields.day, {})
+					}
+					if (!this.data.messageData[groupField][newSortFields.day][newSortFields.milliseconds]) {
+						Vue.set(this.data.messageData[groupField][newSortFields.day], newSortFields.milliseconds, [])
+					}
+					if (!this.data.messageData[groupField][newSortFields.day][newSortFields.milliseconds].some(v => v.id === message.id)) {
+						this.data.messageData[groupField][newSortFields.day][newSortFields.milliseconds].push(message)
+					}
+				}
+			}
+		})
+	}
+
+	findMessage (fn) {
+		let result
+		Object.keys(this.messageMap).some(key => {
+			if (fn({
+				message: this.messageMap[key]
+			})) {
+				result = this.messageMap[key]
+				return true
+			}
+		})
+		return result
+	}
+
+	filterMessage (fn) {
+		let result = []
+		Object.keys(this.data.messageData).forEach(groupKey => {
+			let isBreak = false
+			const groupData = this.data.messageData[groupKey] || {}
+			Object.keys(groupData).some(key => {
+				if (isBreak) {
+					return true
+				}
+				const dayData = groupData[key]
+				return Object.keys(dayData).some(key1 => {
+					if (isBreak) {
+						return true
+					}
+					const millisecondsData = dayData[key1] || []
+					return millisecondsData.some(item => {
+						if (isBreak) {
+							return true
+						}
+						if (fn({
+							groupId: groupKey,
+							message: item,
+							isBreak: () => {
+								isBreak = true
+							}
+						}) !== false) {
+							result.push(item)
+						} 
+					})
+				})
+			})
+		})
+		return result
+	}
+
+	getMessage (id) {
+		return this.messageMap[id]
+	}
+
+	clearMessage () {
+		Object.keys(this.messageMap).forEach(key => {
+			this.removeMessage(key)
+		})
+	}
+
+	sendMessage (data) {
+		const id = unique() + ''
+		const sendData = Object.assign({
+			content: null,
+			msgType: null,
+			msgSubType: 0,
+			wechatAccountId: null,
+			wechatFriendId: null,
+			wechatChatroomId: null
+		}, data, {
+			seq: id,
+			cmdType: 'CmdSendMessage'
+		})
+		const newMessage = Object.assign({
+			id,
+			content: null,
+			msgType: null,
+			msgSubType: 0,
+			wechatTime: Date.now(),
+			isSend: true,
+			sendStatus: 1,
+			wechatAccountId: null,
+			wechatFriendId: null,
+			wechatChatroomId: null,
+			_temp: true // 临时占位消息标识符
+		}, data)
+		// 如果是文本消息，需要转义一下，保持和后端一样的逻辑
+		if (newMessage.msgType === 1) {
+			// 先decode是因为复制的场景有可能时候转义之后的，在encode是为了和后端保持一致，空格能正确展示
+			newMessage.content = encodeHtmlEntities(newMessage.content)
+		}
+		return this.clientChat.socket.sendMessage(sendData, () => {
+			// 先插入临时消息，减少loading，让用户更快的输入发送消息
+			this.addMessage(newMessage)
+		}).then(({ data }) => {
+			if (data.sendStatus === 0) {
+				// 发送成功
+			} else if (data.sendStatus === 2) {
+				// 发送失败
+			} else if (data.sendStatus === 1) {
+				// 发送中
+			}
+			// 如果返回的是对象，证明发送成功了，如果返回的不是对象，是报错字符串，交给外面处理错误
+			if (data && typeof data === 'object') {
+				this.removeMessage(newMessage.id)
+				this.addMessage(data)
+			} else if (typeof data === 'string') {
+				this.updateMessage(newMessage.id, {
+					sendStatus: 2,
+					resultMsg: data || '发送失败'
+				})
+			}
+			return data
+		}, err => {
+			let errMsg = '发送失败'
+			if (err && err.message) {
+				errMsg = err.message
+			} else if (err && err.errMsg) {
+				errMsg = err.errMsg
+			}
+			this.updateMessage(newMessage.id, {
+				sendStatus: 2,
+				resultMsg: errMsg
+			})
+			return Promise.reject(err)
+		})
+	}
+
+	forwardMessage (data) {
+		const id = unique() + ''
+		const sendData = Object.assign({
+			messageId: null,
+			messageTime: null,
+			isFriendMessage: false,
+			wechatAccountId: null,
+			wechatFriendId: null,
+			wechatChatroomId: null
+		}, data, {
+			seq: id,
+			cmdType: 'CmdForwardMessage'
+		})
+		return this.clientChat.socket.sendMessage(sendData).then(({ data }) => {
+			if (data.sendStatus === 0) {
+				// 发送成功
+			} else if (data.sendStatus === 2) {
+				// 发送失败
+			} else if (data.sendStatus === 1) {
+				// 发送中
+			}
+			// 如果返回的是对象，证明发送成功了，如果返回的不是对象，是报错字符串，交给外面处理错误
+			if (data && typeof data === 'object') {
+				this.addMessage(data)
+			} else if (typeof data === 'string') {
+				return Promise.reject(data)
+			}
+			return data
+		}, err => {
+			return Promise.reject(err)
+		})
+	}
+
+	reloadMessageData (params) {
+		this.clearMessage()
+		return this.loadMessageData(params)
+	}
+
+	/***
+	 * 远程加载消息
+	 * {
+	 * 		....
+	 * 		upward: true,
+	 * 		bigWechatTime: 1738894978000,
+	 * 		smallWechatTime: 1738894978000
+	 * }
+	*/
+	loadMessageData (params) {
+		if (!params) {
+			throw new Error('缺少必须参数')
+		}
+		if (!params[this.groupField]) {
+			throw new Error('缺少必须参数' + this.groupField)
+		}
+		if (typeof params.upward === 'undefined') {
+			throw new Error('缺少必须参数upward')
+		}
+		if (typeof params.bigWechatTime === 'undefined') {
+			throw new Error('缺少必须参数bigWechatTime')
+		}
+		if (typeof params.smallWechatTime === 'undefined') {
+			throw new Error('缺少必须参数smallWechatTime')
+		}
+		return this.queryMethod(params).then(rs => {
+			// 做个去重
+			if (rs && rs.data && rs.data.length) {
+				rs.data = rs.data.filter(v => !this.messageMap[v.id])
+			}
+			if (rs.data) {
+				if (rs.data.length) {
+					rs.data.forEach(item => {
+						this.addMessage(item, false)
+					})
+				} else {
+					if (params.upward === false) {
+						if (params.smallWechatTime && params.bigWechatTime) {
+							const now = Date.now()
+							if (params.smallWechatTime < Date.now()) {
+								this.addMessage({
+									id: unique(),
+									msgType: '_EMPTY_',
+									wechatTime: now,
+									createTime: now,
+									[this.groupField]: params[this.groupField],
+									content: `${formatDate(params.smallWechatTime)}至${formatDate(now)}没有聊天消息`
+								}, false)
+							}
+						}
+					} else {
+						if (params.smallWechatTime && params.bigWechatTime) {
+							this.addMessage({
+								id: unique(),
+								msgType: '_EMPTY_',
+								wechatTime: params.smallWechatTime,
+								createTime: params.smallWechatTime,
+								[this.groupField]: params[this.groupField],
+								content: `${formatDate(params.smallWechatTime)}至${formatDate(params.bigWechatTime)}没有聊天消息`
+							}, false)
+						}
+					}
+				}
+			}
+			return rs.data
+		})
+	}
+
+	addCheckMessageSendResultTask (message) {
+		if (!message || !message.id) {
+			return
+		}
+		if (this.checkMessageSendResultTaskList.some(v => v.id === message.id)) {
+			return
+		}
+		let timer = null
+		const task = {
+			id: message.id,
+			promise: createPromise(),
+			check: () => {
+				if (!message.isSend || message.sendStatus !== 1) {
+					task.promise.resolve()
+					return
+				}
+				const createTime = message.createTime || message.createDate // 3.0是createDate，1.0好像是createTime
+				if (Date.now() - createTime > 5 * 60 * 1000) { // 5分钟认为超时
+					task.promise.resolve({
+						sendStatus: 3, // 3是超时
+						resultMsg: '消息发送超时'
+					})
+					return
+				}
+				clearTimeout(timer)
+				timer = setTimeout(() => {
+					if (!message.isSend || message.sendStatus !== 1) {
+						task.promise.resolve()
+						return
+					}
+					const rs = this.checkMessageSendResultMethod({
+						message
+					})
+					if (rs && rs.then) {
+						rs.then((rs) => {
+							if (rs.data.sendStatus === 1) {
+								task.check()
+							} else {
+								task.promise.resolve({
+									sendStatus: rs.data.sendStatus,
+									resultMsg: rs.data.resultMsg
+								})
+							}
+						}, () => {
+							// 因为后端写入是异步的，中间有个等待过程，这种情况调用后端接口会返回500状态，需要再轮询
+							task.check()
+						})
+					}
+				}, 3000)
+			},
+			cancel: () => {
+				clearTimeout(timer)
+				task.promise.reject('reject')
+			}
+		}
+		this.checkMessageSendResultTaskList.push(task)
+		task.check()
+		task.promise.then(rs => {
+			this.updateMessage(message.id, rs || {})
+		}).finally(() => {
+			this.removeCheckMessageSendResultTask(message.id)
+		})
+	}
+
+	removeCheckMessageSendResultTask (id) {
+		let index = -1
+		let task = null
+		this.checkMessageSendResultTaskList.some((v, i) => {
+			if (v.id === id) {
+				index = i
+				task = v
+				return true
+			}
+		})
+		if (!task || index < 0) {
+			return
+		}
+		task.cancel()
+		this.checkMessageSendResultTaskList.splice(index, 1)
+	}
+
+	reset () {
+		this.checkMessageSendResultTaskList.forEach(task => {
+			task.cancel()
+		})
+		this.tempMessageMap = {}
+		this.data.messageData = {}
+	}
+
+	loadLossMessageData () {
+		if (!this.loadLossMessageDataMethod) {
+			throw new Error('[ClientChatWechat]缺少loadLossMessageDataMethod方法定义')
+		}
+		this.loadLossMessageDataMethod({
+			lastReceiveMessageTime: this.data.lastReceiveMessageTime
+		}).then((rs) => {
+			// 做个去重
+			if (rs && rs.data && rs.data.length) {
+				rs.data = rs.data.filter(v => !this.messageMap[v.id])
+			}
+			if (rs.data.length) {
+				rs.data.forEach(item => {
+					this.addMessage(item)
+				})
+			}
+		})
+	}
+
+	/**
+	 * 最后接收的一条好友消息时间
+	 */
+	setLastReceiveMessageTime (messageTime) {
+		this.data.lastReceiveMessageTime = messageTime
+	}
+}