@liujitcn/kratos-admin-core 0.0.29 → 0.0.32

package/dist/package/src/api/base/{file.ts → v1/file.ts}

@@ -1,5 +1,5 @@
-import service from "../../utils/request";
-import type { DownloadFileRequest, MultiUploadFileResponse, FileInfo } from "../../rpc/base/v1/file";
+import service from "../../../utils/request";
+import type { DownloadFileRequest, MultiUploadFileResponse, FileInfo } from "../../../rpc/base/v1/file";
 
 const FILE_URL = "/v1/base/file";
 
@@ -35,33 +35,29 @@ export class FileServiceImpl {
       }
     });
   }
+
+  /** 读取文件内容并返回 Blob。 */
+  async GetFileBlob(file: string, fileName: string): Promise<Blob> {
+    const response = await service<DownloadFileRequest, any>({
+      url: `${FILE_URL}`,
+      method: "get",
+      params: {
+        name: fileName,
+        path: file
+      } as DownloadFileRequest,
+      responseType: "blob"
+    });
+    return response.data instanceof Blob ? response.data : new Blob([response.data]);
+  }
+
   /** 下载文件 */
-  async DownloadFile(file: string, fileName: string) {
+  async DownloadFile(file: string, fileName: string): Promise<void> {
     try {
-      const response = await service<DownloadFileRequest, any>({
-        url: `${FILE_URL}`,
-        method: "get",
-        params: {
-          name: fileName,
-          path: file
-        } as DownloadFileRequest,
-        responseType: "blob" // 明确要求返回 Blob 类型
-      });
-      // 获取文件名
-      const contentDisposition = response.headers["content-disposition"];
-      let downloadFilename = fileName;
-      if (contentDisposition) {
-        const match = contentDisposition.match(/filename="?(.+?)"?$/);
-        if (match && match[1]) {
-          downloadFilename = match[1];
-        }
-      }
-
       // 创建下载链接
-      const url = window.URL.createObjectURL(new Blob([response.data]));
+      const url = window.URL.createObjectURL(await this.GetFileBlob(file, fileName));
       const a = document.createElement("a");
       a.href = url;
-      a.download = downloadFilename;
+      a.download = fileName;
       document.body.appendChild(a);
       a.click();
       document.body.removeChild(a);

package/dist/package/src/api/base/{language.ts → v1/language.ts}

@@ -1,5 +1,5 @@
-import service from "../../utils/request";
-import type { LanguageService, OptionLanguageRequest, OptionLanguageResponse } from "../../rpc/base/v1/language";
+import service from "../../../utils/request";
+import type { LanguageService, OptionLanguageRequest, OptionLanguageResponse } from "../../../rpc/base/v1/language";
 
 const LANGUAGE_URL = "/v1/base/language";
 

package/dist/package/src/api/base/{login.ts → v1/login.ts}

@@ -1,4 +1,4 @@
-import service from "../../utils/request";
+import service from "../../../utils/request";
 import type {
   CaptchaRequest,
   CaptchaResponse,
@@ -12,8 +12,8 @@ import type {
   VerifyCaptchaRequest,
   VerifyCaptchaResponse,
   LoginService
-} from "../../rpc/base/v1/login";
-import type { Empty } from "../../rpc/google/protobuf/empty";
+} from "../../../rpc/base/v1/login";
+import type { Empty } from "../../../rpc/google/protobuf/empty";
 
 const CAPTCHA_URL = "/v1/base/captcha";
 const CAPTCHA_VERIFY_URL = "/v1/base/captcha/verify";

package/dist/package/src/api/base/v1/mfa.ts

@@ -0,0 +1,114 @@
+import service from "../../../utils/request";
+import type { LoginResponse } from "../../../rpc/base/v1/login";
+import type {
+  BeginMfaDisableRequest,
+  BeginMfaDisableResponse,
+  BeginMfaEnrollmentRequest,
+  BeginMfaEnrollmentResponse,
+  BeginMfaSetupRequest,
+  BeginMfaSetupResponse,
+  ConfirmMfaEnrollmentRequest,
+  ConfirmMfaEnrollmentResponse,
+  ConfirmMfaSetupRequest,
+  ConfirmMfaSetupResponse,
+  DisableMfaRequest,
+  GetMfaStatusRequest,
+  MfaService,
+  MfaStatusResponse,
+  RecoveryCodesResponse,
+  RegenerateMfaRecoveryCodesRequest,
+  VerifyMfaRequest
+} from "../../../rpc/base/v1/mfa";
+import type { Empty } from "../../../rpc/google/protobuf/empty";
+
+const MFA_URL = "/v1/base/mfa";
+
+/** 多因素认证公共服务。 */
+export class MfaServiceImpl implements MfaService {
+  /** 校验登录阶段多因素认证。 */
+  VerifyMfa(request: VerifyMfaRequest): Promise<LoginResponse> {
+    return service<VerifyMfaRequest, LoginResponse>({
+      url: `${MFA_URL}/verify`,
+      method: "post",
+      data: request,
+      headers: { Authorization: "no-auth" }
+    });
+  }
+
+  /** 开始登录阶段的强制多因素认证绑定。 */
+  BeginMfaEnrollment(request: BeginMfaEnrollmentRequest): Promise<BeginMfaEnrollmentResponse> {
+    return service<BeginMfaEnrollmentRequest, BeginMfaEnrollmentResponse>({
+      url: `${MFA_URL}/enrollment`,
+      method: "post",
+      data: request,
+      headers: { Authorization: "no-auth" }
+    });
+  }
+
+  /** 确认登录阶段的强制多因素认证绑定。 */
+  ConfirmMfaEnrollment(request: ConfirmMfaEnrollmentRequest): Promise<ConfirmMfaEnrollmentResponse> {
+    return service<ConfirmMfaEnrollmentRequest, ConfirmMfaEnrollmentResponse>({
+      url: `${MFA_URL}/enrollment/confirm`,
+      method: "post",
+      data: request,
+      headers: { Authorization: "no-auth" }
+    });
+  }
+
+  /** 查询当前用户多因素认证状态。 */
+  GetMfaStatus(request: GetMfaStatusRequest): Promise<MfaStatusResponse> {
+    return service<GetMfaStatusRequest, MfaStatusResponse>({
+      url: MFA_URL,
+      method: "get",
+      params: request
+    });
+  }
+
+  /** 开始绑定当前用户的多因素认证方式。 */
+  BeginMfaSetup(request: BeginMfaSetupRequest): Promise<BeginMfaSetupResponse> {
+    return service<BeginMfaSetupRequest, BeginMfaSetupResponse>({
+      url: `${MFA_URL}/setup`,
+      method: "post",
+      data: request
+    });
+  }
+
+  /** 确认绑定当前用户的多因素认证方式。 */
+  ConfirmMfaSetup(request: ConfirmMfaSetupRequest): Promise<ConfirmMfaSetupResponse> {
+    return service<ConfirmMfaSetupRequest, ConfirmMfaSetupResponse>({
+      url: `${MFA_URL}/setup/confirm`,
+      method: "post",
+      data: request
+    });
+  }
+
+  /** 开始禁用 WebAuthn 多因素认证的 Passkey 验证。 */
+  BeginMfaDisable(request: BeginMfaDisableRequest): Promise<BeginMfaDisableResponse> {
+    return service<BeginMfaDisableRequest, BeginMfaDisableResponse>({
+      url: `${MFA_URL}/disable/challenge`,
+      method: "post",
+      data: request
+    });
+  }
+
+  /** 禁用当前用户的多因素认证。 */
+  DisableMfa(request: DisableMfaRequest): Promise<Empty> {
+    return service<DisableMfaRequest, Empty>({
+      url: `${MFA_URL}/disable`,
+      method: "post",
+      data: request
+    });
+  }
+
+  /** 重新生成当前用户的多因素认证恢复码。 */
+  RegenerateMfaRecoveryCodes(request: RegenerateMfaRecoveryCodesRequest): Promise<RecoveryCodesResponse> {
+    return service<RegenerateMfaRecoveryCodesRequest, RecoveryCodesResponse>({
+      url: `${MFA_URL}/recovery-codes`,
+      method: "post",
+      data: request
+    });
+  }
+}
+
+/** defMfaService 多因素认证公共服务实例。 */
+export const defMfaService = new MfaServiceImpl();

package/dist/package/src/api/base/{oauth.ts → v1/oauth.ts}

@@ -1,4 +1,4 @@
-import service from "../../utils/request";
+import service from "../../../utils/request";
 import type {
   CreateOauthAuthorizationRequest,
   CreateOauthAuthorizationResponse,
@@ -6,7 +6,7 @@ import type {
   ExchangeOauthTicketResponse,
   ListOauthProviderRequest,
   ListOauthProviderResponse
-} from "../../rpc/base/v1/oauth";
+} from "../../../rpc/base/v1/oauth";
 
 const OAUTH_PROVIDER_URL = "/v1/base/oauth/provider";
 const OAUTH_AUTHORIZATION_URL = "/v1/base/oauth/authorization";

package/dist/package/src/api/system/{auth.ts → admin/v1/auth.ts}

@@ -1,12 +1,12 @@
-import service from "../../utils/request";
+import service from "../../../../utils/request";
 import type {
   GetUserInfoRequest,
   ListUserButtonRequest,
   TreeRouteResponse,
   TreeUserMenuRequest,
   UserInfoForm
-} from "../../rpc/system/admin/v1/auth";
-import type { StringValues } from "../../rpc/common/v1/types";
+} from "../../../../rpc/system/admin/v1/auth";
+import type { StringValues } from "../../../../rpc/common/v1/types";
 
 const AUTH_URL = "/v1/admin/auth";
 

package/dist/package/src/api/system/{base_dict.ts → admin/v1/base_dict.ts}

@@ -1,5 +1,5 @@
-import service from "../../utils/request";
-import type { OptionBaseDictRequest, OptionBaseDictResponse } from "../../rpc/system/admin/v1/base_dict";
+import service from "../../../../utils/request";
+import type { OptionBaseDictRequest, OptionBaseDictResponse } from "../../../../rpc/system/admin/v1/base_dict";
 
 const BASE_DICT_URL = "/v1/admin/base/dict";
 

package/dist/package/src/api/system/{base_tenant.ts → admin/v1/base_tenant.ts}

@@ -1,6 +1,6 @@
-import service from "../../utils/request";
-import type { SelectOptionResponse } from "../../rpc/common/v1/common";
-import type { OptionBaseTenantRequest } from "../../rpc/system/admin/v1/base_tenant";
+import service from "../../../../utils/request";
+import type { SelectOptionResponse } from "../../../../rpc/common/v1/common";
+import type { OptionBaseTenantRequest } from "../../../../rpc/system/admin/v1/base_tenant";
 
 const BASE_TENANT_URL = "/v1/admin/base/tenant";
 

package/dist/package/src/bootstrap.ts

@@ -28,7 +28,8 @@ import { useDictStore } from "./stores/modules/dict";
 import { useTabsStore } from "./stores/modules/tabs";
 import { useUserStore } from "./stores/modules/user";
 import { getRouteMetaTitle } from "./utils";
-import { defLanguageService } from "./api/base/language";
+import { defLanguageService } from "./api/base/v1/language";
+import { setAdminDocumentTitle } from "./documentTitle";
 
 /**
  * 管理端启动参数。
@@ -44,7 +45,7 @@ export interface AdminBootstrapOptions {
  * 创建并启动管理端应用，业务项目可通过 modules 注册自己的页面。
  */
 export async function bootstrapAdminApp(options: AdminBootstrapOptions = {}) {
-  const modules = [kratosAdminModule, ...(options.modules ?? [])];
+	const modules = [kratosAdminModule, ...(options.modules ?? [])];
   registerAdminModules(modules);
   registerLocaleMessages(modules);
   initializeLocale();
@@ -79,6 +80,7 @@ export async function bootstrapAdminApp(options: AdminBootstrapOptions = {}) {
   } catch {
     // 配置接口失败时继续使用本地默认配置，避免阻断应用启动。
   }
+  updateDocumentTitle();
 
   app.mount(options.mount ?? "#app");
   return app;
@@ -91,7 +93,7 @@ async function refreshLocalizedRuntimeData() {
   const dictStore = useDictStore(pinia);
   const configStore = useConfigStore(pinia);
   await Promise.allSettled([configStore.loadDisplayConfig()]);
-  if (userStore.token || userStore.refreshToken) {
+  if (userStore.token) {
     await Promise.allSettled([authStore.getAuthMenuList(), dictStore.updateDictionaryCache()]);
     syncLocalizedRouteState();
   }
@@ -119,6 +121,5 @@ function updateDocumentTitle() {
   const route = router.currentRoute.value;
   const titleKey = typeof route.meta.titleKey === "string" ? route.meta.titleKey : "";
   const routeTitle = titleKey ? t(titleKey) : String(route.meta.title ?? "");
-  const appTitle = import.meta.env.VITE_GLOB_APP_TITLE;
-  document.title = routeTitle ? `${routeTitle} - ${appTitle}` : appTitle;
+  setAdminDocumentTitle(routeTitle);
 }

package/dist/package/src/components/CronExpression/index.vue

@@ -12,7 +12,7 @@
       </template>
     </el-input>
 
-    <el-dialog v-model="dialogVisible" :title="t('core.cron.title')" width="980px" top="2vh" destroy-on-close>
+    <ProDialog v-model="dialogVisible" :title="t('core.cron.title')" width="980px" top="2vh" destroy-on-close>
       <div class="cron-editor">
         <div class="cron-editor__preset">
           <div class="cron-editor__section-title">{{ t("core.cron.presets") }}</div>
@@ -107,7 +107,7 @@
           <el-button @click="dialogVisible = false">{{ t("common.action.cancel") }}</el-button>
         </div>
       </template>
-    </el-dialog>
+    </ProDialog>
   </div>
 </template>
 
@@ -116,6 +116,7 @@ import { computed, defineComponent, h, reactive, ref, watch } from "vue";
 import type { PropType } from "vue";
 import { ElCheckbox, ElCheckboxGroup, ElInputNumber, ElRadio } from "element-plus";
 import { Operation } from "@element-plus/icons-vue";
+import ProDialog from "../../components/Dialog/ProDialog.vue";
 import { useLocaleStore } from "../../locales";
 
 const { t } = useLocaleStore();
@@ -669,7 +670,7 @@ const CronSegmentEditor = defineComponent({
   gap: 8px;
   padding: 12px;
   background: var(--el-fill-color-light);
-  border-radius: 8px;
+  border-radius: var(--admin-page-radius);
 }
 .cron-editor__preset-list {
   display: flex;

package/dist/package/src/components/Dialog/PasswordVerifyDialog.vue

@@ -0,0 +1,176 @@
+<template>
+  <ProDialog
+    :model-value="modelValue"
+    :title="dialogTitle"
+    :width="width"
+    :top="top"
+    :confirm-text="confirmText"
+    :cancel-text="cancelText"
+    :confirm-loading="submitting"
+    :destroy-on-close="destroyOnClose"
+    :close-on-click-modal="closeOnClickModal"
+    :close-on-press-escape="closeOnPressEscape"
+    @update:model-value="handleVisibleChange"
+    @confirm="handleConfirm"
+    @cancel="handleCancel"
+    @close="handleClose"
+    @closed="handleClosed"
+  >
+    <p v-if="description" class="password-verify-dialog__description">{{ description }}</p>
+    <ProForm
+      ref="formRef"
+      :model="form"
+      :fields="fields"
+      :rules="rules"
+      :label-width="labelWidth"
+      @keyup.enter.prevent="handleConfirm"
+    />
+  </ProDialog>
+</template>
+
+<script setup lang="ts" name="PasswordVerifyDialog">
+import { computed, reactive, ref } from "vue";
+import type { FormRules } from "element-plus";
+import ProDialog from "../../components/Dialog/ProDialog.vue";
+import ProForm from "../../components/ProForm/index.vue";
+import type { ProFormField, ProFormInstance } from "../../components/ProForm/interface";
+import { useLocaleStore } from "../../locales";
+import { PASSWORD_CRYPTO_SCENE, encryptPassword } from "../../utils/passwordCrypto";
+import type { PasswordCryptoScene } from "../../utils/passwordCrypto";
+import type { PasswordCrypto } from "../../rpc/common/v1/types";
+
+const { t } = useLocaleStore();
+
+/** 通用密码验证弹窗属性。 */
+interface PasswordVerifyDialogProps {
+  /** 弹窗显示状态。 */
+  modelValue: boolean;
+  /** 弹窗标题。 */
+  title?: string;
+  /** 密码输入前的可选补充说明。 */
+  description?: string;
+  /** 弹窗宽度。 */
+  width?: string | number;
+  /** 弹窗顶部距离。 */
+  top?: string;
+  /** 密码字段标题。 */
+  passwordLabel?: string;
+  /** 密码输入提示。 */
+  passwordPlaceholder?: string;
+  /** 确认按钮文案。 */
+  confirmText?: string;
+  /** 取消按钮文案。 */
+  cancelText?: string;
+  /** 外部业务提交状态。 */
+  confirmLoading?: boolean;
+  /** 密码加密场景。 */
+  scene?: PasswordCryptoScene;
+  /** 是否关闭时销毁内容。 */
+  destroyOnClose?: boolean;
+  /** 是否允许点击遮罩关闭。 */
+  closeOnClickModal?: boolean;
+  /** 是否允许按 Esc 关闭。 */
+  closeOnPressEscape?: boolean;
+  /** 表单标签宽度。 */
+  labelWidth?: string;
+}
+
+const props = withDefaults(defineProps<PasswordVerifyDialogProps>(), {
+  title: "",
+  description: "",
+  width: "500px",
+  top: "8vh",
+  passwordLabel: "",
+  passwordPlaceholder: "",
+  confirmText: "",
+  cancelText: "",
+  confirmLoading: false,
+  scene: PASSWORD_CRYPTO_SCENE.PASSWORD_CRYPTO_SCENE_MFA,
+  destroyOnClose: false,
+  closeOnClickModal: false,
+  closeOnPressEscape: true,
+  labelWidth: "auto"
+});
+
+const emit = defineEmits<{
+  "update:modelValue": [value: boolean];
+  confirm: [password: PasswordCrypto];
+  cancel: [];
+  close: [];
+  closed: [];
+}>();
+
+const formRef = ref<ProFormInstance>();
+const form = reactive({ password: "" });
+const encrypting = ref(false);
+const submitting = computed(() => props.confirmLoading || encrypting.value);
+const dialogTitle = computed(() => props.title || t("core.password.verify_title"));
+const passwordLabel = computed(() => props.passwordLabel || t("core.password.verify_label"));
+const passwordPlaceholder = computed(() => props.passwordPlaceholder || t("core.password.required"));
+const confirmText = computed(() => props.confirmText || t("common.action.confirm"));
+const cancelText = computed(() => props.cancelText || t("common.action.cancel"));
+
+const fields = computed<ProFormField[]>(() => [
+  {
+    prop: "password",
+    label: passwordLabel.value,
+    component: "password",
+    props: {
+      autocomplete: "current-password",
+      placeholder: passwordPlaceholder.value,
+      showPassword: true
+    }
+  }
+]);
+
+const rules = computed<FormRules>(() => ({
+  password: [{ required: true, message: t("core.password.required"), trigger: "blur" }]
+}));
+
+/** 同步弹窗显示状态到外部。 */
+function handleVisibleChange(value: boolean) {
+  emit("update:modelValue", value);
+}
+
+/** 校验密码并向业务方返回加密结果。 */
+async function handleConfirm() {
+  if (submitting.value) return;
+  if (!(await formRef.value?.validate())) return;
+  encrypting.value = true;
+  try {
+    const password = await encryptPassword(form.password, props.scene);
+    emit("confirm", password);
+  } finally {
+    encrypting.value = false;
+  }
+}
+
+/** 对外透传取消事件。 */
+function handleCancel() {
+  emit("cancel");
+}
+
+/** 对外透传关闭事件。 */
+function handleClose() {
+  emit("close");
+}
+
+/** 关闭弹窗后清理密码和校验状态。 */
+function handleClosed() {
+  form.password = "";
+  formRef.value?.clearValidate();
+  emit("closed");
+}
+</script>
+
+<style scoped lang="scss">
+.password-verify-dialog__description {
+  margin: 0 0 16px;
+  color: var(--el-text-color-regular);
+  line-height: 1.6;
+}
+
+.password-verify-dialog__description + :deep(.pro-form) {
+  margin-top: 0;
+}
+</style>

package/dist/package/src/components/Dialog/ProDialog.vue

@@ -1,5 +1,6 @@
 <template>
   <el-dialog
+    class="pro-dialog"
     :model-value="modelValue"
     :title="title"
     :width="width"

package/dist/package/src/components/ImportExcel/index.vue

@@ -1,9 +1,10 @@
 <template>
-  <el-dialog
+  <ProDialog
     v-model="dialogVisible"
     :title="t('core.upload.batch_add', { resource: parameter.title })"
     :destroy-on-close="true"
     width="580px"
+    :show-footer="false"
     draggable
   >
     <el-form class="drawer-multiColumn-form" label-width="180px">
@@ -44,11 +45,12 @@
         <el-switch v-model="isCover" />
       </el-form-item>
     </el-form>
-  </el-dialog>
+  </ProDialog>
 </template>
 
 <script setup lang="ts" name="ImportExcel">
 import { ref } from "vue";
+import ProDialog from "../../components/Dialog/ProDialog.vue";
 import { useDownload } from "../../hooks/useDownload";
 import { Download } from "@element-plus/icons-vue";
 import { ElNotification, UploadRequestOptions, UploadRawFile } from "element-plus";

package/dist/package/src/components/Loading/fullScreen.ts

@@ -1,4 +1,5 @@
 import { ElLoading } from "element-plus";
+import { t } from "../../locales";
 
 /* 全局请求 loading */
 let loadingInstance: ReturnType<typeof ElLoading.service>;
@@ -10,7 +11,7 @@ const startLoading = () => {
   loadingInstance = ElLoading.service({
     fullscreen: true,
     lock: true,
-    text: "Loading",
+    text: t("core.loading.text"),
     background: "rgba(0, 0, 0, 0.7)"
   });
 };

package/dist/package/src/components/MarkdownPreview/index.vue

@@ -7,7 +7,7 @@
     :theme="props.isDark ? 'dark' : 'light'"
     preview-theme="github"
     code-theme="github"
-    language="zh-CN"
+    :language="locale"
     :show-code-row-number="false"
     :code-foldable="false"
     :no-mermaid="true"
@@ -26,6 +26,7 @@ import DOMPurify from "dompurify";
 import hljs from "highlight.js";
 import { config as configureMarkdownPreview, MdPreview } from "md-editor-v3";
 import type { MdHeadingId } from "md-editor-v3";
+import { getLocaleText, useLocaleStore } from "../../locales";
 import "md-editor-v3/lib/preview.css";
 
 defineOptions({
@@ -53,12 +54,31 @@ const props = withDefaults(defineProps<MarkdownPreviewProps>(), {
 const generatedId = useId();
 const resolvedId = computed(() => props.id || `core-markdown-preview-${generatedId.replaceAll(":", "")}`);
 const markdownHeadingIdCounts = new Map<string, number>();
+const { locale } = useLocaleStore();
 
 configureMarkdownPreview({
   editorExtensions: {
     highlight: {
       instance: hljs
     }
+  },
+  editorConfig: {
+    languageUserDefined: {
+      "zh-TW": {
+        copyCode: {
+          text: getLocaleText("zh-TW", "core.markdown.action.copy_code"),
+          successTips: getLocaleText("zh-TW", "core.markdown.message.copy_success"),
+          failTips: getLocaleText("zh-TW", "core.markdown.message.copy_failed")
+        }
+      },
+      "ja-JP": {
+        copyCode: {
+          text: getLocaleText("ja-JP", "core.markdown.action.copy_code"),
+          successTips: getLocaleText("ja-JP", "core.markdown.message.copy_success"),
+          failTips: getLocaleText("ja-JP", "core.markdown.message.copy_failed")
+        }
+      }
+    }
   }
 });
 
@@ -221,7 +241,7 @@ function createMarkdownHeadingId({ text, index }: Parameters<MdHeadingId>[0]) {
   cursor: pointer;
   background: var(--admin-page-card-bg);
   border: 1px solid var(--admin-page-card-border-soft);
-  border-radius: 4px;
+  border-radius: var(--admin-page-radius);
   box-shadow: var(--admin-page-shadow);
 }
 .core-markdown-preview :deep(.md-editor-code pre) {