im-backed/im-web/src/store/groupStore.js

import http from '../api/httpRequest.js'

export default {
	state: {
		groups: [],
		activeGroup: null,
	},
	mutations: {
		setGroups(state, groups) {
			state.groups = groups;
		},
		activeGroup(state, idx) {
			state.activeGroup = idx > 0 ? state.groups[idx] : null;
		},
		addGroup(state, group) {
			if (state.groups.some((g) => g.id == group.id)) {
				this.commit("updateGroup", group)
			} else {
				state.groups.unshift(group);
			}
		},
		removeGroup(state, id) {
			state.groups.filter(g => g.id == id).forEach(g => g.quit = true);
			if (state.activeGroup && id == state.activeGroup.id) {
				state.activeGroup = null;
			}
		},
		updateGroup(state, group) {
			state.groups.forEach((g, idx) => {
				if (g.id == group.id) {
					// 拷贝属性
					Object.assign(state.groups[idx], group);
				}
			})
		},
		clear(state) {
			state.groups = [];
			state.activeGroup = null;
		}
	},
	actions: {
		loadGroup(context) {
			return new Promise((resolve, reject) => {
				http({
					url: '/group/list',
					method: 'GET'
				}).then((groups) => {
					context.commit("setGroups", groups);
					resolve();
				}).catch((res) => {
					reject(res);
				})
			});
		}
	},
	getters: {
		findGroup: (state) => (id) => {
			return state.groups.find((g) => g.id == id);
		}
	}
}