@liujitcn/kratos-admin-system 0.0.93 → 0.0.95

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

@@ -140,6 +140,8 @@ export interface OpsServiceStatus {
     message: string;
     /** 探测耗时，单位毫秒 */
     latency_ms: number;
+    /** 服务运行指标 */
+    metrics: OpsMetric[];
 }
 /** 数据存储状态。 */
 export interface OpsStorage {

package/dist/package/src/components/tenant-project/tenant-project-scope.ts

@@ -106,6 +106,11 @@ export function useTenantProjectScope(options: TenantProjectScopeOptions = {}):
     return result;
   }
 
+  // SearchFormItem 会把 v-model 的 onUpdate 处理器透传给函数式渲染组件并合并触发，原始选择对象会覆盖
+  // 下方回调写入的字符串值，导致选中后回显 [object Object]，这里固定单一渲染入口并关闭 attrs 透传。
+  const renderScopeSearch = (scope: SearchRenderScope) => renderTenantProjectSearch(scope, loadOptions, treeOptions, allLabel.value);
+  (renderScopeSearch as unknown as { inheritAttrs?: boolean }).inheritAttrs = false;
+
   const column = computed<ColumnProps>(() => ({
     prop: options.projectField ?? "project_id",
     label: scopeLabel.value,
@@ -120,7 +125,7 @@ export function useTenantProjectScope(options: TenantProjectScopeOptions = {}):
     search: {
       key: options.searchKey ?? "tenant_project_tree_value",
       order: options.order ?? 1,
-      render: (scope: SearchRenderScope) => renderTenantProjectSearch(scope, loadOptions, treeOptions, allLabel.value)
+      render: renderScopeSearch
     },
     enum: async () => ({ data: await loadOptions() }),
     isFilterEnum: false

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

@@ -166,6 +166,8 @@ export interface OpsServiceStatus {
   message: string;
   /** 探测耗时，单位毫秒 */
   latency_ms: number;
+  /** 服务运行指标 */
+  metrics: OpsMetric[];
 }
 
 /** 数据存储状态。 */

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

@@ -96,8 +96,15 @@
         </template>
         <div class="ops-summary-list">
           <div v-for="item in availabilityItems" :key="item.label" class="ops-summary-row">
-            <span>{{ item.label }}</span>
-            <strong :class="`is-${item.tone}`"><i />{{ item.value }}</strong>
+            <div class="ops-summary-main">
+              <span>{{ item.label }}</span>
+              <strong :class="`is-${item.tone}`"><i />{{ item.value }}</strong>
+            </div>
+            <div v-if="item.metrics.length" class="ops-summary-metrics">
+              <span v-for="metric in item.metrics" :key="metric.label">
+                <b>{{ metric.label }}</b><em>{{ metric.value }}</em>
+              </span>
+            </div>
           </div>
         </div>
       </el-card>
@@ -229,6 +236,7 @@ import type {
   OpsNode,
   OpsAlertsResponse,
   OpsEndpointsResponse,
+  OpsMetric,
   OpsServicesResponse,
   OpsStorage,
   OpsStorageResponse,
@@ -333,6 +341,8 @@ interface AvailabilityItem {
   value: string;
   /** 状态颜色。 */
   tone: "ok" | "warn";
+  /** 服务运行指标。 */
+  metrics: OpsMetric[];
 }
 
 const loading = ref(false);
@@ -442,7 +452,8 @@ const availabilityItems = computed<AvailabilityItem[]>(() =>
   (services.value?.services ?? []).map(service => ({
     label: service.name,
     value: translateStatus(service.status),
-    tone: isNormalStatus(service.status) ? "ok" : "warn"
+    tone: isNormalStatus(service.status) ? "ok" : "warn",
+    metrics: service.metrics ?? []
   }))
 );
 
@@ -916,11 +927,10 @@ onBeforeUnmount(stopMonitoring);
   margin-top: 5px;
 }
 .ops-summary-row {
-  display: flex;
-  gap: 10px;
-  align-items: center;
-  justify-content: space-between;
+  display: grid;
+  gap: 6px;
   min-height: 40px;
+  padding: 9px 0;
   font-size: 12px;
   color: var(--ops-text-secondary);
   border-bottom: 1px solid var(--el-border-color-lighter);
@@ -947,6 +957,30 @@ onBeforeUnmount(stopMonitoring);
 .ops-summary-row strong.is-warn {
   color: var(--el-color-warning);
 }
+.ops-summary-main {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  justify-content: space-between;
+}
+.ops-summary-metrics {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px 12px;
+  color: var(--ops-text-placeholder);
+  font-size: 11px;
+}
+.ops-summary-metrics span {
+  display: inline-flex;
+  gap: 4px;
+}
+.ops-summary-metrics b {
+  font-weight: 500;
+}
+.ops-summary-metrics em {
+  font-style: normal;
+  color: var(--ops-text-secondary);
+}
 .ops-storage-section {
   margin-bottom: 10px;
 }

package/package.json

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