@aochuang/client-sdk 1.0.278

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

@@ -0,0 +1,929 @@
+import Vue from 'vue'
+import { isEmptyObject } from '../../../utils/util.js'
+
+const loopLoadAssignSessionData = (fetchFn, params) => {
+	let lastPs = null
+	let lastRs = null
+	let result = []
+	const loopFn = (params, total) => {
+	  const { taskId, size, ...nextParams } = params
+	  lastPs = fetchFn(Object.assign({}, nextParams, {
+		size,
+	    taskId,
+		total
+	  }))
+	  lastRs = lastPs.then(rs => {
+		result = result.concat(rs.data || [])
+	    if (rs.data.length < size) {
+			return result
+	    } else {
+	      return loopFn(params, result.length)
+	    }
+	  })
+	  return lastRs
+	}
+	loopFn(params, result.length)
+	if (lastRs) {
+		lastRs.abort = () => {
+			lastPs && lastPs.abort && lastPs.abort()
+		}
+	}
+	return lastRs
+}
+
+export default class ClientChatSession {
+	data = Vue.observable({
+		// 加载会话数据中
+		loading: false,
+		// 加载分配任务会话中
+		loadAssignTaskSessioning: false,
+		/**
+		 * {
+		 * 		// 置顶状态
+		 *		topField: {
+		 * 			sortField: {
+		 * 				// 会话数据，可能存在多条，因为极端情况可能同一时间多条消息，按道理没有，先真么处理
+		 * 				// 如果对象key是数字类型，那么默认就是按照正序排列的，这个key不能超过5位，否则排序会失效，利用浏览器的特性会块一些
+		 * 				// 这里可以借助时间，但是时间要到天数上，类似前多少天，按照天在分组
+		 *			}
+		 *		} 
+		 * }
+		*/
+		sessionData: {},
+		/**
+		 * 按照groupField分组的会话数据集合
+		*/
+		sessionGroupData: {},
+		/**
+		 * 按照groupField统计的未读会话总数
+		*/
+		// sessionUnreadCountMap: {},
+		/**
+		 * 按照groupField统计的免打扰会话 
+		 */
+		sessionMuteMap: {},
+		/**
+		 * 当前会话Id
+		*/
+		currentSessionId: null,
+		/**
+		 * 新增会话时回调
+		 * 如果会话的targetId对应的好友或者群不存在的时候隐藏起来 
+		*/
+		onBeforeAddSession: null,
+		/**
+		 * 置顶会话
+		*/
+		stickyTopSessionMethod: null,
+		/**
+		 * 免打扰会话
+		*/
+		muteNotificationSessionMethod: null,
+		/**
+		 * 删除会话
+		*/
+		deleteSessionMethod: null
+	})
+	
+	accountIds = []
+	
+	sessionMap = {}
+	
+	lastUpdateTime = null // 记录最近一次拉取会话时lastUpdateTime最小的值，用于后面refresh使用
+	
+	lastSession = null // 根据lastMsgTime记录的最早的历史聊天会话，后面分页加载数据需要
+	
+	getSessionMethod = null
+	
+	get sessionData () {
+		return this.data.sessionData
+	}
+	
+	get sessionGroupData () {
+		return this.data.sessionGroupData
+	}
+	
+	// get sessionUnreadCountMap () {
+	// 	return this.data.sessionUnreadCountMap
+	// }
+	
+	get sessionMuteMap () {
+		return this.data.sessionMuteMap
+	}
+	
+	get currentSession () {
+		return this.sessionMap[this.data.currentSessionId]
+	}
+	
+	get loading () {
+		return this.data.loading
+	}
+	
+	get loadAssignTaskSessioning () {
+		return this.data.loadAssignTaskSessioning
+	}
+	
+	constructor (options) {
+		options = Object.assign({
+			groupField: null,
+			sortField: null,
+			onBeforeAddSession: null,
+			loadSessionDataMethod: null, 
+			loadAssignTaskSessionDataMethod: null,
+			stickyTopSessionMethod: null,
+			muteNotificationSessionMethod: null,
+			getSessionMethod: null,
+			updateSessionReadMethod: null,
+			onSessionReadChange: null
+		}, options)
+		if (!options.groupField) {
+			throw new Error('缺少分组字段配置')
+		}
+		if (!options.sortField) {
+			throw new Error('缺少排序字段配置')
+		}
+		if (!options.loadSessionDataMethod) {
+			throw new Error('缺少loadSessionDataMethod配置')
+		}
+		if (!options.updateSessionReadMethod) {
+			throw new Error('缺少updateSessionReadMethod配置')
+		}
+		if (!options.getSessionMethod) {
+			throw new Error('缺少getSessionMethod配置')
+		}
+		this.onBeforeAddSession = options.onBeforeAddSession
+		this.loadSessionData = options.loadSessionDataMethod
+		this.updateSessionRead = options.updateSessionReadMethod
+		this.getSessionMethod = options.getSessionMethod
+		this.loadAssignTaskSessionDataMethod = options.loadAssignTaskSessionDataMethod
+		this.stickyTopSessionMethod = options.stickyTopSessionMethod
+		this.muteNotificationSessionMethod = options.muteNotificationSessionMethod
+		this.deleteSessionMethod = options.deleteSessionMethod
+		this.onSessionReadChange = options.onSessionReadChange
+		this.groupField = options.groupField
+		this.sortField = options.sortField
+	}
+	
+	setSessionData (data, reset = true) {
+		if (reset) {
+			this.sessionMap = {}
+			this.data.sessionData = {}
+			this.data.sessionGroupData = {}
+			// this.data.sessionUnreadCountMap = {}
+			this.data.sessionMuteMap = {}
+		}
+		if (data && data.length) {
+			data.forEach(item => {
+				if (item.isDeleted) {
+					this.removeSession(item.id, false)
+				} else {
+					this.addSession(item)
+				}
+			})
+		}
+		this.checkAndUpdateLastUpdateSession()
+	}
+	
+	getSession (sessionId) {
+		if (this.sessionMap[sessionId]) {
+			return Promise.resolve({
+				data: this.sessionMap[sessionId]
+			})
+		}
+		return this.getSessionMethod({
+			id: sessionId
+		}).then(rs => {
+			if (rs.data) {
+				this.addSession(rs.data)
+				return rs
+			} else {
+				return Promise.reject('未找到会话' + sessionId)
+			}
+		})
+	}
+	
+	getSessionByLocal (sessionId) {
+		return this.sessionMap[sessionId]
+	}
+	
+	findSession (findFn) {
+		let result 
+		for (let i in this.sessionMap) {
+			if (findFn({
+				session: this.sessionMap[i]
+			})) {
+				result = this.sessionMap[i]
+				break
+			}
+		}
+		return result
+	}
+	
+	getSortField (time) {
+		const step = 1000 * 60 * 60 * 24
+		const day = Math.floor(time / step)
+		const milliseconds = time - (day * step)
+		return {
+			day: Math.abs(day - 1000000), // 排序，由大到小
+			milliseconds: Math.abs(milliseconds - 86400000) // 排序，由大到小
+		}
+	}
+	
+	/**
+	 * {
+     *		"id": "3d5398c24f1ae633047202fe17276571ef5e537e",
+     *		"lastMsgContent": "wxid_ofo60wv6hxeg22:\n群收款消息",
+	 *		"lastMsgId": "8a3bf26d3abc52976c099f67a6d509864c87f632",
+	 *		"lastMsgTime": 1723456430000,
+ 	 *		"lastMsgType": 1,
+	 *		"lastUpdateTime": 1723456614979,
+	 *		"mute": false,
+	 *		"stickyOnTop": false,
+	 *		"targetId": "659bb02ebe1ffca423f5dede29b61145b705fbad",
+	 *		"type": 1, // 0 好友，1 群聊
+	 *		"unreadMsgCount": 3,
+	 *		"wechatAccountId": "2a39a725814acf07502299ab2285fff8d44377f5"
+	 *	}
+	*/
+	addSession (data) {
+		if (!data || !data.id) {
+			throw new Error('缺少必须参数id')
+		}
+		if (this.onBeforeAddSession && this.onBeforeAddSession({
+			data
+		}) === false) {
+			return
+		}
+		if (this.sessionMap[data.id]) {
+			return
+		}
+		const topField = data.stickyOnTop ? 0 : 1 // 置顶
+		if (!this.data.sessionData[topField]) {
+			Vue.set(this.data.sessionData, topField, {})
+		}
+		// 所有的
+		const sortFields = this.getSortField(data[this.sortField])
+		if (!this.data.sessionData[topField][sortFields.day]) {
+			Vue.set(this.data.sessionData[topField], sortFields.day, {})
+		}
+		if (!this.data.sessionData[topField][sortFields.day][sortFields.milliseconds]) {
+			Vue.set(this.data.sessionData[topField][sortFields.day], sortFields.milliseconds, [])
+		}
+		this.data.sessionData[topField][sortFields.day][sortFields.milliseconds].push(data)
+		// 记录lastUpdateSession的顺序，因为后续分页加载会话数据的时候，加载的参数需要获取目前会话数据中最久远的一条会话记录，作为下载加载会话的参考数据
+		const lastUpdateSortFields = this.getSortField(data.lastUpdateTime)
+		if (!this._lastUpdateSessionMap) {
+			this._lastUpdateSessionMap = {}
+		}
+		if (!this._lastUpdateSessionMap[lastUpdateSortFields.day]) {
+			this._lastUpdateSessionMap[lastUpdateSortFields.day] = {}
+		}
+		if (!this._lastUpdateSessionMap[lastUpdateSortFields.day][lastUpdateSortFields.milliseconds]) {
+			this._lastUpdateSessionMap[lastUpdateSortFields.day][lastUpdateSortFields.milliseconds] = []
+		}
+		this._lastUpdateSessionMap[lastUpdateSortFields.day][lastUpdateSortFields.milliseconds].push(data)
+		// 1.0需要记录lastUpdateSession的顺序，因为后续分页加载会话数据的时候，加载的参数需要获取目前会话数据中最久远的一条会话记录，作为下载加载会话的参考数据
+		const reverseLastUpdateSortFields = this.getSortField(data.lastUpdateTime)
+		if (!this._reverseLastUpdateSessionMap) {
+			this._reverseLastUpdateSessionMap = {}
+		}
+		if (!this._reverseLastUpdateSessionMap[reverseLastUpdateSortFields.day]) {
+			this._reverseLastUpdateSessionMap[reverseLastUpdateSortFields.day] = {}
+		}
+		if (!this._reverseLastUpdateSessionMap[reverseLastUpdateSortFields.day][reverseLastUpdateSortFields.milliseconds]) {
+			this._reverseLastUpdateSessionMap[reverseLastUpdateSortFields.day][reverseLastUpdateSortFields.milliseconds] = []
+		}
+		this._reverseLastUpdateSessionMap[reverseLastUpdateSortFields.day][reverseLastUpdateSortFields.milliseconds].push(data)
+		// 分组的
+		const groupField = data[this.groupField] || 'unkonw'
+		if (!this.data.sessionGroupData[groupField]) {
+			Vue.set(this.data.sessionGroupData, groupField, {})
+		}
+		if (!this.data.sessionGroupData[groupField][topField]) {
+			Vue.set(this.data.sessionGroupData[groupField], topField, {})
+		}
+		if (!this.data.sessionGroupData[groupField][topField][sortFields.day]) {
+			Vue.set(this.data.sessionGroupData[groupField][topField], sortFields.day, {})
+		}
+		if (!this.data.sessionGroupData[groupField][topField][sortFields.day][sortFields.milliseconds]) {
+			Vue.set(this.data.sessionGroupData[groupField][topField][sortFields.day], sortFields.milliseconds, [])
+		}
+		this.data.sessionGroupData[groupField][topField][sortFields.day][sortFields.milliseconds].push(data)
+		this.sessionMap[data.id] = data
+		// if (typeof this.data.sessionUnreadCountMap[groupField] !== 'number') {
+		// 	Vue.set(this.data.sessionUnreadCountMap, groupField, 0)
+		// }
+		// if (data.unreadMsgCount) {
+		// 	this.data.sessionUnreadCountMap[groupField] += data.unreadMsgCount
+		// }
+		if (data.mute) {
+			if (!this.data.sessionMuteMap[groupField]) {
+				Vue.set(this.data.sessionMuteMap, groupField, {})
+			}
+			Vue.set(this.data.sessionMuteMap[groupField], data.id, data)
+		}
+		// 记录一下最小的更新时间，后面可能会被删除，要等后端改接口参数
+		if (data.lastUpdateTime && (!this.lastUpdateTime || data.lastUpdateTime < this.lastUpdateTime)) {
+			this.lastUpdateTime = data.lastUpdateTime
+			this.lastUpdateSession = data
+		}
+		// 1.0需要最大的时间拉取会话，先兼容一下，后面后端改了就可以删除了，应该都用lastMsgTime的
+		if (data.lastUpdateTime && (!this.reverseLastUpdateTime || data.lastUpdateTime >= this.reverseLastUpdateTime)) {
+			this.reverseLastUpdateTime = data.lastUpdateTime
+			this.reverseLastUpdateSession = data
+		}
+		if (data.lastMsgTime && (!this.lastSession || data.lastMsgTime < this.lastSession.lastMsgTime)) {
+			this.lastSession = data
+		}
+	}
+	
+	removeSession (id, checkLastUpdateSession) {
+		if (!this.sessionMap[id]) {
+			return
+		}
+		const session = this.sessionMap[id]
+		if (!session) {
+			return
+		}
+		const topField = session.stickyOnTop ? 0 : 1 // 置顶
+		const sortFields = this.getSortField(session[this.sortField])
+		if (this.data.sessionData[topField] && this.data.sessionData[topField][sortFields.day] && this.data.sessionData[topField][sortFields.day][sortFields.milliseconds]) {
+			const index = this.data.sessionData[topField][sortFields.day][sortFields.milliseconds].indexOf(this.sessionMap[id])
+			if (index >= 0) {
+				this.data.sessionData[topField][sortFields.day][sortFields.milliseconds].splice(index, 1)
+			}
+			if (!this.data.sessionData[topField][sortFields.day][sortFields.milliseconds].length) {
+				Vue.delete(this.data.sessionData[topField][sortFields.day], sortFields.milliseconds)
+			}
+			if (isEmptyObject(this.data.sessionData[topField][sortFields.day])) {
+				Vue.delete(this.data.sessionData[topField], sortFields.day)
+			}
+			if (isEmptyObject(this.data.sessionData[topField])) {
+				Vue.delete(this.data.sessionData, topField)
+			}
+		}
+		const groupField = session[this.groupField] || 'unkonw'
+		if (this.data.sessionGroupData[groupField] && this.data.sessionGroupData[groupField][topField]) {
+			const groupSession = this.data.sessionGroupData[groupField][topField]
+			if (groupSession[sortFields.day] && groupSession[sortFields.day][sortFields.milliseconds]) {
+				const groupIndex = groupSession[sortFields.day][sortFields.milliseconds].indexOf(this.sessionMap[id])
+				if (groupIndex >= 0) {
+					groupSession[sortFields.day][sortFields.milliseconds].splice(groupIndex, 1)
+				}
+				if (!groupSession[sortFields.day][sortFields.milliseconds].length) {
+					Vue.delete(groupSession[sortFields.day], sortFields.milliseconds)
+				}
+				if (isEmptyObject(groupSession[sortFields.day])) {
+					Vue.delete(groupSession, sortFields.day)
+				}
+				if (isEmptyObject(this.data.sessionGroupData[groupField][topField])) {
+					Vue.delete(this.data.sessionGroupData[groupField], topField)
+				}
+				if (isEmptyObject(this.data.sessionGroupData[groupField])) {
+					Vue.delete(this.data.sessionGroupData, groupField)
+				}
+			}
+		}
+		if (this.data.sessionMuteMap[groupField]) {
+			delete this.data.sessionMuteMap[groupField][id]
+		}
+		if (this._lastUpdateSessionMap) {
+			const loastUpdateSortFields = this.getSortField(session.lastUpdateTime)
+			if (this._lastUpdateSessionMap[loastUpdateSortFields.day] && this._lastUpdateSessionMap[loastUpdateSortFields.day][loastUpdateSortFields.milliseconds]) {
+				const index = this._lastUpdateSessionMap[loastUpdateSortFields.day][loastUpdateSortFields.milliseconds].indexOf(session)
+				if (index >= 0) {
+					this._lastUpdateSessionMap[loastUpdateSortFields.day][loastUpdateSortFields.milliseconds].splice(index, 1)
+				}
+				if (!this._lastUpdateSessionMap[loastUpdateSortFields.day][loastUpdateSortFields.milliseconds].length) {
+					Vue.delete(this._lastUpdateSessionMap[loastUpdateSortFields.day], loastUpdateSortFields.milliseconds)
+				}
+				if (isEmptyObject(this._lastUpdateSessionMap[loastUpdateSortFields.day])) {
+					Vue.delete(this._lastUpdateSessionMap, loastUpdateSortFields.day)
+				}
+			}
+		}
+		if (this._reverseLastUpdateSessionMap) {
+			const loastUpdateSortFields = this.getSortField(session.lastUpdateTime)
+			if (this._reverseLastUpdateSessionMap[loastUpdateSortFields.day] && this._reverseLastUpdateSessionMap[loastUpdateSortFields.day][loastUpdateSortFields.milliseconds]) {
+				const index = this._reverseLastUpdateSessionMap[loastUpdateSortFields.day][loastUpdateSortFields.milliseconds].indexOf(session)
+				if (index >= 0) {
+					this._reverseLastUpdateSessionMap[loastUpdateSortFields.day][loastUpdateSortFields.milliseconds].splice(index, 1)
+				}
+				if (!this._reverseLastUpdateSessionMap[loastUpdateSortFields.day][loastUpdateSortFields.milliseconds].length) {
+					Vue.delete(this._reverseLastUpdateSessionMap[loastUpdateSortFields.day], loastUpdateSortFields.milliseconds)
+				}
+				if (isEmptyObject(this._reverseLastUpdateSessionMap[loastUpdateSortFields.day])) {
+					Vue.delete(this._reverseLastUpdateSessionMap, loastUpdateSortFields.day)
+				}
+			}
+		}
+		delete this.sessionMap[id]
+		if (checkLastUpdateSession !== false) {
+			// todo 后面可能会删掉这块的逻辑，因为后端排序逻辑变了
+			this.checkAndUpdateLastUpdateSession()
+		}
+		if (checkLastUpdateSession !== false) {
+			this.checkAndUpdateLastSession()
+		}
+		if (checkLastUpdateSession !== false) {
+			this.checkAndUpdateReverseLastUpdateSession()
+		}
+	}
+	
+	/**
+	 * 删除会话的时候需要重新计算一下
+    */ 
+	checkAndUpdateLastUpdateSession () {
+		if (!this._lastUpdateSessionMap) {
+			return
+		}
+		// lastSession是最小的时间，就是更早的，因为加载更多是从现在的加载历史的
+		const dayKeys = Object.keys(this._lastUpdateSessionMap)
+		const millisecondsKeys = Object.keys(this._lastUpdateSessionMap[dayKeys[dayKeys.length - 1]])
+		const lastSessionSort = (this._lastUpdateSessionMap[dayKeys[dayKeys.length - 1]][millisecondsKeys[millisecondsKeys.length - 1]] || []).sort((a, b) => {
+			return a.lastUpdateTime - b.lastUpdateTime
+		})
+		if (!lastSessionSort || !lastSessionSort.length) {
+			return
+		}
+		this.lastUpdateSession = lastSessionSort[0]
+		this.lastUpdateTime = lastSessionSort[0].lastUpdateTime
+	}
+	
+	/**
+	 * 删除会话的时候需要重新计算一下
+	*/ 
+	checkAndUpdateReverseLastUpdateSession () {
+		if (!this._reverseLastUpdateSessionMap) {
+			return
+		}
+		// lastSession是最小的时间，就是更早的，因为加载更多是从现在的加载历史的
+		const dayKeys = Object.keys(this._reverseLastUpdateSessionMap)
+		const millisecondsKeys = Object.keys(this._reverseLastUpdateSessionMap[dayKeys[dayKeys.length - 1]])
+		const lastSessionSort = (this._reverseLastUpdateSessionMap[dayKeys[dayKeys.length - 1]][millisecondsKeys[millisecondsKeys.length - 1]] || []).sort((a, b) => {
+			return b.lastUpdateTime - a.lastUpdateTime
+		})
+		if (!lastSessionSort || !lastSessionSort.length) {
+			return
+		}
+		this.reverseLastUpdateSession = lastSessionSort[0]
+		this.reverseLastUpdateTime = lastSessionSort[0].lastUpdateTime
+	}
+	
+	checkAndUpdateLastSession () {
+		// lastSession是最小的时间，就是更早的，因为加载更多是从现在的加载历史的
+		let lastSession = null
+		let lastTopSession = null
+		let lastUnTopSession = null
+		// 置顶的
+		if (this.data.sessionData['0']) {
+			const lastDayKeys = Object.keys(this.data.sessionData['0'])
+			const lastDayKey = lastDayKeys[lastDayKeys.length - 1]
+			const lastMillisecondsKeys = Object.keys(this.data.sessionData['0'][lastDayKey])
+			const lastMillisecordsKey = lastMillisecondsKeys[lastMillisecondsKeys.length - 1]
+			const lastSessionSort = (this.data.sessionData['0'][lastDayKey][lastMillisecordsKey] || []).sort((a, b) => {
+				return a.lastMsgTime - b.lastMsgTime
+			})
+			lastTopSession = lastSessionSort[0]
+		}
+		if (this.data.sessionData['1']) {
+			const lastDayKeys = Object.keys(this.data.sessionData['1'])
+			const lastDayKey = lastDayKeys[lastDayKeys.length - 1]
+			const lastMillisecondsKeys = Object.keys(this.data.sessionData['1'][lastDayKey])
+			const lastMillisecordsKey = lastMillisecondsKeys[lastMillisecondsKeys.length - 1]
+			const lastSessionSort = (this.data.sessionData['1'][lastDayKey][lastMillisecordsKey] || []).sort((a, b) => {
+				return a.lastMsgTime - b.lastMsgTime
+			})
+			lastUnTopSession = lastSessionSort[0]
+		}
+		if (!lastTopSession) {
+			lastSession = lastUnTopSession
+		} else if (!lastUnTopSession) {
+			lastSession = lastTopSession
+		} else {
+			if (lastTopSession.lastMsgTime < lastUnTopSession.lastMsgTime) {
+				lastSession = lastTopSession
+			} else {
+				lastSession = lastUnTopSession
+			}
+		}
+		this.lastSession = lastSession
+	}
+	
+	/**
+	 * 设置会话未读消息数量
+	 * @param sessionId - 会话id
+	 * @param props | callback - 修改时数据或者回调，会把会话的未读数量作为上下文提供
+	*/
+	updateSession (sessionId, callback) {
+		const session = this.sessionMap[sessionId]
+		if (!session) {
+			return
+		}
+		let nextProps = null
+		if (typeof callback === 'function') {
+			nextProps = callback({
+				session
+			})
+		} else {
+			nextProps = callback
+		}
+		if (nextProps) {
+			// 分组的
+			const groupField = session[this.groupField] || 'unkonw'
+			const { unreadMsgCount, stickyOnTop, mute, lastMsgTime, ...nextUpdateProps } = nextProps
+			Object.keys(nextUpdateProps).forEach(k => {
+				Vue.set(session, k, nextUpdateProps[k])
+			})
+			// 处理会话时间
+			if (typeof lastMsgTime !== 'undefined') {
+				const oldSortFields = this.getSortField(session.lastMsgTime)
+				// 把老的清空
+				// 重置一下数据
+				const topFields = [0, 1]
+				topFields.forEach(topField => {
+					if (this.data.sessionData[topField] && this.data.sessionData[topField][oldSortFields.day] && this.data.sessionData[topField][oldSortFields.day][oldSortFields.milliseconds]) {
+						let index = -1
+						this.data.sessionData[topField][oldSortFields.day][oldSortFields.milliseconds].some((v, i) => {
+							if (v === session) {
+								index = i
+								return true
+							}
+						})
+						if (index >= 0) {
+							this.data.sessionData[topField][oldSortFields.day][oldSortFields.milliseconds].splice(index, 1)
+						}
+					}
+					if (this.data.sessionGroupData[groupField] && this.data.sessionGroupData[groupField][topField] && this.data.sessionGroupData[groupField][topField][oldSortFields.day] && this.data.sessionGroupData[groupField][topField][oldSortFields.day][oldSortFields.milliseconds]) {
+						let index = -1
+						this.data.sessionGroupData[groupField][topField][oldSortFields.day][oldSortFields.milliseconds].some((v, i) => {
+							if (v === session) {
+								index = i
+								return true
+							}
+						})
+						this.data.sessionGroupData[groupField][topField][oldSortFields.day][oldSortFields.milliseconds].splice(index, 1)
+					}
+				})
+				// 按照新的时间来分组排序
+				Vue.set(session, 'lastMsgTime', lastMsgTime)
+				const topField = session.stickyOnTop ? 0 : 1 // 0置顶
+				const sortFields = this.getSortField(session.lastMsgTime)
+				// 所有的
+				if (!this.data.sessionData[topField]) {
+					Vue.set(this.data.sessionData, topField, {})
+				}
+				if (!this.data.sessionData[topField][sortFields.day]) {
+					Vue.set(this.data.sessionData[topField], sortFields.day, {})
+				}
+				if (!this.data.sessionData[topField][sortFields.day][sortFields.milliseconds]) {
+					Vue.set(this.data.sessionData[topField][sortFields.day], sortFields.milliseconds, [])
+				}
+				this.data.sessionData[topField][sortFields.day][sortFields.milliseconds].push(session)
+				// 分组的
+				if (!this.data.sessionGroupData[groupField]) {
+					Vue.set(this.data.sessionGroupData, groupField, {})
+				}
+				if (!this.data.sessionGroupData[groupField][topField]) {
+					Vue.set(this.data.sessionGroupData[groupField], topField, {})
+				}
+				if (!this.data.sessionGroupData[groupField][topField][sortFields.day]) {
+					Vue.set(this.data.sessionGroupData[groupField][topField], sortFields.day, {})
+				}
+				if (!this.data.sessionGroupData[groupField][topField][sortFields.day][sortFields.milliseconds]) {
+					Vue.set(this.data.sessionGroupData[groupField][topField][sortFields.day], sortFields.milliseconds, [])
+				}
+				this.data.sessionGroupData[groupField][topField][sortFields.day][sortFields.milliseconds].push(session)
+			}
+			// 处理未读数量逻辑
+			if (typeof unreadMsgCount !== 'undefined') {
+				const origUnreadMsgCount = session.unreadMsgCount || 0
+				Vue.set(session, 'unreadMsgCount', unreadMsgCount)
+				// let nowUnreadMsgCount = session.unreadMsgCount || 0
+				// let diffUnreadMsgCount = nowUnreadMsgCount - origUnreadMsgCount
+				// if (diffUnreadMsgCount) {
+				// 	this.data.sessionUnreadCountMap[groupField] += diffUnreadMsgCount
+				// }
+			}
+			// 处理置顶会话逻辑
+			if (typeof stickyOnTop !== 'undefined') {
+				Vue.set(session, 'stickyOnTop', stickyOnTop)
+				const topField = nextProps.stickyOnTop ? 0 : 1 // 0置顶
+				// 把已经存在的剔除，先删后插
+				// 所有的
+				const sortFields = this.getSortField(session[this.sortField])
+				// 重置一下数据
+				const topFields = [0, 1]
+				topFields.forEach(topField => {
+					if (this.data.sessionData[topField] && this.data.sessionData[topField][sortFields.day] && this.data.sessionData[topField][sortFields.day][sortFields.milliseconds]) {
+						let index = -1
+						this.data.sessionData[topField][sortFields.day][sortFields.milliseconds].some((v, i) => {
+							if (v === session) {
+								index = i
+								return true
+							}
+						})
+						if (index >= 0) {
+							this.data.sessionData[topField][sortFields.day][sortFields.milliseconds].splice(index, 1)
+						}
+					}
+					if (this.data.sessionGroupData[groupField] && this.data.sessionGroupData[groupField][topField] && this.data.sessionGroupData[groupField][topField][sortFields.day] && this.data.sessionGroupData[groupField][topField][sortFields.day][sortFields.milliseconds]) {
+						let index = -1
+						this.data.sessionGroupData[groupField][topField][sortFields.day][sortFields.milliseconds].some((v, i) => {
+							if (v === session) {
+								index = i
+								return true
+							}
+						})
+						this.data.sessionGroupData[groupField][topField][sortFields.day][sortFields.milliseconds].splice(index, 1)
+					}
+				})
+				// 所有的
+				if (!this.data.sessionData[topField]) {
+					Vue.set(this.data.sessionData, topField, {})
+				}
+				if (!this.data.sessionData[topField][sortFields.day]) {
+					Vue.set(this.data.sessionData[topField], sortFields.day, {})
+				}
+				if (!this.data.sessionData[topField][sortFields.day][sortFields.milliseconds]) {
+					Vue.set(this.data.sessionData[topField][sortFields.day], sortFields.milliseconds, [])
+				}
+				this.data.sessionData[topField][sortFields.day][sortFields.milliseconds].push(session)
+				// 分组的
+				if (!this.data.sessionGroupData[groupField]) {
+					Vue.set(this.data.sessionGroupData, groupField, {})
+				}
+				if (!this.data.sessionGroupData[groupField][topField]) {
+					Vue.set(this.data.sessionGroupData[groupField], topField, {})
+				}
+				if (!this.data.sessionGroupData[groupField][topField][sortFields.day]) {
+					Vue.set(this.data.sessionGroupData[groupField][topField], sortFields.day, {})
+				}
+				if (!this.data.sessionGroupData[groupField][topField][sortFields.day][sortFields.milliseconds]) {
+					Vue.set(this.data.sessionGroupData[groupField][topField][sortFields.day], sortFields.milliseconds, [])
+				}
+				this.data.sessionGroupData[groupField][topField][sortFields.day][sortFields.milliseconds].push(session)
+			}
+			// 处理免打扰
+			if (typeof mute !== 'undefined') {
+				Vue.set(session, 'mute', mute)
+				if (mute) {
+					if (!this.data.sessionMuteMap[groupField]) {
+						Vue.set(this.data.sessionMuteMap, groupField, {})
+					}
+					if (!this.data.sessionMuteMap[groupField][session.id]) {
+						Vue.set(this.data.sessionMuteMap[groupField], session.id, session)
+					}
+				} else {
+					if (this.data.sessionMuteMap[groupField]) {
+						Vue.delete(this.data.sessionMuteMap[groupField], session.id)
+					}
+				}
+			}
+		}
+	}
+	
+	/**
+	 * 设置会话已读
+	*/
+	setSessionRead (sessionId) {
+		const session = this.sessionMap[sessionId]
+		if (!session) {
+			return 
+		}
+		return this.updateSessionRead({
+			id: sessionId
+		}).then(() => {
+			this.markSessionRead(sessionId)
+		})
+	}
+	
+	/**
+	 * 标记会话已读，不经过服务器请求
+	*/
+	markSessionRead (sessionId) {
+		const session = this.sessionMap[sessionId]
+		if (!session) {
+			return 
+		}
+		const oldUnreadMsgCount = session.unreadMsgCount || 0
+		this.updateSession(sessionId, ({ session }) => {
+			return {
+				unreadMsgCount: 0
+			}
+		})
+		this.onSessionReadChange && this.onSessionReadChange({
+			session,
+			oldUnreadMsgCount
+		})
+	}
+	
+	/**
+	 * 设置账号下的会话已读
+	*/
+	setAccountSessionRead (accountId) {
+		const sessions = this.sessionGroupData[accountId]
+		if (!sessions) {
+			return
+		}
+		// 置顶的
+		for (let i in sessions) {
+			// 大时间范围
+			for (let j in sessions[i]) {
+				// 小时间范围
+				for (let k in sessions[i][j]) {
+					if (sessions[i][j][k] && sessions[i][j][k].length) {
+						sessions[i][j][k].forEach(item => {
+							this.markSessionRead(item.id)
+						})
+					}
+				}
+			}
+		}
+	}
+	
+	/**
+	 * 清空账号下的所有会话数据
+	*/
+	clearAccountSession (accountId) {
+		const sessions = this.sessionGroupData[accountId]
+		if (!sessions) {
+			return
+		}
+		// 置顶的
+		for (let i in sessions) {
+			// 大时间范围
+			for (let j in sessions[i]) {
+				// 小时间范围
+				for (let k in sessions[i][j]) {
+					if (sessions[i][j][k] && sessions[i][j][k].length) {
+						sessions[i][j][k].forEach(item => {
+							this.removeSession(item.id, false)
+						})
+					}
+				}
+			}
+		}
+		this.checkAndUpdateLastUpdateSession()
+	}
+	
+	/**
+	 * 加载分配好友/群任务产生的会话数据
+	*/
+	loadAssignTaskSessionData (params) {
+		params = Object.assign({
+			taskId: null, // 分配的taskId
+			total: 0 , // 已获取总数
+			size: 50 // 每次获取数量
+		}, params)
+		this.data.loadAssignTaskSessioning = true
+		return loopLoadAssignSessionData((nextParams) => {
+			return this.loadAssignTaskSessionDataMethod(nextParams)
+		}, params).then(rs => {
+			if (rs && rs.length) {
+				this.setSessionData(rs, false)
+			}
+			return rs
+		}).finally(() => {
+			this.data.loadAssignTaskSessioning = false
+		})
+	}
+
+	/**
+	 * 置顶会话
+	*/
+	stickyTopSession (sessionId, isTop) {
+		if (!this.stickyTopSessionMethod) {
+			throw new Error('未配置stickyTopSessionMethod')
+		}
+		return this.stickyTopSessionMethod(Object.assign({
+			id: sessionId,
+			enable: isTop
+		})).then(() => {
+			return this.updateSession(sessionId, {
+				stickyOnTop: isTop
+			})
+		})
+	}
+
+	/**
+	 * 会话免打扰
+	*/
+	muteNotificationSession (sessionId, isMute) {
+		if (!this.muteNotificationSessionMethod) {
+			throw new Error('未配置muteNotificationSessionMethod')
+		}
+		return this.muteNotificationSessionMethod(Object.assign({
+			id: sessionId,
+			enable: isMute
+		})).then(() => {
+			return this.updateSession(sessionId, {
+				mute: isMute
+			})
+		})
+	}
+
+	/**
+	 * 删除会话
+	*/
+	deleteSession (sessionId) {
+		if (!this.deleteSessionMethod) {
+			throw new Error('未配置deleteSessionMethod')
+		}
+		return this.deleteSessionMethod({
+			id: sessionId
+		}).then(() => {
+			return this.removeSession(sessionId)
+		})
+	}
+	
+	setCurrentSession (sessionId) {
+		if (sessionId && !this.sessionMap[sessionId]) {
+			return
+		}
+		this.data.currentSessionId = sessionId
+	}
+	
+	reload (params) {
+		params = Object.assign({
+			wechatAccountId: null, // 微账号id
+			size: 20 // 本次要获取的会话条数
+		}, params, {
+			lastUpdateTime: null // 最后更新时间
+		})
+		this.data.loading = true
+		this.lastUpdateTime = null
+		this.lastUpdateSession = null
+		this.lastSession = null
+		const ps1 = this.loadSessionData(params, {
+			lastUpdateSession: this.lastUpdateSession
+		})
+		ps1.then((rs) => {
+			this.setSessionData(rs.data)
+		})
+		if (this.cancelLoadDataRequest) {
+			this.cancelLoadDataRequest()
+		}
+		this.cancelLoadDataRequest = () => {
+			ps1.abort && ps1.abort()
+		}
+		return Promise.all([ps1]).then((rs) => {
+			this.data.loading = false
+			return rs[0]
+		}, err => {
+			this.data.loading = false
+			return Promise.reject(err)
+		})
+	}
+	
+	loadData (params) {
+		params = Object.assign({
+			wechatAccountId: null, // 微账号id
+			lastUpdateTime: null, // 最后更新时间
+			size: 20 // 本次要获取的会话条数
+		}, params)
+		if (this.lastUpdateTime && !params.lastUpdateTime) {
+			params.lastUpdateTime = this.lastUpdateTime
+		}
+		this.data.loading = true
+		const ps1 = this.loadSessionData(params, {
+			lastUpdateSession: this.lastUpdateSession,
+			lastSession: this.lastSession
+		})
+		ps1.then((rs) => {
+			this.setSessionData(rs.data, false)
+		})
+		if (this.cancelLoadDataRequest) {
+			this.cancelLoadDataRequest()
+		}
+		this.cancelLoadDataRequest = () => {
+			ps1.abort && ps1.abort()
+		}
+		return Promise.all([ps1]).then((rs) => {
+			this.data.loading = false
+			return rs[0]
+		}, err => {
+			this.data.loading = false
+			return Promise.reject(err)
+		})
+	}
+	
+	reset () {
+		this.lastUpdateTime = null
+		this.lastUpdateSession = null
+		this.lastSession = null
+		this.data.sessionData = {}
+		this.data.sessionGroupData = {}
+		this.data.sessionMuteMap = {}
+		// this.data.sessionUnreadCountMap = {}
+		this.sessionMap = {}
+		if (this.cancelLoadDataRequest) {
+			this.cancelLoadDataRequest()
+			this.cancelLoadDataRequest = null
+		}
+		if (this.cancelRefreshRequest) {
+			this.cancelRefreshRequest()
+			this.cancelRefreshRequest = null
+		}
+	}
+}