@aochuang/client-sdk 1.0.278

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

@@ -0,0 +1,278 @@
+import Vue from 'vue'
+import Event from '../../../utils/event.js'
+import { unique } from '../../../utils/string.js'
+import { formatDate } from '../../../utils/date.js'
+
+export default class ClientChatMessage {
+	
+	data = Vue.observable({
+		/**
+		 * {
+		 * 		groupField: {
+		 *			day: { // 按照天分组，这样的好处是就不用做排序了，用浏览器的机制
+		 *	  			milliseconds: [ // 按照毫秒分组，一般不可能毫秒级还有多条消息，这里用数组只是防止真的存在
+		 *  				// 消息数据
+		 * 					...
+		 *				]
+		 *			}, 	
+		 *		}
+		 * }
+		*/
+		messageData: {}
+	})
+	
+	messageMap = {}
+	
+	get messageData () {
+		return this.data.messageData
+	}
+	
+	constructor (options) {
+		options = Object.assign({
+			clientChat: this,
+			queryMethod: null,
+			sortField: null, // 排序的字段，必须是唯一的，例如时间
+			groupField: null, // 分组的字段
+			onAddMessageSuccess: null // 新增消息成功回调事件
+		}, options)
+		if (!options.clientChat) {
+			throw new Error('必须将clientChat传递过来')
+		}
+		this.queryMethod = options.queryMethod
+		this.clientChat = options.clientChat
+		this.groupField = options.groupField
+		this.sortField = options.sortField
+		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,
+	 *	     "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
+		}
+		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 (fireEvent !== false) {
+			this.event && this.event.emit('add-message', {
+				data
+			})
+			this.onAddMessageSuccess && this.onAddMessageSuccess({
+				data
+			})
+		}
+	}
+	
+	removeMessage (id) {
+		if (!id) {
+			return
+		}
+		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][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]
+		}
+		this.event && this.event.emit('remove-message', {
+			data
+		})
+	}
+	
+	updateMessage (id, props) {
+		const message = this.getMessage(id)
+		if (!message) {
+			return
+		}
+		if (!props) {
+			return
+		}
+		Object.keys(props).forEach(key => {
+			message[key] = props[key]
+		})
+	}
+	
+	getMessage (id) {
+		return this.messageMap[id]
+	}
+	
+	clearMessage (filterFn) {
+		if (typeof filterFn === 'function') {
+			this.data.messageData = Object.keys(this.data.messageData).reduce((rs, groupKey) => {
+				const groupRs = Object.keys(this.data.messageData[groupKey]).reduce((rs1, dayKey) => {
+					const dayRs = Object.keys(this.data.messageData[groupKey][dayKey]).reduce((rs2, millisecondsKey) => {
+						const millisecondsRs = this.data.messageData[groupKey][dayKey][millisecondsKey].filter(message => {
+							const rs = !filterFn({
+								message
+							})
+							if (rs === false) {
+								delete this.messageMap[message.id]
+							}
+							return rs
+						})
+						
+						if (Object.keys(millisecondsRs).length > 0) {
+							rs2[dayKey] = millisecondsRs
+						}
+						return rs2
+					}, {})
+					if (Object.keys(dayRs).length > 0) {
+						rs1[dayKey] = dayRs
+					}
+					return rs1
+				}, {})
+				if (Object.keys(groupRs).length > 0) {
+					rs[groupKey] = groupRs
+				}
+				return rs
+			}, {})
+		} else {
+			this.data.messageData = {}
+			this.messageMap = {}
+		}
+	}
+	
+	sendMessage (data) {
+		return this.clientChat.socket.sendChatMessage(Object.assign({
+			content: null,
+			msgType: null,
+			msgSubType: 0,
+			qwAccountId: null
+			// contactId: null,
+			// roomId: null
+		}, data)).then(({ data }) => {
+			if (data.sendStatus === 0) {
+				// 发送成功
+			} else if (data.sendStatus === 2) {
+				// 发送失败
+			} else if (data.sendStatus === 1) {
+				// 发送中
+			}
+			// 如果返回的是对象，证明发送成功了
+			// 如果返回的不是对象，是报错字符串，交给外面处理错误
+			if (typeof data === 'object') {
+				this.addMessage(data)
+			}
+			return data
+		})
+	}
+	
+	/***
+	 * 远程加载消息
+	 * {
+	 * 		....
+	 * 		bigWechatTime: 1738894978000,
+	 * 		smallWechatTime: 1738894978000
+	 * }
+	*/
+	loadMessageData (params) {
+		if (!params) {
+			throw new Error('缺少必须参数')
+		}
+		if (!params[this.groupField]) {
+			throw new Error('缺少必须参数' + this.groupField)
+		}
+		return this.queryMethod(params).then(rs => {
+			if (rs.data) {
+				if (rs.data.length) {
+					rs.data.forEach(item => {
+						this.addMessage(item, false)
+					})
+				} else {
+					if (params.bigWechatTime && params.smallWechatTime) {
+						this.addMessage({
+							id: unique(),
+							msgType: '_EMPTY_',
+							sendTime: params.smallWechatTime - 1,
+							createTime: params.smallWechatTime - 1,
+							[this.groupField]: params[this.groupField],
+							content: `${formatDate(params.smallWechatTime)}至${formatDate(params.bigWechatTime)}没有聊天消息`
+						}, false)
+					}
+				}
+			}
+			return rs.data
+		})
+	}
+
+	reloadMessageData (params) {
+		this.clearMessage()
+		return this.loadMessageData(params)
+	}
+	
+	reset () {
+		this.data.messageData = {}
+	}
+}