@liujitcn/kratos-admin-system 0.0.29 → 0.0.32

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

@@ -1,15 +1,5 @@
 <template>
   <div class="app-container ops-monitoring-page">
-    <section class="ops-page-head">
-      <div class="ops-page-meta">
-        <el-tag :type="loading ? 'info' : 'success'" effect="plain">
-          {{ loading ? t("system.ops_monitoring.collecting") : t("system.ops_monitoring.realtime") }}
-        </el-tag>
-        <span>{{ t("system.ops_monitoring.window", { minutes: windowMinutes }) }}</span>
-        <span>{{ t("system.ops_monitoring.last_sample", { time: formatDateTime(lastCollectedAt) }) }}</span>
-      </div>
-    </section>
-
     <section class="ops-kpi-grid" :aria-label="t('system.ops_monitoring.core_metrics')">
       <el-card v-for="item in kpiItems" :key="item.label" class="ops-kpi-card" shadow="never">
         <span class="ops-kpi-label">{{ item.label }}</span>
@@ -113,37 +103,35 @@
       </el-card>
     </section>
 
-    <section class="ops-storage-section">
-      <div class="ops-section-title">
-        <h2>{{ t("system.ops_monitoring.data_storage") }}</h2>
-        <span>{{ t("system.ops_monitoring.storage_summary") }}</span>
-      </div>
-      <div class="ops-storage-grid">
-        <el-card v-for="item in storageItems" :key="item.name" class="ops-storage-card" shadow="never">
+    <section class="ops-storage-grid ops-storage-section" :aria-label="t('system.ops_monitoring.data_storage')">
+      <el-card v-for="item in storageItems" :key="item.name" class="ops-storage-card" shadow="never">
+        <template #header>
           <div class="ops-storage-head">
             <div class="ops-storage-name">
               <span class="ops-storage-mark" :style="{ backgroundColor: item.color }">{{ item.shortName }}</span>
               <div>
-                <h3>{{ item.name }}</h3>
+                <h2>{{ item.name }}</h2>
                 <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>
-          <div class="ops-storage-metrics">
-            <div v-for="metric in item.metrics" :key="metric.label">
-              <strong>{{ metric.value }}</strong
-              ><span>{{ metric.label }}</span>
-            </div>
-          </div>
-          <div class="ops-capacity">
-            <span>{{ item.capacityLabel }}</span
-            ><el-progress :percentage="item.capacity" :show-text="false" :color="item.color" /><span>{{ item.capacity }}%</span>
+        </template>
+        <div class="ops-storage-metrics">
+          <div v-for="metric in item.metrics" :key="metric.label">
+            <strong>{{ metric.value }}</strong
+            ><span>{{ metric.label }}</span>
           </div>
-        </el-card>
-      </div>
+        </div>
+        <div class="ops-capacity">
+          <span>{{ item.capacityLabel }}</span
+          ><el-progress :percentage="item.capacity" :show-text="false" :stroke-width="8" :color="item.color" /><span
+            >{{ item.capacity }}%</span
+          >
+        </div>
+      </el-card>
     </section>
 
     <section class="ops-secondary-grid">
@@ -199,12 +187,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="8" :color="metric.color" />
               </div>
             </div>
           </div>
@@ -238,7 +221,7 @@
 
 <script setup lang="ts">
 import { computed, onActivated, onBeforeUnmount, onDeactivated, onMounted, ref } from "vue";
-import { defOpsMonitoringService } from "@liujitcn/kratos-admin-system/api/system/ops_monitoring";
+import { defOpsMonitoringService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/ops_monitoring";
 import { getCurrentLocale, t } from "@liujitcn/kratos-admin-core";
 import type {
   OpsAlert,
@@ -360,13 +343,18 @@ const endpoints = ref<OpsEndpointsResponse>();
 const nodes = ref<OpsNodesResponse>();
 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 +442,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"
   }))
 );
 
@@ -492,36 +480,26 @@ async function loadMonitoring() {
 function setTraffic(value: OpsTrafficResponse) {
   traffic.value = value;
   windowMinutes.value = value.window_minutes || windowMinutes.value;
-  updateCollectedAt(value.collected_at);
 }
 
 function setServices(value: OpsServicesResponse) {
   services.value = value;
-  updateCollectedAt(value.collected_at);
 }
 
 function setStorage(value: OpsStorageResponse) {
   storage.value = value;
-  updateCollectedAt(value.collected_at);
 }
 
 function setEndpoints(value: OpsEndpointsResponse) {
   endpoints.value = value;
-  updateCollectedAt(value.collected_at);
 }
 
 function setNodes(value: OpsNodesResponse) {
   nodes.value = value;
-  updateCollectedAt(value.collected_at);
 }
 
 function setAlerts(value: OpsAlertsResponse) {
   alerts.value = value;
-  updateCollectedAt(value.collected_at);
-}
-
-function updateCollectedAt(value?: string) {
-  if (value) lastCollectedAt.value = value;
 }
 
 async function startMonitoring() {
@@ -548,13 +526,6 @@ function formatNumber(value?: number) {
   return new Intl.NumberFormat(getCurrentLocale(), { maximumFractionDigits: 2 }).format(value);
 }
 
-function formatDateTime(value?: string) {
-  if (!value) return "--";
-  const date = new Date(value);
-  if (Number.isNaN(date.getTime())) return "--";
-  return new Intl.DateTimeFormat(getCurrentLocale(), { dateStyle: "short", timeStyle: "medium" }).format(date);
-}
-
 function formatClock(value?: string) {
   if (!value) return "--:--";
   const date = new Date(value);
@@ -580,17 +551,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 +580,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 +623,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 +632,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"
   };
 }
 
@@ -682,39 +656,21 @@ onBeforeUnmount(stopMonitoring);
   color: var(--ops-text-primary);
   background: var(--el-bg-color-page);
 }
-.ops-page-head,
 .ops-primary-grid,
 .ops-secondary-grid,
 .ops-storage-grid {
   min-width: 0;
 }
-.ops-page-head {
-  display: flex;
-  gap: 24px;
-  align-items: flex-end;
-  justify-content: space-between;
-  margin-bottom: 22px;
-}
-.ops-page-meta {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px;
-  align-items: center;
-  justify-content: flex-end;
-  margin-left: auto;
-  font-size: 12px;
-  color: var(--ops-text-placeholder);
-}
 .ops-kpi-grid,
 .ops-primary-grid,
 .ops-storage-grid,
 .ops-secondary-grid {
   display: grid;
-  gap: 14px;
+  gap: 10px;
 }
 .ops-kpi-grid {
   grid-template-columns: repeat(4, minmax(0, 1fr));
-  margin-bottom: 24px;
+  margin-bottom: 10px;
 }
 .ops-kpi-card,
 .ops-panel,
@@ -775,12 +731,12 @@ onBeforeUnmount(stopMonitoring);
   bottom: 10px;
   left: 16px;
   height: 2px;
-  border-radius: 2px;
+  border-radius: var(--admin-page-radius);
   opacity: 0.65;
 }
 .ops-primary-grid {
   grid-template-columns: minmax(0, 1.65fr) minmax(280px, 0.85fr);
-  margin-bottom: 24px;
+  margin-bottom: 10px;
 }
 .ops-panel :deep(.el-card__header),
 .ops-storage-card :deep(.el-card__header),
@@ -793,15 +749,13 @@ onBeforeUnmount(stopMonitoring);
 .ops-alert-panel :deep(.el-card__body) {
   padding: 0 18px 18px;
 }
-.ops-section-head,
-.ops-section-title {
+.ops-section-head {
   display: flex;
   gap: 12px;
   align-items: center;
   justify-content: space-between;
 }
-.ops-section-head h2,
-.ops-section-title h2 {
+.ops-section-head h2 {
   margin: 0;
   font-size: 15px;
   font-weight: 650;
@@ -812,8 +766,7 @@ onBeforeUnmount(stopMonitoring);
   font-size: 11px;
   color: var(--ops-text-placeholder);
 }
-.ops-muted,
-.ops-section-title > span {
+.ops-muted {
   font-size: 11px;
   color: var(--ops-text-placeholder);
 }
@@ -832,7 +785,7 @@ onBeforeUnmount(stopMonitoring);
 .ops-legend-mark {
   width: 15px;
   height: 3px;
-  border-radius: 3px;
+  border-radius: var(--admin-page-radius);
 }
 .ops-legend-mark.is-teal {
   background: var(--el-color-primary);
@@ -995,24 +948,19 @@ onBeforeUnmount(stopMonitoring);
   color: var(--el-color-warning);
 }
 .ops-storage-section {
-  margin-bottom: 24px;
-}
-.ops-section-title {
-  margin-bottom: 12px;
+  margin-bottom: 10px;
 }
 .ops-storage-grid {
   grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.9fr);
 }
 .ops-storage-card {
   min-width: 0;
-  padding: 17px 18px;
 }
 .ops-storage-head {
   display: flex;
   gap: 12px;
   align-items: flex-start;
   justify-content: space-between;
-  margin-bottom: 15px;
 }
 .ops-storage-name {
   display: flex;
@@ -1029,9 +977,9 @@ onBeforeUnmount(stopMonitoring);
   font-size: 9px;
   font-weight: 600;
   color: #ffffff;
-  border-radius: 6px;
+  border-radius: var(--admin-page-radius);
 }
-.ops-storage-name h3 {
+.ops-storage-name h2 {
   margin: 0 0 2px;
   font-size: 14px;
   font-weight: 650;
@@ -1083,7 +1031,7 @@ onBeforeUnmount(stopMonitoring);
 }
 .ops-secondary-grid {
   grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.9fr);
-  margin-bottom: 24px;
+  margin-bottom: 10px;
 }
 .ops-table :deep(.el-table__inner-wrapper::before) {
   display: none;
@@ -1232,15 +1180,6 @@ onBeforeUnmount(stopMonitoring);
 }
 
 @media (width <= 680px) {
-  .ops-page-head {
-    flex-direction: column;
-    gap: 13px;
-    align-items: flex-start;
-  }
-  .ops-page-meta {
-    justify-content: flex-start;
-    margin-left: 0;
-  }
   .ops-kpi-grid,
   .ops-storage-grid {
     grid-template-columns: 1fr;

package/dist/package/src/views/tool/project-doc/index.vue

@@ -75,7 +75,7 @@ import type { TreeNodeData } from "element-plus";
 import { getCurrentLocale, t, useLocaleStore } from "@liujitcn/kratos-admin-core";
 import MarkdownPreview from "@liujitcn/kratos-admin-core/components/MarkdownPreview/index.vue";
 import { useGlobalStore } from "@liujitcn/kratos-admin-core/stores/runtime";
-import { defProjectDocumentService } from "@liujitcn/kratos-admin-system/api/system/project_document";
+import { defProjectDocumentService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/project_document";
 import type {
   ProjectDocument,
   ProjectDocumentDirectory,
@@ -420,7 +420,7 @@ onMounted(() => {
 .document-tree :deep(.el-tree-node__content) {
   height: 34px;
   padding-right: 8px;
-  border-radius: 4px;
+  border-radius: var(--admin-page-radius);
 }
 .document-tree :deep(.el-tree-node.is-current > .el-tree-node__content) {
   color: var(--el-color-primary);

package/dist/package/src/views/tool/runtime-log/index.vue

@@ -179,8 +179,8 @@
 import { Document, Download, Operation, Refresh, Search, VideoPause, VideoPlay } from "@element-plus/icons-vue";
 import { computed, nextTick, onActivated, onBeforeUnmount, onDeactivated, onMounted, ref, watch } from "vue";
 import { getCurrentLocale, t } from "@liujitcn/kratos-admin-core";
-import { defRuntimeLogService } from "@liujitcn/kratos-admin-system/api/system/runtime_log";
-import { subscribeRuntimeLog } from "@liujitcn/kratos-admin-system/api/system/runtime_log_sse";
+import { defRuntimeLogService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/runtime_log";
+import { subscribeRuntimeLog } from "../../../utils/runtime_log_sse";
 import type {
   RuntimeLogEntry,
   RuntimeLogFile
@@ -500,7 +500,7 @@ onBeforeUnmount(() => {
   color: var(--admin-page-text-primary);
   background: var(--admin-page-card-bg);
   border: 1px solid var(--admin-page-card-border-soft);
-  border-radius: 6px;
+  border-radius: var(--admin-page-radius);
 }
 
 .runtime-log-sources {
@@ -553,7 +553,7 @@ onBeforeUnmount(() => {
   cursor: pointer;
   background: transparent;
   border: 1px solid transparent;
-  border-radius: 5px;
+  border-radius: var(--admin-page-radius);
 }
 
 .source-item:hover {
@@ -573,7 +573,7 @@ onBeforeUnmount(() => {
   place-items: center;
   color: var(--el-color-primary);
   background: var(--el-color-primary-light-9);
-  border-radius: 5px;
+  border-radius: var(--admin-page-radius);
 }
 
 .source-item__body {
@@ -785,7 +785,7 @@ onBeforeUnmount(() => {
   line-height: 16px;
   text-align: center;
   background: var(--el-fill-color);
-  border-radius: 3px;
+  border-radius: var(--admin-page-radius);
 }
 
 .log-line.is-debug .log-line__level {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@liujitcn/kratos-admin-system",
   "private": false,
-  "version": "0.0.29",
+  "version": "0.0.32",
   "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.32"
   },
   "peerDependencies": {
     "@element-plus/icons-vue": "^2.3.1",
@@ -32,6 +32,10 @@
       "types": "./dist/package/declarations/index.d.ts",
       "default": "./dist/package/src/index.ts"
     },
+    "./config": {
+      "types": "./dist/package/declarations/src/config/index.d.ts",
+      "default": "./dist/package/src/config/index.ts"
+    },
     "./api/*": {
       "types": "./dist/package/declarations/src/api/*.d.ts",
       "default": "./dist/package/src/api/*.ts"
@@ -57,6 +61,7 @@
   "scripts": {
     "build": "pnpm build:package",
     "build:package": "node ../../../scripts/build-package.mjs .",
+    "test": "tsc -p tsconfig.test.json && node --test dist/test/tests/*.test.js",
     "type:check": "vue-tsc --noEmit --skipLibCheck"
   }
 }

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

@@ -1,32 +0,0 @@
-import { type BaseDictForm, type BaseDictItemForm, type BaseDictService, type CreateBaseDictItemRequest, type CreateBaseDictRequest, type DeleteBaseDictItemRequest, type DeleteBaseDictRequest, type GetBaseDictItemRequest, type GetBaseDictRequest, type PageBaseDictItemRequest, type PageBaseDictItemResponse, type PageBaseDictRequest, type PageBaseDictResponse, type OptionBaseDictRequest, type OptionBaseDictResponse, type SetBaseDictItemStatusRequest, type SetBaseDictStatusRequest, type UpdateBaseDictItemRequest, type UpdateBaseDictRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_dict";
-import type { Empty } from "@liujitcn/kratos-admin-system/rpc/google/protobuf/empty";
-/** Admin字典服务 */
-export declare class BaseDictServiceImpl implements BaseDictService {
-    /** 查询字典下拉选择 */
-    OptionBaseDict(request: OptionBaseDictRequest): Promise<OptionBaseDictResponse>;
-    /** 查询字典分页列表 */
-    PageBaseDict(request: PageBaseDictRequest): Promise<PageBaseDictResponse>;
-    /** 查询字典 */
-    GetBaseDict(request: GetBaseDictRequest): Promise<BaseDictForm>;
-    /** 创建字典 */
-    CreateBaseDict(request: CreateBaseDictRequest): Promise<Empty>;
-    /** 更新字典 */
-    UpdateBaseDict(request: UpdateBaseDictRequest): Promise<Empty>;
-    /** 删除字典 */
-    DeleteBaseDict(request: DeleteBaseDictRequest): Promise<Empty>;
-    /** 设置状态 */
-    SetBaseDictStatus(request: SetBaseDictStatusRequest): Promise<Empty>;
-    /** 查询字典属性分页列表 */
-    PageBaseDictItem(request: PageBaseDictItemRequest): Promise<PageBaseDictItemResponse>;
-    /** 查询字典属性 */
-    GetBaseDictItem(request: GetBaseDictItemRequest): Promise<BaseDictItemForm>;
-    /** 创建字典属性 */
-    CreateBaseDictItem(request: CreateBaseDictItemRequest): Promise<Empty>;
-    /** 更新字典属性 */
-    UpdateBaseDictItem(request: UpdateBaseDictItemRequest): Promise<Empty>;
-    /** 删除字典属性 */
-    DeleteBaseDictItem(request: DeleteBaseDictItemRequest): Promise<Empty>;
-    /** 设置状态 */
-    SetBaseDictItemStatus(request: SetBaseDictItemStatusRequest): Promise<Empty>;
-}
-export declare const defBaseDictService: BaseDictServiceImpl;

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/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();