@liujitcn/kratos-admin-system 0.0.26 → 0.0.28

package/dist/package/src/views/base/user/index.vue

@@ -166,7 +166,7 @@ const formData = reactive<BaseUserFormState>({
   /** 头像 */
   avatar: "",
   /** 用户状态 */
-  status: Status.ENABLE,
+  status: Status.STATUS_ENABLE,
   /** 备注名 */
   remark: ""
 });
@@ -273,8 +273,8 @@ const baseRoleOptions = ref<SelectOptionResponse_Option[]>([]);
 const basePostOptions = ref<SelectOptionResponse_Option[]>([]);
 const tenantOptions = ref<SelectOptionResponse_Option[]>([]);
 const statusOptions = computed<ProFormOption[]>(() => [
-  { label: t("common.status.enabled"), value: Status.ENABLE },
-  { label: t("common.status.disabled"), value: Status.DISABLE }
+  { label: t("common.status.enabled"), value: Status.STATUS_ENABLE },
+  { label: t("common.status.disabled"), value: Status.STATUS_DISABLE }
 ]);
 const resetPwdFields = computed<ProFormField[]>(() => [
   {
@@ -442,8 +442,8 @@ const columns = computed<ColumnProps[]>(() => [
     search: { el: "select" },
     cellType: "status",
     statusProps: {
-      activeValue: Status.ENABLE,
-      inactiveValue: Status.DISABLE,
+      activeValue: Status.STATUS_ENABLE,
+      inactiveValue: Status.STATUS_DISABLE,
       activeText: t("common.status.enabled"),
       inactiveText: t("common.status.disabled"),
       disabled: scope => isProtectedManagementUser(scope.row as BaseUser) || !BUTTONS.value["base:user:status"],
@@ -690,7 +690,7 @@ function resetForm() {
   formData.pwd = "";
   formData.gender = 3;
   formData.avatar = "";
-  formData.status = Status.ENABLE;
+  formData.status = Status.STATUS_ENABLE;
   formData.remark = "";
   baseRoleOptions.value = [];
   basePostOptions.value = [];
@@ -768,8 +768,8 @@ async function handleBeforeSetStatus(row: BaseUser) {
     return false;
   }
 
-  const nextStatus = row.status === Status.ENABLE ? Status.DISABLE : Status.ENABLE;
-  const action = t(nextStatus === Status.ENABLE ? "common.status.enabled" : "common.status.disabled");
+  const nextStatus = row.status === Status.STATUS_ENABLE ? Status.STATUS_DISABLE : Status.STATUS_ENABLE;
+  const action = t(nextStatus === Status.STATUS_ENABLE ? "common.status.enabled" : "common.status.disabled");
   const userName = row.nick_name || row.user_name || `ID:${row.id}`;
   try {
     await ElMessageBox.confirm(t("system.base.user.message.confirm_status", { action, name: userName }), t("common.title.notice"), {

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/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

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