im-backed/im-uniapp/store/friendStore.js

import http from '../common/request';

export default {

	state: {
		friends: [],
		timer: null
	},
	mutations: {
		setFriends(state, friends) {
			state.friends = friends;
		},
		updateFriend(state, friend) {
			state.friends.forEach((f, index) => {
				if (f.id == friend.id) {
					// 拷贝属性
					let online = state.friends[index].online;
					Object.assign(state.friends[index], friend);
					state.friends[index].online = online;
				}
			})
		},
		removeFriend(state, id) {
			state.friends.forEach((f,idx) => {
				if(f.id == id){
					state.friends.splice(idx, 1)
				}
			});
		},
		addFriend(state, friend) {
			state.friends.push(friend);
		},
		
		setOnlineStatus(state, onlineIds) {
			state.friends.forEach((f) => {
				let onlineFriend = onlineIds.find((id) => f.id == id);
				f.online = onlineFriend != undefined;
			});

			state.friends.sort((f1, f2) => {
				if (f1.online && !f2.online) {
					return -1;
				}
				if (f2.online && !f1.online) {
					return 1;
				}
				return 0;
			});
		},
		refreshOnlineStatus(state) {
			if (state.friends.length > 0 ) {
				let userIds = [];
				state.friends.forEach((f) => {
					userIds.push(f.id)
				});
				http({
					url: '/user/online?userIds='+ userIds.join(','),
					method: 'GET'
				}).then((onlineIds) => {
					this.commit("setOnlineStatus", onlineIds);
				})
			}
			// 30s后重新拉取
			clearTimeout(state.timer);
			state.timer = setTimeout(() => {
				this.commit("refreshOnlineStatus");
			}, 30000)
		},
		clear(state){
			clearTimeout(state.timer);
			state.friends = [];
			state.timer = null;
		}
	},
	actions: {
		loadFriend(context) {
			return new Promise((resolve, reject) => {
				http({
					url: '/friend/list',
					method: 'GET'
				}).then((friends) => {
					context.commit("setFriends", friends);
					context.commit("refreshOnlineStatus");
					resolve()
				}).catch((res) => {
					reject();
				})
			});
		}
	}
}