feat: 品牌统一 LokiStack + 全站中英 i18n + 用户批量删除 + 主题定时切换与浅色侧栏

- 品牌: Go 模块/数据文件/二进制/构建部署资产全部 opsx→lokistack;前端 localStorage 命名空间迁移(读旧写新,含按用户 id 前缀迁移);修复 nginx upstream 与 Makefile 引用已改名服务的断裂
- i18n: react-i18next 落地,common + 11 个页面域命名空间全站中英(菜单/顶栏/登录/列表页/表单/确认弹窗/状态徽章);设置页语言即时切换;修复词典自注册导致的循环导入白屏
- 用户管理: 批量删除(POST /users/batch-delete,不删自己/最后管理员,部分失败不阻断)+ 行复选/全选/批量工具条
- 主题: 浅色侧栏(中性灰激活态)、四态模式(浅色/深色/跟随系统/定时切换,按时区判定)、顶栏太阳月亮二态、设置页紧凑分段选择器
- UI: 登录记住用户名、CardActionButton 统一五页卡片操作钮、shadcn Badge 替换手写徽章、语义色修正
- 清理: 移除主机 Web 终端(前后端)、k8s-helm/Helm 遗留代码与字段、README 重写精简
- 修复: 侧栏与日志告警 order 重复、路由标题 i18n key 未翻译、词典双逗号等
This commit is contained in:
opsx committed 2026-10-27 17:11:38 +08:00
1 parent 02d1bd87a7
commit f3733f0bfc
201 files changed
+5438 -2388

No files matched your search

+18 -4
View File
@@ -1,11 +1,13 @@
// 凭证存储统一出口 — 全项目对 token / 用户信息的读写必须经过这里,
// 禁止组件直接操作 localStorage(避免 key 散落与多处重复实现)。
// key 采用命名空间 opsxloki.auth.*(双端一致性约定,见开发标准 08 章)。
// key 采用命名空间 lokistack.auth.*(双端一致性约定,见开发标准 08 章)。
import type { User } from '@/types';
const TOKEN_KEY = 'opsxloki.auth.token';
const REFRESH_TOKEN_KEY = 'opsxloki.auth.refresh-token';
const USER_KEY = 'opsxloki.auth.user';
const TOKEN_KEY = 'lokistack.auth.token';
const REFRESH_TOKEN_KEY = 'lokistack.auth.refresh-token';
const USER_KEY = 'lokistack.auth.user';
// 「记住用户名」不属于凭证,clearAuth() 登出时保留
const REMEMBER_USERNAME_KEY = 'lokistack.auth.remember-username';
export interface TokenPair {
accessToken: string;
@@ -51,3 +53,15 @@ export function clearAuth(): void {
export function isLoggedIn(): boolean {
return getAccessToken() !== null;
}
export function getRememberedUsername(): string | null {
return localStorage.getItem(REMEMBER_USERNAME_KEY);
}
export function saveRememberedUsername(username: string | null): void {
if (username) {
localStorage.setItem(REMEMBER_USERNAME_KEY, username);
} else {
localStorage.removeItem(REMEMBER_USERNAME_KEY);
}
}
+79
View File
@@ -0,0 +1,79 @@
// 主题定时切换 — 「定时」模式按所选时区的钟点决定浅/深色(白天浅色、夜间深色)。
// 存储独立于 next-themes 的主题 key:自动模式下由调度器持续把解析结果写入主题偏好。
const AUTO_KEY = 'lokistack.theme.auto'
const TZ_KEY = 'lokistack.theme.timezone'
/** 同窗口内通知调度器状态变化(storage 事件不回弹到本窗口) */
const CHANGE_EVENT = 'lokistack:theme-schedule-change'
/** 白天区间:[DAY_START_HOUR, DAY_END_HOUR) 为浅色,其余深色 */
export const DAY_START_HOUR = 7
export const DAY_END_HOUR = 19
export function isThemeAuto(): boolean {
return localStorage.getItem(AUTO_KEY) === '1'
}
export function setThemeAuto(on: boolean): void {
if (on) localStorage.setItem(AUTO_KEY, '1')
else localStorage.removeItem(AUTO_KEY)
window.dispatchEvent(new Event(CHANGE_EVENT))
}
/** 时区偏好;空串 = 跟随浏览器本地时区 */
export function getThemeTimezone(): string {
return localStorage.getItem(TZ_KEY) ?? ''
}
export function setThemeTimezone(tz: string): void {
if (tz) localStorage.setItem(TZ_KEY, tz)
else localStorage.removeItem(TZ_KEY)
window.dispatchEvent(new Event(CHANGE_EVENT))
}
/** 订阅调度器偏好变化(同窗口;跨窗口由调用方另行监听 storage 事件) */
export function onThemeScheduleChange(handler: () => void): () => void {
window.addEventListener(CHANGE_EVENT, handler)
return () => window.removeEventListener(CHANGE_EVENT, handler)
}
/** 取某时区的当前钟点(0-23);en-US + hour12:false 在个别引擎会把午夜返回 "24",取模兜底 */
export function hourInTimezone(tz: string, now = new Date()): number {
const opts: Intl.DateTimeFormatOptions = { hour: '2-digit', hour12: false }
if (tz) opts.timeZone = tz
const hour = Number(now.toLocaleString('en-US', opts).match(/\d+/)?.[0] ?? now.getHours())
return hour % 24
}
/** 按时区判定此刻应为浅色还是深色 */
export function resolveScheduledTheme(tz: string, now = new Date()): 'light' | 'dark' {
const hour = hourInTimezone(tz, now)
return hour >= DAY_START_HOUR && hour < DAY_END_HOUR ? 'light' : 'dark'
}
/** 浏览器支持的 IANA 时区列表;不支持时回退到常用时区 */
export function listTimezones(): string[] {
try {
const supported = (Intl as unknown as { supportedValuesOf?: (key: string) => string[] }).supportedValuesOf
if (typeof supported === 'function') return supported('timeZone')
} catch {
// ignore
}
return [
'UTC',
'Asia/Shanghai',
'Asia/Hong_Kong',
'Asia/Taipei',
'Asia/Tokyo',
'Asia/Singapore',
'Asia/Kolkata',
'Asia/Dubai',
'Europe/London',
'Europe/Paris',
'Europe/Berlin',
'Europe/Moscow',
'America/New_York',
'America/Chicago',
'America/Los_Angeles',
'Australia/Sydney',
]
}