@liujitcn/kratos-admin-system 0.0.26 → 0.0.27

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

@@ -272,7 +272,7 @@
     <ProDialog
       v-model="optionDialog.visible"
       :title="optionDialogTitle"
-      width="min(560px, calc(100vw - 32px))"
+      width="560px"
       destroy-on-close
       :show-close="false"
       :close-on-click-modal="false"
@@ -1287,7 +1287,6 @@ onBeforeUnmount(() => {
   border-radius: var(--admin-page-radius);
   box-shadow: var(--admin-page-shadow);
 }
-
 :deep(.code-gen-toolbar) {
   display: flex;
   flex-wrap: wrap;
@@ -1296,13 +1295,11 @@ onBeforeUnmount(() => {
   justify-content: flex-end;
   margin-bottom: 14px;
 }
-
 .code-gen-column-pane {
   display: flex;
   flex-direction: column;
   gap: 14px;
 }
-
 .code-gen-column-toolbar {
   justify-content: space-between;
   padding: 12px 14px;
@@ -1310,7 +1307,6 @@ onBeforeUnmount(() => {
   border: 1px solid var(--admin-page-card-border-soft);
   border-radius: var(--admin-page-radius);
 }
-
 .code-gen-column-toolbar__meta {
   display: flex;
   flex-wrap: wrap;
@@ -1319,54 +1315,45 @@ onBeforeUnmount(() => {
   min-width: 0;
   color: var(--admin-page-text-secondary);
 }
-
 .code-gen-column-toolbar__meta strong {
   font-size: 14px;
   color: var(--admin-page-text-primary);
 }
-
 .code-gen-column-toolbar__meta span {
   padding: 3px 8px;
   overflow: hidden;
+  text-overflow: ellipsis;
   font-size: 12px;
   line-height: 18px;
-  text-overflow: ellipsis;
   white-space: nowrap;
   background: var(--admin-page-card-bg);
   border: 1px solid var(--admin-page-card-border-soft);
   border-radius: 999px;
 }
-
 .code-gen-column-toolbar__table-name {
   max-width: 220px;
 }
-
 .code-gen-column-toolbar__table-comment {
   max-width: 280px;
 }
-
 .code-gen-column-toolbar__actions {
   display: flex;
-  gap: 8px;
   flex-shrink: 0;
+  gap: 8px;
   margin-left: auto;
 }
-
 .code-gen-column-table {
   overflow: hidden;
   border-radius: var(--admin-page-radius);
 }
-
 :deep(.code-gen-column-table .el-table__header th) {
   color: var(--admin-page-text-secondary);
   background: var(--admin-page-card-bg-soft);
 }
-
 :deep(.code-gen-column-table .el-table__cell) {
   padding: 8px 0;
   vertical-align: middle;
 }
-
 .code-gen-field-cell,
 .code-gen-field-trigger,
 .code-gen-field-order {
@@ -1375,48 +1362,39 @@ onBeforeUnmount(() => {
   align-items: center;
   min-width: 0;
 }
-
 .code-gen-field-cell {
   justify-content: space-between;
 }
-
 .code-gen-field-trigger {
   flex: 1;
   min-height: 28px;
   cursor: help;
 }
-
 .code-gen-field-order {
-  gap: 4px;
   flex-shrink: 0;
+  gap: 4px;
 }
-
 .code-gen-field-order__index {
   min-width: 18px;
   font-size: 12px;
   color: var(--admin-page-text-secondary);
   text-align: right;
 }
-
 .code-gen-field-order__drag {
   width: 24px;
   height: 24px;
   padding: 0;
   cursor: grab;
 }
-
 .code-gen-field-order__drag:active {
   cursor: grabbing;
 }
-
 :deep(.code-gen-column-sortable-ghost > td) {
   background: var(--admin-page-card-bg-soft);
 }
-
 :deep(.code-gen-column-sortable-chosen > td) {
   background: var(--admin-page-card-bg-soft);
 }
-
 .code-gen-config-cell,
 .code-gen-comment-editor,
 .code-gen-static-options__header,
@@ -1426,54 +1404,45 @@ onBeforeUnmount(() => {
   gap: 8px;
   align-items: center;
 }
-
 .code-gen-comment-editor {
   flex-wrap: nowrap;
 }
-
 .code-gen-comment-editor .el-input {
   min-width: 0;
 }
-
 .code-gen-field-trigger__name {
   flex-shrink: 0;
   max-width: 135px;
   overflow: hidden;
+  text-overflow: ellipsis;
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
   font-size: 13px;
   font-weight: 700;
   color: var(--admin-page-text-primary);
-  text-overflow: ellipsis;
   white-space: nowrap;
 }
-
 .code-gen-field-popover {
   display: grid;
   gap: 12px;
 }
-
 .code-gen-field-popover__header {
   display: grid;
   gap: 3px;
 }
-
 .code-gen-field-popover__header strong,
 .code-gen-field-popover__types b {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
   color: var(--admin-page-text-primary);
 }
-
 .code-gen-field-popover__header span {
   font-size: 12px;
   color: var(--admin-page-text-secondary);
 }
-
 .code-gen-field-popover__types {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 7px 12px;
 }
-
 .code-gen-field-popover__types div {
   display: grid;
   grid-template-columns: 52px minmax(0, 1fr);
@@ -1482,40 +1451,33 @@ onBeforeUnmount(() => {
   min-width: 0;
   font-size: 12px;
 }
-
 .code-gen-field-popover__types span {
   color: var(--admin-page-text-secondary);
 }
-
 .code-gen-field-popover__types b {
   overflow: hidden;
-  font-size: 12px;
   text-overflow: ellipsis;
+  font-size: 12px;
   white-space: nowrap;
 }
-
 .code-gen-field-popover__flags {
   display: flex;
+  flex-wrap: wrap;
   gap: 6px;
   align-items: center;
-  flex-wrap: wrap;
 }
-
 .code-gen-config-cell .el-select {
   width: 124px;
 }
-
 .code-gen-config-cell .el-checkbox {
   margin-right: 0;
 }
-
 .code-gen-option-dialog,
 .code-gen-static-options,
 .code-gen-static-options__list {
   display: grid;
   gap: 10px;
 }
-
 .code-gen-config-dialog__header {
   display: flex;
   gap: 12px;
@@ -1523,41 +1485,34 @@ onBeforeUnmount(() => {
   justify-content: space-between;
   width: 100%;
 }
-
 .code-gen-popover-form__row {
   display: grid;
   grid-template-columns: 92px minmax(0, 1fr);
   gap: 10px;
   align-items: center;
 }
-
 .code-gen-popover-form__label {
   font-size: 12px;
   color: var(--admin-page-text-secondary);
 }
-
 .code-gen-static-options {
   padding-top: 2px;
 }
-
 .code-gen-static-options__header {
   justify-content: space-between;
 }
-
 .code-gen-static-options__item {
   flex-wrap: nowrap;
 }
-
 .code-gen-static-options__item .el-input {
   min-width: 0;
 }
 
 @media (width <= 900px) {
   .code-gen-column-toolbar {
-    align-items: flex-start;
     flex-direction: column;
+    align-items: flex-start;
   }
-
   .code-gen-column-toolbar__actions {
     margin-left: 0;
   }

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

@@ -38,7 +38,7 @@
 import { computed } from "vue";
 import { t } from "@liujitcn/kratos-admin-core";
 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_translation";
+import type { CodeGenLocaleConfig } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_i18n";
 
 /** 代码生成多语言编辑器属性。 */
 interface CodeGenLocaleEditorProps {

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

@@ -2,7 +2,7 @@
   <ProDialog
     :model-value="modelValue"
     :title="t('system.code.gen.progress.title')"
-    width="min(1080px, 94vw)"
+    width="1080px"
     top="4vh"
     :close-on-click-modal="false"
     :show-footer="false"
@@ -287,7 +287,6 @@ onBeforeUnmount(stopTracking);
 .progress-dialog {
   min-height: 220px;
 }
-
 .task-heading,
 .table-heading,
 .task-meta {
@@ -295,40 +294,33 @@ onBeforeUnmount(stopTracking);
   gap: 12px;
   align-items: center;
 }
-
 .task-heading {
   justify-content: space-between;
   margin-bottom: 14px;
 }
-
 .task-heading > div {
   display: flex;
   gap: 12px;
   align-items: baseline;
 }
-
 .task-meta {
   flex-wrap: wrap;
   justify-content: space-between;
   margin: 10px 0 18px;
-  color: var(--el-text-color-secondary);
   font-size: 13px;
+  color: var(--el-text-color-secondary);
 }
-
 .table-progress-list {
   max-height: 54vh;
   overflow: auto;
 }
-
 .table-heading {
   width: 100%;
   padding-right: 16px;
 }
-
 .table-heading strong {
   margin-right: auto;
 }
-
 .table-message {
   display: flex;
   gap: 6px;
@@ -336,11 +328,10 @@ onBeforeUnmount(stopTracking);
   margin: 0 0 10px;
   color: var(--el-text-color-secondary);
 }
-
 .table-message span {
   min-width: 0;
+  overflow-wrap: break-word;
   white-space: pre-wrap;
-  word-break: break-word;
 }
 </style>
 

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

@@ -54,7 +54,7 @@
         v-model="dialog.visible"
         ref="formDialogRef"
         :title="dialogTitle"
-        width="min(920px, calc(100vw - 32px))"
+        width="920px"
         top="4vh"
         :model="previewFormModel"
         :fields="formFields"
@@ -837,32 +837,29 @@ onMounted(() => {
   display: flex;
   flex-direction: column;
   width: 100%;
-  height: 100%;
   min-width: 0;
+  height: 100%;
   min-height: 0;
   overflow: hidden;
 }
-
 .code-gen-page-preview__table,
 .code-gen-left-tree-preview {
   min-width: 0;
   min-height: 0;
   overflow: hidden;
 }
-
 .code-gen-left-tree-preview__table {
   min-width: 0;
   min-height: 0;
 }
-
 :deep(.code-gen-page-preview-table) {
   --el-table-header-bg-color: var(--el-fill-color-light);
 }
 
 @media (width <= 768px) {
   :deep(.el-dialog .el-col-12) {
-    max-width: 100%;
     flex: 0 0 100%;
+    max-width: 100%;
   }
 }
 </style>

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

@@ -87,7 +87,7 @@
     <ProDialog
       v-model="configDialog.visible"
       :title="configDialogTitle"
-      width="min(520px, calc(100vw - 32px))"
+      width="520px"
       destroy-on-close
       :show-close="false"
       :close-on-click-modal="false"
@@ -599,7 +599,6 @@ onMounted(() => {
   border-radius: var(--admin-page-radius);
   box-shadow: var(--admin-page-shadow);
 }
-
 .code-gen-config-dialog__header {
   display: flex;
   gap: 12px;
@@ -607,7 +606,6 @@ onMounted(() => {
   justify-content: space-between;
   width: 100%;
 }
-
 :deep(.code-gen-toolbar) {
   display: flex;
   flex-wrap: wrap;
@@ -667,6 +665,7 @@ onMounted(() => {
   flex-wrap: wrap;
   gap: 8px;
   align-items: center;
+
   /* 多行单元格与列标题保持居中，避免文本继承居中而 Flex 子项贴左。 */
   justify-content: center;
   min-width: 0;
@@ -693,14 +692,14 @@ onMounted(() => {
   flex-direction: column;
   gap: 2px;
   min-width: 0;
-  cursor: pointer;
   text-align: left;
+  cursor: pointer;
 }
 .code-gen-proto-capability-trigger__comment {
   overflow: hidden;
   text-overflow: ellipsis;
-  white-space: nowrap;
   color: var(--admin-page-text-primary);
+  white-space: nowrap;
 }
 .code-gen-proto-capability-popover {
   display: flex;
@@ -709,8 +708,8 @@ onMounted(() => {
 }
 .code-gen-proto-capability-popover__preview {
   max-width: 100%;
-  margin: 0;
   padding: 10px;
+  margin: 0;
   overflow-x: auto;
   font-size: 12px;
   line-height: 18px;
@@ -730,8 +729,8 @@ onMounted(() => {
 }
 .code-gen-proto-capability-popover__item code {
   min-width: 0;
-  overflow-wrap: anywhere;
   color: var(--admin-page-text-primary);
+  overflow-wrap: anywhere;
 }
 .code-gen-proto-capability-popover__item .code-gen-proto-capability-popover__path {
   display: block;
@@ -742,8 +741,8 @@ onMounted(() => {
 }
 .code-gen-proto-capability-popover__value {
   min-width: 0;
-  overflow-wrap: anywhere;
   color: var(--admin-page-text-primary);
+  overflow-wrap: anywhere;
 }
 .code-gen-proto-config-form :deep(.el-select) {
   width: 100%;

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

@@ -15,7 +15,8 @@
       v-model="dialog.visible"
       ref="formDialogRef"
       :title="dialogTitle"
-      width="min(920px, calc(100vw - 32px))"
+      width="920px"
+      label-width="240px"
       top="4vh"
       :model="formData"
       :fields="formFields"
@@ -936,7 +937,6 @@ function ensureLeftTreeConfig() {
 /* 固定操作列表头与普通表头使用同一主题背景，并保持行内操作单行展示。 */
 :deep(.code-gen-table) {
   --el-table-header-bg-color: var(--el-fill-color-light);
-
   td.el-table-fixed-column--right .cell {
     white-space: nowrap;
   }

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

@@ -225,15 +225,8 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onBeforeUnmount, onMounted, ref } from "vue";
+import { computed, onActivated, onBeforeUnmount, onDeactivated, onMounted, ref } from "vue";
 import { defOpsMonitoringService } from "@liujitcn/kratos-admin-system/api/system/ops_monitoring";
-import {
-  subscribeOpsMonitoringNodes,
-  subscribeOpsMonitoringServices,
-  subscribeOpsMonitoringStorage,
-  subscribeOpsMonitoringTraffic,
-  type OpsMonitoringSseStop
-} from "@liujitcn/kratos-admin-system/api/system/ops_monitoring_sse";
 import { getCurrentLocale, t } from "@liujitcn/kratos-admin-core";
 import type {
   OpsAlert,
@@ -438,7 +431,9 @@ const alertItems = computed(() => (alerts.value?.alerts ?? []).map(mapAlert));
 const serviceCount = computed(() => availabilityItems.value.length);
 const onlineCount = computed(() => availabilityItems.value.filter(item => item.tone === "ok").length);
 
-let sseStops: OpsMonitoringSseStop[] = [];
+let monitoringTimer: number | undefined;
+let monitoringActive = false;
+let monitoringRun = 0;
 
 async function loadMonitoring() {
   loading.value = true;
@@ -495,18 +490,23 @@ function updateCollectedAt(value?: string) {
   if (value) lastCollectedAt.value = value;
 }
 
-function subscribeRealtime() {
-  sseStops = [
-    subscribeOpsMonitoringTraffic(setTraffic),
-    subscribeOpsMonitoringServices(setServices),
-    subscribeOpsMonitoringStorage(setStorage),
-    subscribeOpsMonitoringNodes(setNodes)
-  ];
+async function startMonitoring() {
+  if (monitoringActive) return;
+  monitoringActive = true;
+  const run = ++monitoringRun;
+  await loadMonitoring();
+  if (!monitoringActive || run !== monitoringRun) return;
+  monitoringTimer = window.setInterval(() => {
+    if (!loading.value) void loadMonitoring();
+  }, 5000);
 }
 
-function stopRealtime() {
-  sseStops.forEach(stop => stop());
-  sseStops = [];
+function stopMonitoring() {
+  monitoringActive = false;
+  monitoringRun += 1;
+  if (monitoringTimer === undefined) return;
+  window.clearInterval(monitoringTimer);
+  monitoringTimer = undefined;
 }
 
 function formatNumber(value?: number) {
@@ -596,12 +596,10 @@ function mapAlert(alert: OpsAlert) {
   };
 }
 
-onMounted(async () => {
-  await loadMonitoring();
-  subscribeRealtime();
-});
-
-onBeforeUnmount(stopRealtime);
+onMounted(startMonitoring);
+onActivated(startMonitoring);
+onDeactivated(stopMonitoring);
+onBeforeUnmount(stopMonitoring);
 </script>
 
 <style scoped lang="scss">

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@liujitcn/kratos-admin-system",
   "private": false,
-  "version": "0.0.26",
+  "version": "0.0.27",
   "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.26"
+    "@liujitcn/kratos-admin-core": "0.0.27"
   },
   "peerDependencies": {
     "@element-plus/icons-vue": "^2.3.1",

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

@@ -1,10 +0,0 @@
-import type { Empty } from "@liujitcn/kratos-admin-system/rpc/google/protobuf/empty";
-import type { BaseTranslationService, DraftBaseTranslationRequest, DraftBaseTranslationResponse, UpdateBaseTranslationRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_translation";
-/** BaseTranslationServiceImpl Admin 单条动态翻译服务。 */
-export declare class BaseTranslationServiceImpl implements BaseTranslationService {
-    /** DraftBaseTranslation 翻译请求中的单个文本。 */
-    DraftBaseTranslation(request: DraftBaseTranslationRequest): Promise<DraftBaseTranslationResponse>;
-    /** UpdateBaseTranslation 修改或新增单条翻译信息。 */
-    UpdateBaseTranslation(request: UpdateBaseTranslationRequest): Promise<Empty>;
-}
-export declare const defBaseTranslationService: BaseTranslationServiceImpl;