@liujitcn/kratos-admin-system 0.0.27 → 0.0.28

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

@@ -28,6 +28,8 @@ export interface ProjectDocumentListItem {
   id: string;
   /** 项目内相对路径 */
   path: string;
+  /** 当前语言下的文档显示文件名 */
+  name: string;
   /** Markdown文件更新时间，RFC3339格式 */
   updated_at: string;
 }
@@ -66,19 +68,14 @@ export interface ProjectDocument {
   project_name: string;
   /** 项目内相对路径 */
   path: string;
+  /** 当前语言下的文档显示文件名 */
+  name: string;
   /** Markdown文档内容 */
   content: string;
-  /** 按语言标识索引的Markdown翻译内容 */
-  locale: Map<string, string>;
   /** Markdown文件更新时间，RFC3339格式 */
   updated_at: string;
 }
 
-export interface ProjectDocument_LocaleEntry {
-  key: string;
-  value: string;
-}
-
 /** 项目文档服务 */
 export interface ProjectDocumentService {
   /** 查询项目文档树 */

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

@@ -0,0 +1,113 @@
+// Code generated by protoc-gen-ts_proto. DO NOT EDIT.
+// versions:
+//   protoc-gen-ts_proto  v2.11.8
+//   protoc               unknown
+// source: system/admin/v1/runtime_log.proto
+
+/* eslint-disable */
+
+/** 历史日志文件列表查询条件。 */
+export interface ListRuntimeLogFilesRequest {
+}
+
+/** 历史日志文件列表响应。 */
+export interface ListRuntimeLogFilesResponse {
+  /** 历史日志文件列表 */
+  files: RuntimeLogFile[];
+}
+
+/** 历史日志文件信息。 */
+export interface RuntimeLogFile {
+  /** 服务端签发的日志文件标识 */
+  file_id: string;
+  /** 日志文件名称 */
+  name: string;
+  /** 日志文件大小，单位字节 */
+  size_bytes: number;
+  /** 最后修改时间，RFC3339格式 */
+  modified_at: string;
+  /** 是否为Gzip压缩文件 */
+  is_compressed: boolean;
+  /** 是否为当前活动日志文件 */
+  is_active: boolean;
+}
+
+/** 历史日志文件读取条件。 */
+export interface ReadRuntimeLogFileRequest {
+  /** 服务端签发的日志文件标识 */
+  file_id: string;
+  /** 向更早日志翻页的不透明游标，留空时从文件尾部读取 */
+  cursor: string;
+  /** 单次读取条数，0使用默认值，最大500 */
+  limit: number;
+  /** 日志内容搜索关键字 */
+  keyword: string;
+  /** 日志级别筛选列表 */
+  levels: string[];
+}
+
+/** 历史日志文件读取响应。 */
+export interface ReadRuntimeLogFileResponse {
+  /** 按时间正序排列的日志条目 */
+  entries: RuntimeLogEntry[];
+  /** 继续读取更早日志的不透明游标 */
+  next_cursor: string;
+  /** 是否还有更早日志 */
+  has_more: boolean;
+  /** 读取期间日志文件是否已滚动或截断 */
+  file_changed: boolean;
+}
+
+/** 实时或历史日志条目。 */
+export interface RuntimeLogEntry {
+  /** 当前进程内的日志序号，历史文件日志为空 */
+  sequence: string;
+  /** 日志时间 */
+  timestamp: string;
+  /** 日志级别 */
+  level: string;
+  /** 日志来源 */
+  source: string;
+  /** 日志消息 */
+  message: string;
+  /** 可直接展示的纯文本日志行 */
+  line: string;
+  /** 日志行是否因长度限制被截断 */
+  is_truncated: boolean;
+}
+
+/** 实时控制台开启条件。 */
+export interface OpenRuntimeConsoleRequest {
+  /** 首次返回的最近日志条数，0使用默认值，最大500 */
+  backlog_limit: number;
+}
+
+/** 实时控制台开启响应。 */
+export interface OpenRuntimeConsoleResponse {
+  /** SSE业务流标识 */
+  stream: string;
+  /** 当前用户专属SSE频道标识 */
+  channel_id: string;
+  /** 频道过期时间，RFC3339格式 */
+  expires_at: string;
+  /** 当前服务实例标识 */
+  instance_id: string;
+  /** 当前进程最新日志序号 */
+  latest_sequence: string;
+  /** 当前进程最近日志 */
+  entries: RuntimeLogEntry[];
+}
+
+/** 实时控制台丢失消息提示。 */
+export interface RuntimeLogGap {
+  /** 本次丢弃的日志条数 */
+  dropped_count: number;
+  /** 发生丢弃时的最新日志序号 */
+  latest_sequence: string;
+}
+
+/** 历史日志文件下载条件。 */
+export interface DownloadRuntimeLogFileRequest {
+  /** 服务端签发的日志文件标识 */
+  file_id: string;
+}

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

@@ -27,15 +27,16 @@
 <script setup lang="ts">
 import SwaggerUIBundle from "swagger-ui-dist/swagger-ui-bundle.js";
 import "swagger-ui-dist/swagger-ui.css";
+import { DEFAULT_LOCALE, t, useLocaleStore } from "@liujitcn/kratos-admin-core";
 import { getLocaleRequestHeaders, getRequestAccessToken } from "@liujitcn/kratos-admin-core/request";
 import { defBaseApiService } from "@liujitcn/kratos-admin-system/api/system/base_api";
 import type { OpenApiServiceOption } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_api";
-import { t } from "@liujitcn/kratos-admin-core";
 
 const swaggerRootRef = ref<HTMLElement>();
 const loading = ref(true);
 const documents = ref<OpenApiServiceOption[]>([]);
 const selectedDocumentKey = ref("");
+const { locale } = useLocaleStore();
 
 /** 初始化携带当前登录令牌的 Swagger UI。 */
 function initializeSwaggerUI(documentKey: string) {
@@ -44,9 +45,10 @@ function initializeSwaggerUI(documentKey: string) {
 
   loading.value = true;
   swaggerRoot.replaceChildren();
+  const localePath = locale.value === DEFAULT_LOCALE ? "" : `/${encodeURIComponent(locale.value)}`;
   SwaggerUIBundle({
     domNode: swaggerRoot,
-    url: `/api/docs/openapi/${encodeURIComponent(documentKey)}`,
+    url: `/api/docs/openapi/${encodeURIComponent(documentKey)}${localePath}`,
     deepLinking: true,
     displayOperationId: true,
     displayRequestDuration: true,
@@ -84,16 +86,18 @@ function handleDocumentChange(documentKey: string) {
 
 /** 加载可访问的 OpenAPI 文档并初始化默认文档。 */
 async function loadOpenAPIDocuments() {
+  loading.value = true;
   try {
     const response = await defBaseApiService.OptionOpenApiService({});
     documents.value = response.list;
-    const defaultDocument = response.list[0];
-    if (!defaultDocument) {
+    const selectedDocument = response.list.find(document => document.key === selectedDocumentKey.value) ?? response.list[0];
+    if (!selectedDocument) {
+      selectedDocumentKey.value = "";
       loading.value = false;
       return;
     }
-    selectedDocumentKey.value = defaultDocument.key;
-    initializeSwaggerUI(defaultDocument.key);
+    selectedDocumentKey.value = selectedDocument.key;
+    initializeSwaggerUI(selectedDocument.key);
   } catch {
     loading.value = false;
   }
@@ -103,6 +107,10 @@ onMounted(() => {
   loadOpenAPIDocuments();
 });
 
+watch(locale, () => {
+  loadOpenAPIDocuments();
+});
+
 onBeforeUnmount(() => {
   swaggerRootRef.value?.replaceChildren();
 });

package/dist/package/src/views/tool/code-gen/code-preview/index.vue

@@ -134,6 +134,23 @@ async function handleGenerate() {
     ElMessage.warning(t("system.code.gen.table.message.disabled", { name: table.value.name }));
     return;
   }
+  if (missingTranslations.value.length) {
+    try {
+      await ElMessageBox.alert(
+        t("system.code.gen.preview.message.missing_translations", {
+          items: missingTranslations.value.join(t("system.code.gen.preview.value.list_separator"))
+        }),
+        t("common.title.warning"),
+        {
+          confirmButtonText: t("common.action.close"),
+          type: "warning"
+        }
+      );
+    } catch {
+      // 关闭提示框与点击关闭按钮语义一致。
+    }
+    return;
+  }
   try {
     await ElMessageBox.confirm(
       t("system.code.gen.table.dialog.generate_one", { name: table.value.name }),

package/dist/package/src/views/tool/code-gen/components/CodeGenLocaleEditor.vue

@@ -17,26 +17,57 @@
           {{ t("system.code.gen.i18n.status.missing") }}
         </el-tag>
       </div>
-      <el-input
-        :model-value="localeValue(locale.value).comment"
-        :placeholder="t('system.code.gen.i18n.placeholder.comment', { source: sourceComment || '-' })"
-        maxlength="255"
-        @update:model-value="value => updateLocale(locale.value, 'comment', value)"
-      />
-      <el-input
-        v-if="showLeftTreeComment"
-        :model-value="localeValue(locale.value).left_tree_comment"
-        :placeholder="t('system.code.gen.i18n.placeholder.left_tree_comment', { source: sourceLeftTreeComment || '-' })"
-        maxlength="255"
-        @update:model-value="value => updateLocale(locale.value, 'left_tree_comment', value)"
-      />
+      <div class="code-gen-locale-editor__control">
+        <el-input
+          :model-value="localeValue(locale.value).comment"
+          :placeholder="t('system.code.gen.i18n.placeholder.comment', { source: sourceComment || '-' })"
+          :disabled="isTranslating(locale.value, 'comment')"
+          maxlength="255"
+          @update:model-value="value => updateLocale(locale.value, 'comment', value)"
+        />
+        <el-button
+          class="code-gen-locale-editor__translate"
+          link
+          type="primary"
+          size="small"
+          :icon="Promotion"
+          :loading="isTranslating(locale.value, 'comment')"
+          :disabled="!canTranslate(locale.value, 'comment', sourceComment)"
+          @click="handleTranslate(locale.value, 'comment', sourceComment, locale.label)"
+        >
+          {{ t("system.base.translation.action.translate") }}
+        </el-button>
+      </div>
+      <div v-if="showLeftTreeComment" class="code-gen-locale-editor__control">
+        <el-input
+          :model-value="localeValue(locale.value).left_tree_comment"
+          :placeholder="t('system.code.gen.i18n.placeholder.left_tree_comment', { source: sourceLeftTreeComment || '-' })"
+          :disabled="isTranslating(locale.value, 'left_tree_comment')"
+          maxlength="255"
+          @update:model-value="value => updateLocale(locale.value, 'left_tree_comment', value)"
+        />
+        <el-button
+          class="code-gen-locale-editor__translate"
+          link
+          type="primary"
+          size="small"
+          :icon="Promotion"
+          :loading="isTranslating(locale.value, 'left_tree_comment')"
+          :disabled="!canTranslate(locale.value, 'left_tree_comment', sourceLeftTreeComment)"
+          @click="handleTranslate(locale.value, 'left_tree_comment', sourceLeftTreeComment, locale.label)"
+        >
+          {{ t("system.base.translation.action.translate") }}
+        </el-button>
+      </div>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { computed } from "vue";
+import { computed, ref } from "vue";
+import { Promotion } from "@element-plus/icons-vue";
 import { t } from "@liujitcn/kratos-admin-core";
+import { defBaseI18nService } from "@liujitcn/kratos-admin-system/api/system/base_i18n";
 import { loadEnabledBaseLanguages, useEnabledBaseLanguages } from "@liujitcn/kratos-admin-system/api/system/base_language";
 import type { CodeGenLocaleConfig } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_i18n";
 
@@ -63,6 +94,7 @@ const emit = defineEmits<{
 }>();
 
 const { languages } = useEnabledBaseLanguages();
+const translatingField = ref("");
 void loadEnabledBaseLanguages();
 
 const editableLocales = computed(() =>
@@ -92,6 +124,33 @@ function updateLocale(locale: string, field: keyof CodeGenLocaleConfig, value: s
   next.set(locale, { ...localeValue(locale), [field]: value });
   emit("update:modelValue", next);
 }
+
+/** 判断指定语言字段是否正在翻译。 */
+function isTranslating(locale: string, field: keyof CodeGenLocaleConfig) {
+  return translatingField.value === `${locale}:${field}`;
+}
+
+/** 判断指定语言字段当前是否允许自动翻译。 */
+function canTranslate(locale: string, field: keyof CodeGenLocaleConfig, source: string) {
+  return Boolean(source) && !localeValue(locale)[field] && !translatingField.value;
+}
+
+/** 翻译指定语言的单个代码生成描述。 */
+async function handleTranslate(locale: string, field: keyof CodeGenLocaleConfig, source: string, language: string) {
+  if (!canTranslate(locale, field, source)) return;
+  translatingField.value = `${locale}:${field}`;
+  try {
+    const response = await defBaseI18nService.DraftBaseTranslation({ source, locale });
+    const translation = response.translations.find(item => item.locale === locale)?.translation;
+    if (!translation) throw new Error("translation not found");
+    updateLocale(locale, field, translation);
+    ElMessage.success(t("system.base.translation.message.translate_success", { language }));
+  } catch {
+    ElMessage.error(t("system.base.translation.message.translate_failed", { language }));
+  } finally {
+    translatingField.value = "";
+  }
+}
 </script>
 
 <style scoped lang="scss">
@@ -115,4 +174,27 @@ function updateLocale(locale: string, field: keyof CodeGenLocaleConfig, value: s
   font-weight: 600;
   color: var(--el-text-color-primary);
 }
+
+.code-gen-locale-editor__control {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+
+.code-gen-locale-editor__control :deep(.el-input) {
+  flex: 1;
+}
+
+.code-gen-locale-editor__control :deep(.el-input__suffix) {
+  padding-right: 78px;
+}
+
+.code-gen-locale-editor__translate {
+  position: absolute;
+  z-index: 1;
+  top: 50%;
+  right: 8px;
+  transform: translateY(-50%);
+}
 </style>

package/dist/package/src/views/tool/code-gen/table/index.vue

@@ -588,6 +588,38 @@ async function handleGenerate(selected: CodeGenGenerateTarget) {
     ElMessage.warning(t("system.code.gen.table.message.disabled", { name: disabledTable.name }));
     return;
   }
+  generating.value = true;
+  let missingTranslations: string[] = [];
+  try {
+    const previewEntries = await Promise.all(
+      tables.map(async table => ({
+        table,
+        preview: await defCodeGenService.PreviewCodeGen({ table_id: table.id, output_paths: undefined })
+      }))
+    );
+    missingTranslations = previewEntries.flatMap(({ table, preview }) =>
+      (preview.missing_translations ?? []).map(item => (tables.length === 1 ? item : `${table.name}: ${item}`))
+    );
+  } finally {
+    generating.value = false;
+  }
+  if (missingTranslations.length) {
+    try {
+      await ElMessageBox.alert(
+        t("system.code.gen.preview.message.missing_translations", {
+          items: missingTranslations.join(t("system.code.gen.preview.value.list_separator"))
+        }),
+        t("common.title.warning"),
+        {
+          confirmButtonText: t("common.action.close"),
+          type: "warning"
+        }
+      );
+    } catch {
+      // 关闭提示框与点击关闭按钮语义一致。
+    }
+    return;
+  }
   const message =
     tables.length === 1
       ? t("system.code.gen.table.dialog.generate_one", { name: tables[0].name })

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

@@ -189,10 +189,22 @@
             <code>{{ node.name }}</code>
             <div class="ops-node-meters">
               <div v-for="metric in node.metrics" :key="metric.label" class="ops-meter">
-                <span>{{ metric.label }}</span
-                ><el-progress :percentage="metric.value" :show-text="false" :color="metric.color" /><strong
-                  >{{ metric.value }}%</strong
-                >
+                <div class="ops-meter-head">
+                  <span class="ops-meter-label">{{ metric.label }}</span>
+                  <span class="ops-meter-stats">
+                    <span>
+                      {{ t("system.ops_monitoring.node_metric.current") }} {{ metric.usedLabel }} /
+                      {{ t("system.ops_monitoring.node_metric.total") }} {{ metric.totalLabel }}
+                    </span>
+                    <strong>{{ metric.percentageLabel }}</strong>
+                  </span>
+                </div>
+                <el-progress
+                  :percentage="metric.percentage"
+                  :show-text="false"
+                  :stroke-width="10"
+                  :color="metric.color"
+                />
               </div>
             </div>
           </div>
@@ -278,12 +290,28 @@ interface EndpointItem {
   healthy: boolean;
 }
 
-/** 实例资源指标。 */
+/** 实例资源单项指标。 */
+interface NodeMetricItem {
+  /** 指标名称。 */
+  label: string;
+  /** 指标使用百分比。 */
+  percentage: number;
+  /** 两位小数百分比。 */
+  percentageLabel: string;
+  /** 当前已用容量。 */
+  usedLabel: string;
+  /** 总容量。 */
+  totalLabel: string;
+  /** 进度条颜色。 */
+  color: string;
+}
+
+/** 实例资源信息。 */
 interface NodeItem {
   /** 实例名称。 */
   name: string;
   /** 实例资源指标。 */
-  metrics: Array<{ label: string; value: number; color: string }>;
+  metrics: NodeMetricItem[];
 }
 
 /** 折线图中的流量趋势点。 */
@@ -334,6 +362,12 @@ 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 byteUnits = ["B", "KB", "MB", "GB", "TB", "PB"];
 const trafficSummary = computed(() => traffic.value?.traffic);
 
 const kpiItems = computed<KpiItem[]>(() => [
@@ -579,14 +613,46 @@ function mapEndpoint(endpoint: OpsEndpoint): EndpointItem {
 function mapNode(node: OpsNode): NodeItem {
   return {
     name: node.name,
-    metrics: (node.metrics ?? []).map(metric => ({
-      label: metric.label,
-      value: Math.max(0, Math.min(metric.value, 100)),
-      color: metric.value >= 70 ? "var(--el-color-warning)" : "var(--el-color-primary)"
-    }))
+    metrics: (node.metrics ?? []).map(metric => {
+      const percentage = Math.max(0, Math.min(metric.value, 100));
+      return {
+        label: translateNodeMetricLabel(metric.label),
+        percentage,
+        percentageLabel: `${formatFixedNumber(percentage)}%`,
+        usedLabel: formatBytes(metric.used_bytes),
+        totalLabel: formatBytes(metric.total_bytes),
+        color: percentage >= 70 ? "var(--el-color-warning)" : "var(--el-color-primary)"
+      };
+    })
   };
 }
 
+/** 将字节数格式化为保留两位小数的可读容量。 */
+function formatBytes(value: number) {
+  if (!Number.isFinite(value) || value < 0) return "--";
+  let unitIndex = 0;
+  let displayValue = value;
+  while (displayValue >= 1024 && unitIndex < byteUnits.length - 1) {
+    displayValue /= 1024;
+    unitIndex += 1;
+  }
+  return `${formatFixedNumber(displayValue)} ${byteUnits[unitIndex]}`;
+}
+
+/** 将数值格式化为固定两位小数。 */
+function formatFixedNumber(value: number) {
+  return new Intl.NumberFormat(getCurrentLocale(), {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }).format(value);
+}
+
+/** 翻译实例资源指标名称，未知指标保留后端原值。 */
+function translateNodeMetricLabel(label: string) {
+  const localeKey = nodeMetricLabelKeys[label];
+  return localeKey ? t(localeKey) : label;
+}
+
 function mapAlert(alert: OpsAlert) {
   return {
     title: alert.title,
@@ -654,6 +720,7 @@ onBeforeUnmount(stopMonitoring);
 .ops-panel,
 .ops-storage-card,
 .ops-alert-panel {
+  min-width: 0;
   background: var(--ops-card-bg);
   border: 1px solid var(--ops-card-border);
   border-radius: var(--admin-page-radius);
@@ -934,7 +1001,7 @@ onBeforeUnmount(stopMonitoring);
   margin-bottom: 12px;
 }
 .ops-storage-grid {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
+  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.9fr);
 }
 .ops-storage-card {
   min-width: 0;
@@ -1040,37 +1107,70 @@ onBeforeUnmount(stopMonitoring);
 .ops-node-list {
   display: grid;
   gap: 16px;
+  min-width: 0;
   padding-top: 3px;
 }
 .ops-node-row {
   display: grid;
-  grid-template-columns: 95px minmax(0, 1fr);
-  gap: 10px;
-  align-items: center;
+  grid-template-columns: minmax(110px, 0.24fr) minmax(0, 1fr);
+  gap: 18px;
+  align-items: start;
+  min-width: 0;
 }
 .ops-node-row > code {
+  overflow: hidden;
   font-family: var(--el-font-family-monospace);
   font-size: 11px;
   color: var(--ops-text-secondary);
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .ops-node-meters {
   display: grid;
-  gap: 7px;
+  gap: 13px;
+  min-width: 0;
 }
 .ops-meter {
   display: grid;
-  grid-template-columns: 34px minmax(0, 1fr) 35px;
   gap: 7px;
-  align-items: center;
-  font-size: 10px;
+  min-width: 0;
+  font-size: 11px;
   color: var(--ops-text-placeholder);
 }
-.ops-meter strong {
-  font-size: 11px;
-  font-weight: 500;
+.ops-meter-head,
+.ops-meter-stats {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px 10px;
+  min-width: 0;
+  align-items: center;
+  justify-content: space-between;
+}
+.ops-meter-label {
+  flex: none;
+  font-weight: 600;
   color: var(--ops-text-secondary);
+}
+.ops-meter-stats {
+  flex: 1;
+  justify-content: flex-end;
   text-align: right;
 }
+.ops-meter-stats > span {
+  overflow-wrap: anywhere;
+}
+.ops-meter-stats strong {
+  flex: none;
+  font-size: 11px;
+  font-weight: 650;
+  color: var(--ops-text-secondary);
+  font-variant-numeric: tabular-nums;
+}
+.ops-meter :deep(.el-progress),
+.ops-meter :deep(.el-progress-bar) {
+  min-width: 0;
+  width: 100%;
+}
 .ops-alert-panel {
   margin-bottom: 0;
 }
@@ -1125,6 +1225,7 @@ onBeforeUnmount(stopMonitoring);
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
   .ops-primary-grid,
+  .ops-storage-grid,
   .ops-secondary-grid {
     grid-template-columns: 1fr;
   }
@@ -1159,8 +1260,13 @@ onBeforeUnmount(stopMonitoring);
     margin-left: 54px;
   }
   .ops-node-row {
-    grid-template-columns: 82px minmax(0, 1fr);
-    gap: 7px;
+    grid-template-columns: 1fr;
+    gap: 10px;
+  }
+  .ops-meter-stats {
+    flex-basis: 100%;
+    justify-content: flex-start;
+    text-align: left;
   }
   .ops-alert-row {
     grid-template-columns: 8px minmax(0, 1fr);