Files
ClassHelper/packages/web-admin/src/stores/auth.ts
T
LoveChengke 66be3a63b1 feat(authz): 重写权限模板分配与班级授权边界
拆分能力、分配范围和业务关系,固定管理员能力并收紧组织级写入口。
补齐内容、课表、设备会话和实时通道授权,兼容旧库分配及历史快照。
重写权限分配预览,按实际可操作范围展示维护入口,合并学生入口并独立学年升级页。
增加授权攻击矩阵及静态门禁,更新隔离回归与开发契约。

验证:授权矩阵 23 段通过,Node 24 下 Web 63/63,类型检查、lint 与文档严格构建通过。
2026-10-31 09:40:23 +08:00

216 lines
6.9 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
import { computed, ref } from 'vue';
import { defineStore } from 'pinia';
import {
ROLE_LABELS,
PERMISSION_META,
STORAGE_KEYS,
hasPermission,
type LoginRequest,
type LoginResponse,
type PermissionKey,
type SessionUser,
} from '@classhelper/shared';
import { authApi, permissionApi } from '@/api';
import type { MenuAction } from '@/config/navigation';
/**
* 会话主体。
*
* 学生**不是账号**(只是 `Student` 名单记录,不能登录),所以 Web 管理端里
* 只可能是 `ADMIN` / `TEACHER`;`CLASS_DEVICE` 是教室机器上的 ClassHelper 班级端,
* 它走桌面客户端,不会出现在这里 —— 类型仍然带上它,是为了与后端契约一致。
*/
function readStoredUser(): SessionUser | null {
const raw = localStorage.getItem(STORAGE_KEYS.user);
if (!raw) return null;
try {
return JSON.parse(raw) as SessionUser;
} catch {
return null;
}
}
export const useAuthStore = defineStore('auth', () => {
const token = ref<string | null>(localStorage.getItem(STORAGE_KEYS.token));
const user = ref<SessionUser | null>(readStoredUser());
const loading = ref(false);
/**
* 当前账号的**生效权限**(`GET /api/permissions/me`)。
*
* 只用来决定"入口显不显示",**不是**另一套权限规则(AGENTS.md 的现行工程约定)——
* 真正的拦截始终在服务端。页面刷新后这里是空的,由 `AdminLayout` 挂载时调
* {@link ensurePermissions} 补上。
*/
const permissions = ref<PermissionKey[]>([]);
/** 生效权限是否来自显式分组;没有显式分组时使用可编辑的角色默认组。 */
const permissionsFromGroups = ref(false);
const permissionsLoaded = ref(false);
const classScopes = ref<Partial<Record<PermissionKey, string[]>>>({});
const manageScopes = ref<Partial<Record<PermissionKey, string[]>>>({});
const actionScopes = ref<Partial<Record<PermissionKey, string[]>>>({});
const allScopeKeys = ref<PermissionKey[]>([]);
function canForClass(key: PermissionKey, classId: string | null | undefined): boolean {
return (
can(key) &&
(classId ? (classScopes.value[key] ?? []).includes(classId) : allScopeKeys.value.includes(key))
);
}
function canManageClass(key: PermissionKey, classId: string | null | undefined): boolean {
return (
can(key) &&
(classId
? (manageScopes.value[key] ?? classScopes.value[key] ?? []).includes(classId)
: allScopeKeys.value.includes(key))
);
}
function canShowMenu(permission: PermissionKey | undefined, actions?: readonly MenuAction[]): boolean {
if (permission && !can(permission)) return false;
if (!actions) return true;
return actions.some((action) => {
const key = typeof action === 'string' ? action : action.key;
if (!can(key)) return false;
if (
(typeof action !== 'string' && action.scope === 'permission') ||
PERMISSION_META[key].kind !== 'class'
)
return true;
const ids =
typeof action !== 'string' && action.scope === 'manage'
? (manageScopes.value[key] ?? [])
: (actionScopes.value[key] ?? []);
// 全校名单维护还允许新建未分班学生。
if (
key === 'roster:manage' &&
allScopeKeys.value.includes(key) &&
(!permission || allScopeKeys.value.includes(permission))
)
return true;
return ids.some(
(id) =>
!permission ||
PERMISSION_META[permission].kind !== 'class' ||
(classScopes.value[permission] ?? []).includes(id),
);
});
}
const isAuthenticated = computed(() => Boolean(token.value));
const role = computed(() => user.value?.role ?? null);
const isAdmin = computed(() => role.value === 'ADMIN');
const displayName = computed(() => user.value?.name ?? '未登录');
const roleLabel = computed(() => (role.value ? ROLE_LABELS[role.value] : '未登录'));
/**
* 是否有某个生效权限。
*
* 页面直接使用服务端生效集合;管理员全集也由服务端返回。
*/
function can(key: PermissionKey): boolean {
return hasPermission(permissions.value, key);
}
/**
* 拉取生效权限(幂等,`force` 用于权限改完之后刷新)。
*
* 失败**不抛出**:拿不到权限时 `can()` 保持 false(即"少显示几个入口"),
* 不要因此卡住路由或让整页渲染不出来;错误提示由 http.ts 的响应拦截器负责。
*/
async function ensurePermissions(force = false): Promise<void> {
if (!token.value) return;
if (permissionsLoaded.value && !force) return;
try {
const mine = await permissionApi.me();
permissions.value = mine.permissions;
classScopes.value = mine.classScopes ?? {};
manageScopes.value = mine.manageScopes ?? {};
actionScopes.value = mine.actionScopes ?? {};
allScopeKeys.value = mine.allScopeKeys ?? [];
permissionsFromGroups.value = mine.fromGroups;
permissionsLoaded.value = true;
} catch {
// 见上方注释:静默失败,保持"未加载"(下次调用还会重试)
}
}
/** 清掉权限缓存(换账号 / 退出登录时必须调用,否则会沿用上一个账号的权限) */
function resetPermissions(): void {
permissions.value = [];
classScopes.value = {};
manageScopes.value = {};
actionScopes.value = {};
allScopeKeys.value = [];
permissionsFromGroups.value = false;
permissionsLoaded.value = false;
}
function persist(): void {
if (token.value) localStorage.setItem(STORAGE_KEYS.token, token.value);
else localStorage.removeItem(STORAGE_KEYS.token);
if (user.value) localStorage.setItem(STORAGE_KEYS.user, JSON.stringify(user.value));
else localStorage.removeItem(STORAGE_KEYS.user);
}
function setSession(payload: LoginResponse): void {
resetPermissions();
token.value = payload.token;
user.value = { ...payload.user };
persist();
}
async function login(payload: LoginRequest): Promise<void> {
loading.value = true;
try {
setSession(await authApi.login(payload));
} finally {
loading.value = false;
}
}
async function fetchProfile(): Promise<void> {
if (!token.value) return;
user.value = await authApi.me();
persist();
}
async function logout(): Promise<void> {
try {
if (token.value) await authApi.logout();
} catch {
// 退出登录失败不阻塞本地清理
} finally {
clear();
}
}
function clear(): void {
token.value = null;
user.value = null;
resetPermissions();
persist();
}
return {
token,
user,
loading,
permissions,
permissionsFromGroups,
permissionsLoaded,
isAuthenticated,
isAdmin,
role,
displayName,
roleLabel,
can,
canForClass,
canManageClass,
canShowMenu,
ensurePermissions,
login,
logout,
fetchProfile,
clear,
};
});