@liujitcn/kratos-admin-system 0.0.29 → 0.0.31

package/dist/package/src/views/profile/components/session.vue

@@ -0,0 +1,153 @@
+<template>
+  <el-card class="session-card" shadow="never">
+    <template #header>
+      <div class="session-header">
+        <div>
+          <h3>{{ t("system.profile.session.title") }}</h3>
+          <p>{{ t("system.profile.session.description") }}</p>
+        </div>
+        <el-button :loading="loading" @click="loadSession">
+          <el-icon><Refresh /></el-icon>
+          {{ t("system.profile.session.action.refresh") }}
+        </el-button>
+      </div>
+    </template>
+
+    <el-skeleton v-if="loading && !session" :rows="5" animated />
+    <el-empty v-else-if="!session" :description="t('system.profile.session.empty')" />
+    <div v-else class="session-details">
+      <div class="session-status">
+        <el-tag type="success" effect="plain">{{ t("system.profile.session.status.active") }}</el-tag>
+        <span>{{ session.user_name }} · {{ session.tenant_code }}</span>
+      </div>
+      <dl class="session-grid">
+        <div>
+          <dt>{{ t("system.profile.session.field.client_ip") }}</dt>
+          <dd>{{ session.client_ip || "-" }}</dd>
+        </div>
+        <div>
+          <dt>{{ t("system.profile.session.field.device") }}</dt>
+          <dd>{{ session.device || "-" }}</dd>
+        </div>
+        <div>
+          <dt>{{ t("system.profile.session.field.issued_at") }}</dt>
+          <dd>{{ session.issued_at || "-" }}</dd>
+        </div>
+        <div>
+          <dt>{{ t("system.profile.session.field.expires_in") }}</dt>
+          <dd>{{ formatExpires(session.expires_in) }}</dd>
+        </div>
+      </dl>
+      <div class="session-actions">
+        <el-button type="danger" plain @click="revokeAll">
+          <el-icon><SwitchButton /></el-icon>
+          {{ t("system.profile.session.action.revoke_all") }}
+        </el-button>
+      </div>
+    </div>
+  </el-card>
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref } from "vue";
+import { useRouter } from "vue-router";
+import { t } from "@liujitcn/kratos-admin-core";
+import { LOGIN_URL } from "@liujitcn/kratos-admin-core/config";
+import { useUserStore } from "@liujitcn/kratos-admin-core/stores/runtime";
+import { defBaseSessionService } from "@liujitcn/kratos-admin-system/api/system/base_session";
+import type { BaseSession } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_session";
+
+const loading = ref(false);
+const session = ref<BaseSession>();
+const router = useRouter();
+const userStore = useUserStore();
+
+/** 拉取当前会话信息。 */
+async function loadSession() {
+  loading.value = true;
+  try {
+    session.value = await defBaseSessionService.GetCurrentBaseSession({});
+  } finally {
+    loading.value = false;
+  }
+}
+
+/** 撤销当前用户全部会话并返回登录页。 */
+async function revokeAll() {
+  await ElMessageBox.confirm(t("system.profile.session.confirm.revoke_all"), t("system.profile.session.confirm.title"), {
+    type: "warning"
+  });
+  await defBaseSessionService.RevokeAllBaseSessions({});
+  userStore.clearAuthData();
+  ElMessage.success(t("system.profile.session.message.revoked"));
+  session.value = undefined;
+  await router.replace(LOGIN_URL);
+}
+
+/** 将秒数格式化为可读的剩余有效期。 */
+function formatExpires(seconds: number) {
+  if (!seconds || seconds < 60) return t("system.profile.session.value.less_than_minute");
+  const hours = Math.floor(seconds / 3600);
+  const minutes = Math.floor((seconds % 3600) / 60);
+  if (hours > 0) return t("system.profile.session.value.hours_minutes", { hours, minutes });
+  return t("system.profile.session.value.minutes", { minutes });
+}
+
+onMounted(loadSession);
+</script>
+
+<style scoped lang="scss">
+.session-card {
+  border: 1px solid var(--el-border-color-light);
+}
+.session-header,
+.session-status,
+.session-actions {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+.session-header h3 {
+  margin: 0;
+  color: var(--el-text-color-primary);
+  font-size: 18px;
+}
+.session-header p {
+  margin: 6px 0 0;
+  color: var(--el-text-color-secondary);
+  font-size: 13px;
+}
+.session-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 16px;
+  margin: 24px 0;
+}
+.session-grid div {
+  padding: 14px;
+  background: var(--el-fill-color-light);
+  border-radius: 6px;
+}
+.session-grid dt {
+  color: var(--el-text-color-secondary);
+  font-size: 12px;
+}
+.session-grid dd {
+  margin: 6px 0 0;
+  color: var(--el-text-color-primary);
+  overflow-wrap: anywhere;
+}
+.session-actions {
+  justify-content: flex-end;
+}
+@media screen and (width <= 640px) {
+  .session-header {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+  .session-grid {
+    grid-template-columns: 1fr;
+  }
+}
+</style>

package/dist/package/src/views/profile/index.vue

@@ -26,6 +26,7 @@
           @refreshed="loadUserProfile"
           @switch-tab="handleTabChange"
         />
+        <ProfileSession v-else-if="activeTab === 'session'" />
         <ProfilePassword v-else />
       </main>
     </section>
@@ -47,10 +48,10 @@ import { useUserStore } from "@liujitcn/kratos-admin-core/stores/runtime";
 import ProfileBase from "./components/base.vue";
 import ProfileSecurity from "./components/security.vue";
 import ProfilePassword from "./components/password.vue";
-import { ArrowRight } from "@element-plus/icons-vue";
+import ProfileSession from "./components/session.vue";
 
 /** 个人中心标签页。 */
-type ProfileTab = "account" | "security" | "password";
+type ProfileTab = "account" | "security" | "password" | "session";
 
 /** 左侧导航项结构。 */
 interface ProfileTabOption {
@@ -65,23 +66,33 @@ interface ProfileTabOption {
 const userStore = useUserStore();
 const route = useRoute();
 const activeTab = ref<ProfileTab>("account");
-const profileTabs = computed<ProfileTabOption[]>(() => [
-  {
-    value: "account",
-    label: t("system.profile.account.title"),
-    description: t("system.profile.account.nav_description")
-  },
-  {
-    value: "security",
-    label: t("system.profile.security.title"),
-    description: t("system.profile.security.nav_description")
-  },
-  {
-    value: "password",
-    label: t("system.profile.password.title"),
-    description: t("system.profile.password.nav_description")
+const profileTabs = computed<ProfileTabOption[]>(() => {
+  const tabs: ProfileTabOption[] = [
+    {
+      value: "account",
+      label: t("system.profile.account.title"),
+      description: t("system.profile.account.nav_description")
+    },
+    {
+      value: "security",
+      label: t("system.profile.security.title"),
+      description: t("system.profile.security.nav_description")
+    },
+    {
+      value: "password",
+      label: t("system.profile.password.title"),
+      description: t("system.profile.password.nav_description")
+    }
+  ];
+  if (userStore.userInfo.role_code === "super") {
+    tabs.push({
+      value: "session",
+      label: t("system.profile.session.title"),
+      description: t("system.profile.session.nav_description")
+    });
   }
-]);
+  return tabs;
+});
 const userProfileForm = reactive<UserProfileForm>({
   user_name: "",
   nick_name: "",
@@ -115,8 +126,10 @@ async function loadUserProfile() {
 }
 
 onMounted(async () => {
-  // OAuth 绑定回跳时优先打开安全设置，让子组件消费绑定结果并刷新状态。
-  if (route.query.oauth_bind_success || route.query.oauth_bind_error) {
+  if (route.query.tab === "password") {
+    activeTab.value = "password";
+  } else if (route.query.oauth_bind_success || route.query.oauth_bind_error) {
+    // OAuth 绑定回跳时优先打开安全设置，让子组件消费绑定结果并刷新状态。
     activeTab.value = "security";
   }
   await loadUserProfile();
@@ -139,7 +152,7 @@ onMounted(async () => {
   padding: 16px;
   background: #ffffff;
   border: 1px solid #ebeef5;
-  border-radius: 12px;
+  border-radius: var(--admin-page-radius);
   box-shadow: 0 2px 12px rgb(0 0 0 / 4%);
 }
 .nav-item {
@@ -153,7 +166,7 @@ onMounted(async () => {
   cursor: pointer;
   background: #ffffff;
   border: 1px solid transparent;
-  border-radius: 10px;
+  border-radius: var(--admin-page-radius);
   transition: all 0.2s ease;
 }
 .nav-item + .nav-item {

package/dist/package/src/views/tool/code-gen/config.ts

@@ -73,6 +73,7 @@ const codeGenFormComponentLabelKeys: Record<ProFormComponentType, string> = {
   password: "system.code.gen.component.password",
   textarea: "system.code.gen.component.textarea",
   "input-number": "system.code.gen.component.input_number",
+  "color-picker": "system.code.gen.component.color_picker",
   segmented: "system.code.gen.component.segmented",
   switch: "system.code.gen.component.switch",
   checkbox: "system.code.gen.component.checkbox",

package/dist/package/src/views/tool/ops-monitoring/index.vue

@@ -128,7 +128,7 @@
                 <code>{{ item.address }}</code>
               </div>
             </div>
-            <el-tag :type="item.status === '正常' ? 'success' : 'warning'" size="small" effect="plain">{{
+            <el-tag :type="isNormalStatus(item.status) ? 'success' : 'warning'" size="small" effect="plain">{{
               item.statusLabel
             }}</el-tag>
           </div>
@@ -199,12 +199,7 @@
                     <strong>{{ metric.percentageLabel }}</strong>
                   </span>
                 </div>
-                <el-progress
-                  :percentage="metric.percentage"
-                  :show-text="false"
-                  :stroke-width="10"
-                  :color="metric.color"
-                />
+                <el-progress :percentage="metric.percentage" :show-text="false" :stroke-width="10" :color="metric.color" />
               </div>
             </div>
           </div>
@@ -362,11 +357,17 @@ const alerts = ref<OpsAlertsResponse>();
 const windowMinutes = ref(15);
 const lastCollectedAt = ref("");
 const trendGridLines = [16, 62, 108, 154, 198];
-const nodeMetricLabelKeys: Record<string, string> = {
-  堆内存: "system.ops_monitoring.node_metric.heap_memory",
-  内存: "system.ops_monitoring.node_metric.memory",
-  硬盘: "system.ops_monitoring.node_metric.disk"
-};
+const monitoringStatusKeys = [
+  "system.ops_monitoring.status.normal",
+  "system.ops_monitoring.status.unconfigured",
+  "system.ops_monitoring.status.error",
+  "system.ops_monitoring.status.attention"
+] as const;
+const nodeMetricLabelKeys = [
+  "system.ops_monitoring.node_metric.heap_memory",
+  "system.ops_monitoring.node_metric.memory",
+  "system.ops_monitoring.node_metric.disk"
+] as const;
 const byteUnits = ["B", "KB", "MB", "GB", "TB", "PB"];
 const trafficSummary = computed(() => traffic.value?.traffic);
 
@@ -454,7 +455,7 @@ const availabilityItems = computed<AvailabilityItem[]>(() =>
   (services.value?.services ?? []).map(service => ({
     label: service.name,
     value: translateStatus(service.status),
-    tone: service.status === "正常" ? "ok" : "warn"
+    tone: isNormalStatus(service.status) ? "ok" : "warn"
   }))
 );
 
@@ -580,17 +581,20 @@ function formatRelativeTime(value?: string) {
 }
 
 function translateStatus(status?: string) {
-  if (status === "正常") return t("system.ops_monitoring.status.normal");
-  if (status === "未配置") return t("system.ops_monitoring.status.unconfigured");
-  if (status === "异常") return t("system.ops_monitoring.status.error");
-  if (status === "关注") return t("system.ops_monitoring.status.attention");
+  const localeKey = monitoringStatusKeys.find(key => t(key) === status);
+  if (localeKey) return t(localeKey);
   return status || t("system.ops_monitoring.unknown");
 }
 
+/** 判断监控状态是否为当前语言下的正常状态。 */
+function isNormalStatus(status?: string) {
+  return status === t("system.ops_monitoring.status.normal");
+}
+
 function mapStorage(item: OpsStorage) {
   return {
     ...item,
-    color: item.status === "正常" ? "var(--el-color-success)" : "var(--el-color-warning)",
+    color: isNormalStatus(item.status) ? "var(--el-color-success)" : "var(--el-color-warning)",
     statusLabel: translateStatus(item.status),
     shortName: item.short_name || item.name,
     capacityLabel: item.capacity_label || t("system.ops_monitoring.capacity"),
@@ -606,7 +610,7 @@ function mapEndpoint(endpoint: OpsEndpoint): EndpointItem {
     latency: `${formatNumber(endpoint.p95_latency_ms)} ms`,
     errorRate: `${formatNumber(endpoint.error_rate)}%`,
     status: translateStatus(endpoint.status),
-    healthy: endpoint.status === "正常"
+    healthy: isNormalStatus(endpoint.status)
   };
 }
 
@@ -649,7 +653,7 @@ function formatFixedNumber(value: number) {
 
 /** 翻译实例资源指标名称，未知指标保留后端原值。 */
 function translateNodeMetricLabel(label: string) {
-  const localeKey = nodeMetricLabelKeys[label];
+  const localeKey = nodeMetricLabelKeys.find(key => t(key) === label);
   return localeKey ? t(localeKey) : label;
 }
 
@@ -658,7 +662,7 @@ function mapAlert(alert: OpsAlert) {
     title: alert.title,
     detail: alert.detail,
     at: alert.at,
-    tone: alert.status === "正常" ? "ok" : "warn"
+    tone: isNormalStatus(alert.status) ? "ok" : "warn"
   };
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@liujitcn/kratos-admin-system",
   "private": false,
-  "version": "0.0.29",
+  "version": "0.0.31",
   "type": "module",
   "description": "kratos-admin system management module",
   "license": "MIT",
@@ -15,7 +15,7 @@
     "sortablejs": "^1.15.2",
     "swagger-ui-dist": "^5.32.9",
     "vue-element-plus-x": "^2.0.3",
-    "@liujitcn/kratos-admin-core": "0.0.29"
+    "@liujitcn/kratos-admin-core": "0.0.31"
   },
   "peerDependencies": {
     "@element-plus/icons-vue": "^2.3.1",

package/dist/package/declarations/src/api/system/base_log.d.ts

@@ -1,9 +0,0 @@
-import { type BaseLog, type BaseLogService, type GetBaseLogRequest, type PageBaseLogRequest, type PageBaseLogResponse } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_log";
-/** Admin系统日志服务 */
-export declare class BaseLogServiceImpl implements BaseLogService {
-    /** 查询系统日志分页列表 */
-    PageBaseLog(request: PageBaseLogRequest): Promise<PageBaseLogResponse>;
-    /** 查询系统日志 */
-    GetBaseLog(request: GetBaseLogRequest): Promise<BaseLog>;
-}
-export declare const defBaseLogService: BaseLogServiceImpl;

package/dist/package/declarations/src/rpc/system/admin/v1/base_log.d.ts

@@ -1,87 +0,0 @@
-/** 日志分页查询条件 */
-export interface PageBaseLogRequest {
-    /** 请求时间 */
-    request_time: string[];
-    /** 操作方法 */
-    operation: string;
-    /** 状态码 */
-    status_code?: number | undefined;
-    /** 当前页码 */
-    page_num: number;
-    /** 每一页的行数 */
-    page_size: number;
-}
-/** 日志分页响应 */
-export interface PageBaseLogResponse {
-    /** 分页数据 */
-    base_logs: BaseLog[];
-    /** 总数 */
-    total: number;
-}
-/** 查询日志请求参数 */
-export interface GetBaseLogRequest {
-    /** 日志ID */
-    id: number;
-}
-/** 日志 */
-export interface BaseLog {
-    /** 日志ID */
-    id: number;
-    /** 请求ID */
-    request_id: string;
-    /** 请求时间 */
-    request_time: string;
-    /** 请求方法 */
-    method: string;
-    /** 操作方法 */
-    operation: string;
-    /** 请求路径 */
-    path: string;
-    /** 请求源 */
-    referer: string;
-    /** 请求URI */
-    request_uri: string;
-    /** 请求体 */
-    request_body: string;
-    /** 请求头 */
-    request_header: string;
-    /** 响应信息 */
-    response: string;
-    /** 操作耗时 */
-    cost_time: string;
-    /** 操作是否成功 */
-    is_success: boolean;
-    /** 状态码 */
-    status_code: number;
-    /** 操作失败原因 */
-    reason: string;
-    /** 操作地理位置 */
-    location: string;
-    /** 操作者用户ID */
-    user_id: number;
-    /** 操作者账号名 */
-    user_name: string;
-    /** 操作者IP */
-    client_ip: string;
-    /** 浏览器的用户代理信息 */
-    user_agent: string;
-    /** 浏览器名称 */
-    browser_name: string;
-    /** 浏览器版本 */
-    browser_version: string;
-    /** 客户端ID */
-    client_id: string;
-    /** 客户端名称 */
-    client_name: string;
-    /** 操作系统名称 */
-    os_name: string;
-    /** 操作系统版本 */
-    os_version: string;
-}
-/** Admin日志服务 */
-export interface BaseLogService {
-    /** 查询日志分页列表 */
-    PageBaseLog(request: PageBaseLogRequest): Promise<PageBaseLogResponse>;
-    /** 查询日志 */
-    GetBaseLog(request: GetBaseLogRequest): Promise<BaseLog>;
-}

package/dist/package/src/api/system/base_log.ts

@@ -1,32 +0,0 @@
-import service from "@liujitcn/kratos-admin-core/request";
-import {
-  type BaseLog,
-  type BaseLogService,
-  type GetBaseLogRequest,
-  type PageBaseLogRequest,
-  type PageBaseLogResponse
-} from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_log";
-
-const BASE_LOG_URL = "/v1/admin/base/log";
-
-/** Admin系统日志服务 */
-export class BaseLogServiceImpl implements BaseLogService {
-  /** 查询系统日志分页列表 */
-  PageBaseLog(request: PageBaseLogRequest): Promise<PageBaseLogResponse> {
-    return service<PageBaseLogRequest, PageBaseLogResponse>({
-      url: `${BASE_LOG_URL}`,
-      method: "get",
-      params: request
-    });
-  }
-
-  /** 查询系统日志 */
-  GetBaseLog(request: GetBaseLogRequest): Promise<BaseLog> {
-    return service<GetBaseLogRequest, BaseLog>({
-      url: `${BASE_LOG_URL}/${request.id}`,
-      method: "get"
-    });
-  }
-}
-
-export const defBaseLogService = new BaseLogServiceImpl();

package/dist/package/src/rpc/system/admin/v1/base_log.ts

@@ -1,101 +0,0 @@
-// Code generated by protoc-gen-ts_proto. DO NOT EDIT.
-// versions:
-//   protoc-gen-ts_proto  v2.11.8
-//   protoc               unknown
-// source: system/admin/v1/base_log.proto
-
-/* eslint-disable */
-
-/** 日志分页查询条件 */
-export interface PageBaseLogRequest {
-  /** 请求时间 */
-  request_time: string[];
-  /** 操作方法 */
-  operation: string;
-  /** 状态码 */
-  status_code?:
-    | number
-    | undefined;
-  /** 当前页码 */
-  page_num: number;
-  /** 每一页的行数 */
-  page_size: number;
-}
-
-/** 日志分页响应 */
-export interface PageBaseLogResponse {
-  /** 分页数据 */
-  base_logs: BaseLog[];
-  /** 总数 */
-  total: number;
-}
-
-/** 查询日志请求参数 */
-export interface GetBaseLogRequest {
-  /** 日志ID */
-  id: number;
-}
-
-/** 日志 */
-export interface BaseLog {
-  /** 日志ID */
-  id: number;
-  /** 请求ID */
-  request_id: string;
-  /** 请求时间 */
-  request_time: string;
-  /** 请求方法 */
-  method: string;
-  /** 操作方法 */
-  operation: string;
-  /** 请求路径 */
-  path: string;
-  /** 请求源 */
-  referer: string;
-  /** 请求URI */
-  request_uri: string;
-  /** 请求体 */
-  request_body: string;
-  /** 请求头 */
-  request_header: string;
-  /** 响应信息 */
-  response: string;
-  /** 操作耗时 */
-  cost_time: string;
-  /** 操作是否成功 */
-  is_success: boolean;
-  /** 状态码 */
-  status_code: number;
-  /** 操作失败原因 */
-  reason: string;
-  /** 操作地理位置 */
-  location: string;
-  /** 操作者用户ID */
-  user_id: number;
-  /** 操作者账号名 */
-  user_name: string;
-  /** 操作者IP */
-  client_ip: string;
-  /** 浏览器的用户代理信息 */
-  user_agent: string;
-  /** 浏览器名称 */
-  browser_name: string;
-  /** 浏览器版本 */
-  browser_version: string;
-  /** 客户端ID */
-  client_id: string;
-  /** 客户端名称 */
-  client_name: string;
-  /** 操作系统名称 */
-  os_name: string;
-  /** 操作系统版本 */
-  os_version: string;
-}
-
-/** Admin日志服务 */
-export interface BaseLogService {
-  /** 查询日志分页列表 */
-  PageBaseLog(request: PageBaseLogRequest): Promise<PageBaseLogResponse>;
-  /** 查询日志 */
-  GetBaseLog(request: GetBaseLogRequest): Promise<BaseLog>;
-}