import type {
|
LoginParams,
|
GetUserInfoByUserIdModel,
|
GetUserInfoByUserIdParams,
|
} from '/@/api/sys/model/userModel';
|
|
import store from '/@/store/index';
|
import { VuexModule, Module, getModule, Mutation, Action } from 'vuex-module-decorators';
|
import { hotModuleUnregisterModule } from '/@/utils/helper/vuexHelper';
|
|
import { PageEnum } from '/@/enums/pageEnum';
|
import { RoleEnum } from '/@/enums/roleEnum';
|
import { CacheTypeEnum, ROLES_KEY, TOKEN_KEY, USER_INFO_KEY } from '/@/enums/cacheEnum';
|
|
import { useMessage } from '/@/hooks/web/useMessage';
|
|
import router from '/@/router';
|
|
import { loginApi, getUserInfoById } from '/@/api/sys/user';
|
|
import { Persistent, BasicKeys } from '/@/utils/cache/persistent';
|
import { useI18n } from '/@/hooks/web/useI18n';
|
import { ErrorMessageMode } from '/@/utils/http/axios/types';
|
import projectSetting from '/@/settings/projectSetting';
|
|
export type UserInfo = Omit<GetUserInfoByUserIdModel, 'roles'>;
|
|
const { permissionCacheType } = projectSetting;
|
const isLocal = permissionCacheType === CacheTypeEnum.LOCAL;
|
|
const NAME = 'app-user';
|
hotModuleUnregisterModule(NAME);
|
|
function getCache<T>(key: BasicKeys) {
|
const fn = isLocal ? Persistent.getLocal : Persistent.getSession;
|
return fn(key) as T;
|
}
|
|
function setCache(key: BasicKeys, value) {
|
const fn = isLocal ? Persistent.setLocal : Persistent.setSession;
|
return fn(key, value);
|
}
|
|
@Module({ namespaced: true, name: NAME, dynamic: true, store })
|
class User extends VuexModule {
|
// user info
|
private userInfoState: UserInfo | null = null;
|
|
// token
|
private tokenState = '';
|
|
// roleList
|
private roleListState: RoleEnum[] = [];
|
|
get getUserInfoState(): UserInfo {
|
return this.userInfoState || getCache<UserInfo>(USER_INFO_KEY) || {};
|
}
|
|
get getTokenState(): string {
|
return this.tokenState || getCache<string>(TOKEN_KEY);
|
}
|
|
get getRoleListState(): RoleEnum[] {
|
return this.roleListState.length > 0 ? this.roleListState : getCache<RoleEnum[]>(ROLES_KEY);
|
}
|
|
@Mutation
|
commitResetState(): void {
|
this.userInfoState = null;
|
this.tokenState = '';
|
this.roleListState = [];
|
}
|
|
@Mutation
|
commitUserInfoState(info: UserInfo): void {
|
this.userInfoState = info;
|
setCache(USER_INFO_KEY, info);
|
}
|
|
@Mutation
|
commitRoleListState(roleList: RoleEnum[]): void {
|
this.roleListState = roleList;
|
setCache(ROLES_KEY, roleList);
|
}
|
|
@Mutation
|
commitTokenState(info: string): void {
|
this.tokenState = info;
|
setCache(TOKEN_KEY, info);
|
}
|
|
/**
|
* @description: login
|
*/
|
@Action
|
async login(
|
params: LoginParams & {
|
goHome?: boolean;
|
mode?: ErrorMessageMode;
|
}
|
): Promise<GetUserInfoByUserIdModel | null> {
|
try {
|
const { goHome = true, mode, ...loginParams } = params;
|
const data = await loginApi(loginParams, mode);
|
|
const { token, userId } = data;
|
|
// save token
|
this.commitTokenState(token);
|
|
// get user info
|
const userInfo = await this.getUserInfoAction({ userId });
|
|
goHome && (await router.replace(PageEnum.BASE_HOME));
|
return userInfo;
|
} catch (error) {
|
return null;
|
}
|
}
|
|
@Action
|
async getUserInfoAction({ userId }: GetUserInfoByUserIdParams) {
|
const userInfo = await getUserInfoById({ userId });
|
const { roles } = userInfo;
|
const roleList = roles.map((item) => item.value) as RoleEnum[];
|
this.commitUserInfoState(userInfo);
|
this.commitRoleListState(roleList);
|
return userInfo;
|
}
|
|
/**
|
* @description: logout
|
*/
|
@Action
|
async logout(goLogin = false) {
|
goLogin && router.push(PageEnum.BASE_LOGIN);
|
}
|
|
/**
|
* @description: Confirm before logging out
|
*/
|
@Action
|
async confirmLoginOut() {
|
const { createConfirm } = useMessage();
|
const { t } = useI18n();
|
createConfirm({
|
iconType: 'warning',
|
title: t('sys.app.logoutTip'),
|
content: t('sys.app.logoutMessage'),
|
onOk: async () => {
|
await this.logout(true);
|
},
|
});
|
}
|
}
|
export const userStore = getModule<User>(User);
|
