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:
1 parent
02d1bd87a7
commit
f3733f0bfc
201 files changed
+5438
-2388
No files matched your search
@@ -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);
|
||||
}
|
||||
}
|
||||
@@ -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',
|
||||
]
|
||||
}
|
||||
Reference in new issue
Block a user