@liujitcn/kratos-admin-system 0.0.38 → 0.0.40

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

@@ -18,7 +18,8 @@
       ref="formDialogRef"
       class="menu-form-dialog"
       :title="t(dialog.editing ? 'system.base.menu.action.edit' : 'system.base.menu.action.create')"
-      width="1180px"
+      width="min(1440px, calc(100vw - 32px))"
+      top="4vh"
       label-width="180px"
       :model="formData"
       :fields="formFields"
@@ -32,11 +33,7 @@
       </template>
 
       <template #i18ns>
-        <DynamicI18nEditor
-          v-model="i18nValues"
-          :source="formData.meta.title"
-          :maxlength="100"
-        />
+        <DynamicI18nEditor v-model="i18nValues" :source="formData.meta.title" :maxlength="100" />
       </template>
 
       <template #apiTransferItem="slotScope">
@@ -452,6 +449,7 @@ const formFields = computed<ProFormField[]>(() => [
   },
   {
     prop: "meta.title",
+    suffixSlotName: "i18ns",
     label: t(
       formData.type === BaseMenuType.BASE_MENU_TYPE_BUTTON ? "system.base.menu.field.button_name" : "system.base.menu.field.title"
     ),
@@ -467,13 +465,6 @@ const formFields = computed<ProFormField[]>(() => [
       )
     })
   },
-  {
-    prop: "i18ns",
-    label: t("system.base.i18n.field.i18ns"),
-    component: "slot",
-    slotName: "i18ns",
-    colSpan: 24
-  },
   {
     prop: "path",
     label: getPathFieldLabel(),
@@ -666,6 +657,7 @@ const formFields = computed<ProFormField[]>(() => [
     slotName: "apiTransferItem",
     options: transferData.value,
     props: {
+      class: "menu-api-transfer",
       filterable: true,
       titles: [t("system.base.menu.value.available_api"), t("system.base.menu.value.selected_api")]
     },
@@ -1002,7 +994,8 @@ function buildSubmitPayload(): BaseMenuForm {
   payload.i18ns = serializeDynamicI18ns(
     i18nValues.value,
     I18nTargetType.I18N_TARGET_TYPE_BASE_MENU_META_TITLE,
-    payload.id
+    payload.id,
+    payload.meta?.title ?? ""
   );
   // 一级菜单在表单中保持空白，提交时仍按接口约定传回根节点标识。
   if (payload.id > 0 && payload.parent_id === undefined) payload.parent_id = 0;
@@ -1145,7 +1138,7 @@ function resetForm(data?: Partial<BaseMenuForm>) {
   formDialogRef.value?.resetFields();
   formDialogRef.value?.clearValidate();
   Object.assign(formData, normalizeMenuForm(data));
-	i18nValues.value = normalizeDynamicI18ns(data?.i18ns as DynamicI18nRecord[] | undefined);
+  i18nValues.value = normalizeDynamicI18ns(data?.i18ns as DynamicI18nRecord[] | undefined);
 }
 
 /** 提交菜单表单，并在成功后关闭弹窗、刷新表格。 */
@@ -1249,3 +1242,73 @@ function handleDeleteMenu(selected?: number | string | Array<number | string> |
   align-items: flex-start;
 }
 </style>
+
+<style lang="scss">
+.menu-form-dialog {
+  .menu-api-transfer {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
+    align-items: center;
+    gap: 16px;
+    width: 100%;
+    .el-transfer-panel {
+      width: 100%;
+      min-width: 0;
+    }
+    .el-transfer__buttons {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+      padding: 0;
+      .el-button {
+        margin: 0;
+      }
+    }
+    .el-transfer-panel__body {
+      height: 360px;
+    }
+    .el-transfer-panel__list.is-filterable {
+      height: 300px;
+    }
+    .el-transfer-panel__item.el-checkbox {
+      align-items: flex-start;
+      height: auto;
+      min-height: 36px;
+      padding-top: 8px;
+      padding-bottom: 8px;
+      .el-checkbox__input {
+        top: 3px;
+      }
+      .el-checkbox__label {
+        display: block;
+        white-space: normal;
+        overflow-wrap: anywhere;
+        line-height: 20px;
+      }
+    }
+  }
+}
+
+@media (max-width: 767px) {
+  .menu-form-dialog {
+    .el-col {
+      flex: 0 0 100%;
+      max-width: 100%;
+    }
+    .el-form-item {
+      flex-direction: column;
+    }
+    .el-form-item__label {
+      justify-content: flex-start;
+      width: auto !important;
+    }
+    .menu-api-transfer {
+      grid-template-columns: minmax(0, 1fr);
+      .el-transfer__buttons {
+        flex-direction: row;
+        justify-content: center;
+      }
+    }
+  }
+}
+</style>

package/dist/package/src/views/base/online-session/index.vue

@@ -0,0 +1,116 @@
+<template>
+  <div class="online-session-page">
+    <el-card class="admin-page-card">
+      <ProTable
+        :key="isDefaultTenant ? 'default-tenant' : 'current-tenant'"
+        ref="proTable"
+        row-key="session_id"
+        :columns="columns"
+        :request-api="requestTable"
+      />
+    </el-card>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from "vue";
+import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
+import type { ColumnProps, EnumProps, ProTableInstance } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
+import { DEFAULT_TENANT_CODE } from "@liujitcn/kratos-admin-core/tenant";
+import { useUserStore } from "@liujitcn/kratos-admin-core/stores/runtime";
+import { useAuthButtons } from "@liujitcn/kratos-admin-core/auth";
+import { buildPageRequest } from "@liujitcn/kratos-admin-core/table";
+import { t } from "@liujitcn/kratos-admin-core";
+import { defBaseTenantService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_tenant";
+import { defBaseSessionService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_session";
+import type { BaseSession, PageOnlineBaseSessionsRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_session";
+
+defineOptions({ name: "BaseOnlineSession", inheritAttrs: false });
+
+const { BUTTONS } = useAuthButtons();
+const proTable = ref<ProTableInstance>();
+const userStore = useUserStore();
+const isDefaultTenant = computed(() => userStore.userInfo.tenant_code === DEFAULT_TENANT_CODE);
+
+const columns = computed<ColumnProps[]>(() => [
+  {
+    prop: "tenant_code",
+    label: t("common.field.tenant"),
+    minWidth: 130,
+    search: isDefaultTenant.value ? { el: "select", props: { filterable: true }, order: 1 } : undefined,
+    enum: requestSessionTenantOptions
+  },
+  {
+    prop: "user_name",
+    label: t("system.base.online_session.field.user_name"),
+    minWidth: 140,
+    search: { el: "input", key: "keyword", order: 2 }
+  },
+  { prop: "client_ip", label: t("system.base.online_session.field.client_ip"), minWidth: 140 },
+  { prop: "device", label: t("system.base.online_session.field.device"), minWidth: 180 },
+  { prop: "user_agent", label: t("system.base.online_session.field.user_agent"), minWidth: 220 },
+  { prop: "issued_at", label: t("system.base.online_session.field.issued_at"), minWidth: 180 },
+  {
+    prop: "operation",
+    label: t("common.field.operation"),
+    width: 100,
+    fixed: "right",
+    cellType: "actions",
+    actions: [
+      {
+        label: t("system.base.online_session.action.revoke"),
+        type: "danger",
+        link: true,
+        icon: SwitchButton,
+        hidden: () => !BUTTONS.value["base:online-session:revoke"],
+        onClick: scope => revokeSession(scope.row as BaseSession)
+      }
+    ]
+  }
+]);
+
+/** 将租户名称映射到会话使用的租户编码，供下拉筛选与表格展示复用。 */
+async function requestSessionTenantOptions() {
+  if (!isDefaultTenant.value) {
+    return { data: [{ value: userStore.userInfo.tenant_code, label: userStore.userInfo.tenant_name }] };
+  }
+  const options: EnumProps[] = [];
+  const pageSize = 100;
+  for (let pageNum = 1; ; pageNum++) {
+    const response = await defBaseTenantService.PageBaseTenant({ code: "", name: "", page_num: pageNum, page_size: pageSize });
+    const tenants = response.base_tenants ?? [];
+    options.push(...tenants.map(tenant => ({ value: tenant.code, label: tenant.name })));
+    if (options.length >= response.total || tenants.length === 0) break;
+  }
+  return { data: options };
+}
+
+/** 查询在线用户会话列表。 */
+async function requestTable(params: Record<string, unknown>) {
+  const response = await defBaseSessionService.PageOnlineBaseSessions(
+    buildPageRequest<PageOnlineBaseSessionsRequest>({
+      ...(params as unknown as PageOnlineBaseSessionsRequest),
+      tenant_code: isDefaultTenant.value ? String(params.tenant_code ?? "") : ""
+    })
+  );
+  return { data: { list: response.sessions ?? [], total: response.total } };
+}
+
+/** 下线指定在线用户会话。 */
+async function revokeSession(row: BaseSession) {
+  await ElMessageBox.confirm(
+    t("system.base.online_session.confirm.revoke", { user_name: row.user_name }),
+    t("common.title.warning"),
+    { type: "warning" }
+  );
+  await defBaseSessionService.RevokeBaseSession({ session_id: row.session_id });
+  ElMessage.success(t("system.base.online_session.message.revoked"));
+  proTable.value?.getTableList();
+}
+</script>
+
+<style scoped lang="scss">
+.online-session-page {
+  min-width: 0;
+}
+</style>

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

@@ -27,7 +27,9 @@
       v-model="dialog.visible"
       ref="formDialogRef"
       :title="t(dialog.editing ? 'system.base.user.action.edit' : 'system.base.user.action.create')"
-      width="800px"
+      width="960px"
+      label-width="120px"
+      :col-span="12"
       :model="formData"
       :fields="formFields"
       :rules="rules"
@@ -400,12 +402,6 @@ const formFields = computed<ProFormField[]>(() => [
     component: "input",
     props: { placeholder: t("common.validation.phone_required") }
   },
-  {
-    prop: "email",
-    label: t("system.base.user.field.email"),
-    component: "input",
-    props: { placeholder: t("system.base.user.placeholder.email") }
-  },
   {
     prop: "id_type",
     label: t("system.base.user.field.id_type"),
@@ -419,10 +415,19 @@ const formFields = computed<ProFormField[]>(() => [
     component: "input",
     props: { placeholder: t("system.base.user.placeholder.id_code") }
   },
+  {
+    prop: "email",
+    label: t("system.base.user.field.email"),
+    component: "input",
+    colSpan: 24,
+    props: { placeholder: t("system.base.user.placeholder.email") }
+  },
   {
     prop: "pwd",
     label: t("system.base.user.field.password"),
     component: "password",
+    rowBreakBefore: true,
+    colSpan: 24,
     props: { placeholder: t("system.base.user.placeholder.password_optional"), showPassword: true },
     visible: model => !model.id
   },
@@ -431,9 +436,15 @@ const formFields = computed<ProFormField[]>(() => [
     label: t("system.base.user.field.password_strength"),
     component: "slot",
     slotName: "passwordStrength",
+    colSpan: 24,
     visible: model => !model.id
   },
-  { prop: "gender", label: t("system.base.user.field.gender"), component: "dict", props: { code: "base_user_gender" } },
+  {
+    prop: "gender",
+    label: t("system.base.user.field.gender"),
+    component: "dict",
+    props: { code: "base_user_gender", style: { width: "100%" } }
+  },
   {
     prop: "status",
     label: t("common.field.status"),
@@ -445,6 +456,7 @@ const formFields = computed<ProFormField[]>(() => [
     prop: "remark",
     label: t("common.field.remark"),
     component: "textarea",
+    colSpan: 24,
     props: { placeholder: t("common.placeholder.remark") }
   }
 ]);

package/dist/package/src/views/profile/components/login-log.vue

@@ -0,0 +1,123 @@
+<template>
+  <el-card class="login-log-card" shadow="never">
+    <template #header>
+      <div class="login-log-header">
+        <div>
+          <h3>{{ t("system.profile.login_log.title") }}</h3>
+          <p>{{ t("system.profile.login_log.description") }}</p>
+        </div>
+        <el-button :loading="loading" @click="refresh">
+          <el-icon><Refresh /></el-icon>
+          {{ t("system.profile.login_log.action.refresh") }}
+        </el-button>
+      </div>
+    </template>
+    <ProTable ref="proTable" row-key="id" :columns="columns" :request-api="requestTable" />
+  </el-card>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from "vue";
+import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
+import type { ColumnProps, ProTableInstance } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
+import { buildPageRequest } from "@liujitcn/kratos-admin-core/table";
+import { t } from "@liujitcn/kratos-admin-core";
+import { defBaseLoginLogService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_login_log";
+import { BaseLogResult } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_log";
+import { BaseLoginLogType } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_login_log";
+import type { BaseLoginLog } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_login_log";
+
+defineOptions({ name: "ProfileLoginLog", inheritAttrs: false });
+
+const proTable = ref<ProTableInstance>();
+const loading = ref(false);
+const loginTypeOptions = computed<Array<[number, string]>>(() => [
+  [BaseLoginLogType.BASE_LOGIN_LOG_TYPE_PASSWORD, t("system.base.log.login_type.password")],
+  [BaseLoginLogType.BASE_LOGIN_LOG_TYPE_OAUTH, t("system.base.log.login_type.oauth")],
+  [BaseLoginLogType.BASE_LOGIN_LOG_TYPE_MFA, t("system.base.log.login_type.mfa")],
+  [BaseLoginLogType.BASE_LOGIN_LOG_TYPE_TOKEN_REFRESH, t("system.base.log.login_type.token_refresh")],
+  [BaseLoginLogType.BASE_LOGIN_LOG_TYPE_LOGOUT, t("system.base.log.login_type.logout")]
+]);
+const resultOptions = computed<Array<[number, string]>>(() => [
+  [BaseLogResult.BASE_LOG_RESULT_SUCCESS, t("system.base.log.result.success")],
+  [BaseLogResult.BASE_LOG_RESULT_FAILURE, t("system.base.log.result.failure")],
+  [BaseLogResult.BASE_LOG_RESULT_ERROR, t("system.base.log.result.error")]
+]);
+const columns = computed<ColumnProps[]>(() => [
+  { prop: "occurred_at", label: t("system.profile.login_log.field.occurred_at"), minWidth: 180 },
+  {
+    prop: "login_type",
+    label: t("system.profile.login_log.field.login_type"),
+    minWidth: 130,
+    render: scope => enumLabel(loginTypeOptions.value, (scope.row as BaseLoginLog).login_type)
+  },
+  {
+    prop: "result",
+    label: t("system.profile.login_log.field.result"),
+    minWidth: 100,
+    render: scope => enumLabel(resultOptions.value, (scope.row as BaseLoginLog).result)
+  },
+  { prop: "client_ip", label: t("system.profile.login_log.field.client_ip"), minWidth: 140 },
+  { prop: "device_id", label: t("system.profile.login_log.field.device_id"), minWidth: 160 },
+  { prop: "reason", label: t("system.profile.login_log.field.reason"), minWidth: 180 }
+]);
+
+/** 查询当前用户的登录记录。 */
+async function requestTable(params: Record<string, unknown>) {
+  const response = await defBaseLoginLogService.PageCurrentUserLoginLog(
+    buildPageRequest({ page_num: Number(params.page_num ?? 1), page_size: Number(params.page_size ?? 10) })
+  );
+  return { data: { list: response.base_login_logs ?? [], total: response.total } };
+}
+
+/** 刷新当前用户的登录记录。 */
+async function refresh() {
+  loading.value = true;
+  try {
+    await proTable.value?.getTableList();
+  } finally {
+    loading.value = false;
+  }
+}
+
+/** 输出枚举显示文本。 */
+function enumLabel(options: Array<[number, string]>, value: number) {
+  return options.find(option => option[0] === value)?.[1] ?? String(value);
+}
+</script>
+
+<style scoped lang="scss">
+.login-log-card {
+  border: 1px solid var(--el-border-color-light);
+  border-radius: var(--admin-page-radius);
+}
+:deep(.login-log-card .el-card__header) {
+  padding: 18px 20px;
+  border-bottom: 1px solid var(--el-border-color-light);
+}
+:deep(.login-log-card .el-card__body) {
+  padding: 20px;
+}
+.login-log-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+.login-log-header h3 {
+  margin: 0;
+  color: var(--el-text-color-primary);
+  font-size: 18px;
+}
+.login-log-header p {
+  margin: 6px 0 0;
+  color: var(--el-text-color-secondary);
+  font-size: 13px;
+}
+@media screen and (width <= 640px) {
+  .login-log-header {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+}
+</style>

package/dist/package/src/views/profile/components/session.vue

@@ -13,43 +13,20 @@
       </div>
     </template>
 
-    <el-skeleton v-if="loading && !session" :rows="5" animated />
-    <el-empty v-else-if="!session" :description="t('system.profile.session.empty')" />
-    <div v-else class="session-details">
-      <div class="session-status">
-        <el-tag type="success" effect="plain">{{ t("system.profile.session.status.active") }}</el-tag>
-        <span>{{ session.user_name }} · {{ session.tenant_code }}</span>
-      </div>
-      <dl class="session-grid">
-        <div>
-          <dt>{{ t("system.profile.session.field.client_ip") }}</dt>
-          <dd>{{ session.client_ip || "-" }}</dd>
-        </div>
-        <div>
-          <dt>{{ t("system.profile.session.field.device") }}</dt>
-          <dd>{{ session.device || "-" }}</dd>
-        </div>
-        <div>
-          <dt>{{ t("system.profile.session.field.issued_at") }}</dt>
-          <dd>{{ session.issued_at || "-" }}</dd>
-        </div>
-        <div>
-          <dt>{{ t("system.profile.session.field.expires_in") }}</dt>
-          <dd>{{ formatExpires(session.expires_in) }}</dd>
-        </div>
-      </dl>
-      <div class="session-actions">
-        <el-button type="danger" plain @click="revokeAll">
-          <el-icon><SwitchButton /></el-icon>
-          {{ t("system.profile.session.action.revoke_all") }}
-        </el-button>
-      </div>
+    <ProTable ref="proTable" row-key="session_id" :columns="columns" :request-api="requestSessionTable" :pagination="false" />
+    <div class="session-actions">
+      <el-button type="danger" plain :disabled="!hasSessions" @click="revokeAll">
+        <el-icon><SwitchButton /></el-icon>
+        {{ t("system.profile.session.action.revoke_all") }}
+      </el-button>
     </div>
   </el-card>
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref } from "vue";
+import { computed, ref } from "vue";
+import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
+import type { ColumnProps, ProTableInstance } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
 import { useRouter } from "vue-router";
 import { t } from "@liujitcn/kratos-admin-core";
 import { LOGIN_URL } from "@liujitcn/kratos-admin-core/config";
@@ -58,15 +35,47 @@ import { defBaseSessionService } from "@liujitcn/kratos-admin-system/api/system/
 import type { BaseSession } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_session";
 
 const loading = ref(false);
-const session = ref<BaseSession>();
+const proTable = ref<ProTableInstance>();
+const hasSessions = ref(false);
+const columns = computed<ColumnProps[]>(() => [
+  {
+    prop: "current",
+    label: t("system.profile.session.field.current"),
+    cellType: "status",
+    minWidth: 130,
+    statusProps: {
+      activeValue: true,
+      inactiveValue: false,
+      activeText: t("system.profile.session.status.current"),
+      inactiveText: t("system.profile.session.status.other")
+    }
+  },
+  { prop: "client_ip", label: t("system.profile.session.field.client_ip"), minWidth: 140 },
+  { prop: "device", label: t("system.profile.session.field.device"), minWidth: 200 },
+  { prop: "issued_at", label: t("system.profile.session.field.issued_at"), minWidth: 180 },
+  {
+    prop: "expires_in",
+    label: t("system.profile.session.field.expires_in"),
+    minWidth: 140,
+    render: scope => formatExpires((scope.row as BaseSession).expires_in)
+  }
+]);
+
+/** 查询本人全部有效会话。 */
+async function requestSessionTable() {
+  const response = await defBaseSessionService.ListCurrentBaseSessions({});
+  const sessions = response.sessions ?? [];
+  hasSessions.value = sessions.length > 0;
+  return { data: sessions };
+}
 const router = useRouter();
 const userStore = useUserStore();
 
-/** 拉取当前会话信息。 */
+/** 刷新本人会话列表。 */
 async function loadSession() {
   loading.value = true;
   try {
-    session.value = await defBaseSessionService.GetCurrentBaseSession({});
+    await proTable.value?.getTableList();
   } finally {
     loading.value = false;
   }
@@ -80,7 +89,7 @@ async function revokeAll() {
   await defBaseSessionService.RevokeAllBaseSessions({});
   userStore.clearAuthData();
   ElMessage.success(t("system.profile.session.message.revoked"));
-  session.value = undefined;
+  hasSessions.value = false;
   await router.replace(LOGIN_URL);
 }
 
@@ -92,8 +101,6 @@ function formatExpires(seconds: number) {
   if (hours > 0) return t("system.profile.session.value.hours_minutes", { hours, minutes });
   return t("system.profile.session.value.minutes", { minutes });
 }
-
-onMounted(loadSession);
 </script>
 
 <style scoped lang="scss">
@@ -126,36 +133,14 @@ onMounted(loadSession);
   color: var(--el-text-color-secondary);
   font-size: 13px;
 }
-.session-grid {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 16px;
-  margin: 24px 0;
-}
-.session-grid div {
-  padding: 14px;
-  background: var(--el-fill-color-light);
-  border-radius: var(--admin-page-radius);
-}
-.session-grid dt {
-  color: var(--el-text-color-secondary);
-  font-size: 12px;
-}
-.session-grid dd {
-  margin: 6px 0 0;
-  color: var(--el-text-color-primary);
-  overflow-wrap: anywhere;
-}
 .session-actions {
   justify-content: flex-end;
+  margin-top: 20px;
 }
 @media screen and (width <= 640px) {
   .session-header {
     align-items: flex-start;
     flex-direction: column;
   }
-  .session-grid {
-    grid-template-columns: 1fr;
-  }
 }
 </style>

package/dist/package/src/views/profile/index.vue

@@ -27,6 +27,7 @@
           @switch-tab="handleTabChange"
         />
         <ProfileSession v-else-if="activeTab === 'session'" />
+        <ProfileLoginLog v-else-if="activeTab === 'login-log'" />
         <ProfilePassword v-else />
       </main>
     </section>
@@ -49,9 +50,10 @@ import ProfileBase from "./components/base.vue";
 import ProfileSecurity from "./components/security.vue";
 import ProfilePassword from "./components/password.vue";
 import ProfileSession from "./components/session.vue";
+import ProfileLoginLog from "./components/login-log.vue";
 
 /** 个人中心标签页。 */
-type ProfileTab = "account" | "security" | "password" | "session";
+type ProfileTab = "account" | "security" | "password" | "session" | "login-log";
 
 /** 左侧导航项结构。 */
 interface ProfileTabOption {
@@ -84,13 +86,16 @@ const profileTabs = computed<ProfileTabOption[]>(() => {
       description: t("system.profile.password.nav_description")
     }
   ];
-  if (userStore.userInfo.role_code === "super") {
-    tabs.push({
-      value: "session",
-      label: t("system.profile.session.title"),
-      description: t("system.profile.session.nav_description")
-    });
-  }
+  tabs.push({
+    value: "session",
+    label: t("system.profile.session.title"),
+    description: t("system.profile.session.nav_description")
+  });
+  tabs.push({
+    value: "login-log",
+    label: t("system.profile.login_log.title"),
+    description: t("system.profile.login_log.nav_description")
+  });
   return tabs;
 });
 const userProfileForm = reactive<UserProfileForm>({
@@ -210,5 +215,4 @@ onMounted(async () => {
     position: static;
   }
 }
-
 </style>

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

@@ -135,21 +135,11 @@ async function handleGenerate() {
     return;
   }
   if (missingI18ns.value.length) {
-    try {
-      await ElMessageBox.alert(
-        t("system.code.gen.preview.message.missing_i18ns", {
-          items: missingI18ns.value.join(t("system.code.gen.preview.value.list_separator"))
-        }),
-        t("common.title.warning"),
-        {
-          confirmButtonText: t("common.action.close"),
-          type: "warning"
-        }
-      );
-    } catch {
-      // 关闭提示框与点击关闭按钮语义一致。
-    }
-    return;
+    ElMessage.warning(
+      t("system.code.gen.preview.message.missing_i18ns", {
+        items: missingI18ns.value.join(t("system.code.gen.preview.value.list_separator"))
+      })
+    );
   }
   try {
     await ElMessageBox.confirm(