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

+14 -15
View File
@@ -1,4 +1,5 @@
import { useEffect, memo, useCallback, useState } from 'react'
import { useTranslation } from 'react-i18next'
import { HardDrive, Plus } from 'lucide-react'
import { Button } from '@/components/ui/button'
import { storageApi, deploymentApi } from '@/api'
@@ -19,6 +20,7 @@ import { StorageFormDialog } from './components/StorageFormDialog'
* 卡片/表单/删除确认为域内子组件。成功操作静默(列表刷新即反馈)。
*/
const StoragePage = memo(function StoragePage() {
const { t } = useTranslation('storage')
const query = useListQuery<StorageConfig>((params, signal) =>
storageApi.list(params, { signal })
)
@@ -46,11 +48,11 @@ const StoragePage = memo(function StoragePage() {
setDeleteTarget(null)
query.refresh()
} catch (err) {
toast.error(err instanceof Error ? err.message : '删除存储配置失败')
toast.error(err instanceof Error ? err.message : t('page.errDelete'))
} finally {
setDeleting(false)
}
}, [deleteTarget, query])
}, [deleteTarget, query, t])
// 设为默认存储(后端保证唯一默认:置新默认会取消旧默认)
const handleSetDefault = useCallback(
@@ -59,23 +61,20 @@ const StoragePage = memo(function StoragePage() {
await storageApi.update(id, { isDefault: true })
query.refresh()
} catch (err) {
toast.error(err instanceof Error ? err.message : '设置默认存储失败')
toast.error(err instanceof Error ? err.message : t('page.errSetDefault'))
}
},
[query]
[query, t]
)
return (
<PageContainer
title="存储配置"
description="为 Loki 配置对象存储后端"
title={t('page.title')}
description={t('page.description')}
action={
<Button
className="bg-primary hover:bg-primary/90"
onClick={() => setFormOpen(true)}
>
<Button onClick={() => setFormOpen(true)}>
<Plus className="w-4 h-4 mr-1" />
添加存储
{t('page.add')}
</Button>
}
>
@@ -86,8 +85,8 @@ const StoragePage = memo(function StoragePage() {
) : query.list.length === 0 ? (
<EmptyState
icon={HardDrive}
title="暂无存储配置"
description="添加第一个 Loki 存储后端"
title={t('page.emptyTitle')}
description={t('page.emptyDescription')}
/>
) : (
<>
@@ -119,7 +118,7 @@ const StoragePage = memo(function StoragePage() {
setEditingTarget(null)
}
}}
onCreated={query.refresh}
onCreated={() => (editingTarget ? query.refresh() : query.reload())}
editing={editingTarget}
/>
@@ -132,7 +131,7 @@ const StoragePage = memo(function StoragePage() {
loading={deleting}
description={
depRefCount > 0
? `确定要删除「${deleteTarget?.name}」吗?警告:仍有 ${depRefCount} 个部署使用该存储,删除后这些部署的对象存储配置将失效。`
? t('page.deleteWarning', { name: deleteTarget?.name, count: depRefCount })
: undefined
}
onConfirm={handleDelete}