@liujitcn/kratos-admin-system 0.0.20 → 0.0.21

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

@@ -3,10 +3,10 @@
     <template #header>
       <div class="panel-header">
         <div>
-          <h3>账号信息</h3>
-          <p>维护头像、昵称和基础账号资料。</p>
+          <h3>{{ t("system.profile.account.title") }}</h3>
+          <p>{{ t("system.profile.account.description") }}</p>
         </div>
-        <el-button type="primary" plain @click="openAccountDialog">修改基本资料</el-button>
+        <el-button type="primary" plain @click="openAccountDialog">{{ t("system.profile.account.action.edit") }}</el-button>
       </div>
     </template>
 
@@ -18,49 +18,56 @@
           <input ref="fileInputRef" type="file" class="hidden-input" accept="image/*" @change="handleFileChange" />
         </div>
         <div class="avatar-copy">
-          <strong>头像</strong>
-          <p>点击右下角可更换头像</p>
+          <strong>{{ t("system.profile.account.field.avatar") }}</strong>
+          <p>{{ t("system.profile.account.message.avatarHint") }}</p>
         </div>
       </div>
 
       <div class="detail-grid">
         <div class="detail-item">
-          <span class="detail-label">登录账号</span>
+          <span class="detail-label">{{ t("system.profile.account.field.userName") }}</span>
           <span class="detail-value">{{ profile.user_name || "--" }}</span>
         </div>
         <div class="detail-item">
-          <span class="detail-label">昵称</span>
+          <span class="detail-label">{{ t("system.profile.account.field.nickName") }}</span>
           <span class="detail-value">{{ profile.nick_name || "--" }}</span>
         </div>
         <div class="detail-item">
-          <span class="detail-label">性别</span>
+          <span class="detail-label">{{ t("system.profile.account.field.gender") }}</span>
           <span class="detail-value">{{ genderText }}</span>
         </div>
         <div class="detail-item">
-          <span class="detail-label">绑定手机</span>
-          <span class="detail-value">{{ profile.phone || "未绑定" }}</span>
+          <span class="detail-label">{{ t("system.profile.account.field.phone") }}</span>
+          <span class="detail-value">{{ profile.phone || t("system.profile.value.unbound") }}</span>
         </div>
         <div class="detail-item">
-          <span class="detail-label">所属角色</span>
+          <span class="detail-label">{{ t("system.profile.account.field.role") }}</span>
           <span class="detail-value">{{ profile.role_name || "--" }}</span>
         </div>
         <div class="detail-item">
-          <span class="detail-label">所属部门</span>
+          <span class="detail-label">{{ t("system.profile.account.field.dept") }}</span>
           <span class="detail-value">{{ profile.dept_name || "--" }}</span>
         </div>
         <div class="detail-item detail-item--wide">
-          <span class="detail-label">创建时间</span>
+          <span class="detail-label">{{ t("system.common.field.createdAt") }}</span>
           <span class="detail-value">{{ profile.created_at || "--" }}</span>
         </div>
       </div>
     </div>
 
-    <ProDialog v-model="accountDialogVisible" title="修改基本资料" :width="520" @closed="handleDialogClosed">
+    <ProDialog
+      v-model="accountDialogVisible"
+      :title="t('system.profile.account.action.edit')"
+      :width="520"
+      @closed="handleDialogClosed"
+    >
       <ProForm ref="accountFormRef" :model="accountForm" :fields="accountFormFields" label-width="96px" />
       <template #footer>
         <div class="dialog-footer">
-          <el-button @click="accountDialogVisible = false">取消</el-button>
-          <el-button type="primary" :loading="submitLoading" @click="handleSubmitAccount">保存</el-button>
+          <el-button @click="accountDialogVisible = false">{{ t("common.action.cancel") }}</el-button>
+          <el-button type="primary" :loading="submitLoading" @click="handleSubmitAccount">
+            {{ t("common.action.save") }}
+          </el-button>
         </div>
       </template>
     </ProDialog>
@@ -69,6 +76,7 @@
 
 <script setup lang="ts">
 import { computed, reactive, ref, watch } from "vue";
+import { t } from "@liujitcn/kratos-admin-core";
 import { defProfileAuthService } from "@liujitcn/kratos-admin-system/api/system/auth";
 import type { UserProfileForm } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/auth";
 import { defFileService } from "@liujitcn/kratos-admin-core/api/base/file";
@@ -76,7 +84,6 @@ import defaultAvatar from "@liujitcn/kratos-admin-core/assets/images/avatar.png"
 import ProDialog from "@liujitcn/kratos-admin-core/components/Dialog/ProDialog.vue";
 import ProForm from "@liujitcn/kratos-admin-core/components/ProForm/index.vue";
 import type { ProFormField, ProFormInstance } from "@liujitcn/kratos-admin-core/components/ProForm/interface";
-import { ElMessage } from "element-plus";
 import { Camera } from "@element-plus/icons-vue";
 
 /** 个人中心基础资料组件属性。 */
@@ -101,16 +108,26 @@ const accountForm = reactive<Pick<UserProfileForm, "nick_name" | "gender">>({
   gender: 3
 });
 
-const accountFormFields: ProFormField[] = [
-  { prop: "nick_name", label: "昵称", component: "input", props: { placeholder: "请输入昵称" } },
-  { prop: "gender", label: "性别", component: "dict", props: { code: "base_user_gender" } }
-];
+const accountFormFields = computed<ProFormField[]>(() => [
+  {
+    prop: "nick_name",
+    label: t("system.profile.account.field.nickName"),
+    component: "input",
+    props: { placeholder: t("system.profile.account.placeholder.nickName") }
+  },
+  {
+    prop: "gender",
+    label: t("system.profile.account.field.gender"),
+    component: "dict",
+    props: { code: "base_user_gender" }
+  }
+]);
 
 /** 根据资料中的性别值输出展示文案。 */
 const genderText = computed(() => {
-  if (props.profile.gender === 1) return "男";
-  if (props.profile.gender === 2) return "女";
-  return "保密";
+  if (props.profile.gender === 1) return t("common.value.male");
+  if (props.profile.gender === 2) return t("common.value.female");
+  return t("system.profile.value.private");
 });
 
 /**
@@ -165,10 +182,10 @@ async function handleFileChange(event: Event) {
         avatar: uploadResult.url
       }
     });
-    ElMessage.success("头像更新成功");
+    ElMessage.success(t("system.profile.account.message.avatarUpdated"));
     emit("refreshed");
   } catch (_error) {
-    ElMessage.error("头像上传失败");
+    ElMessage.error(t("system.profile.account.message.avatarUploadFailed"));
   } finally {
     target.value = "";
   }
@@ -187,7 +204,7 @@ async function handleSubmitAccount() {
         gender: accountForm.gender
       }
     });
-    ElMessage.success("基本资料已更新");
+    ElMessage.success(t("system.profile.account.message.updated"));
     accountDialogVisible.value = false;
     emit("refreshed");
   } finally {

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

@@ -4,10 +4,10 @@
       <template #header>
         <div class="panel-header">
           <div>
-            <h3>修改密码</h3>
-            <p>更新当前登录密码，保持账号安全。</p>
+            <h3>{{ t("system.profile.password.title") }}</h3>
+            <p>{{ t("system.profile.password.description") }}</p>
           </div>
-          <el-tag type="warning" effect="plain">建议高强度</el-tag>
+          <el-tag type="warning" effect="plain">{{ t("system.profile.password.value.strongRecommended") }}</el-tag>
         </div>
       </template>
       <div class="password-layout">
@@ -21,25 +21,27 @@
           />
           <PasswordStrength :password="passwordForm.new_pwd" class="password-form-wrap__strength" />
           <div class="password-footer">
-            <el-button @click="resetPasswordForm">重置</el-button>
-            <el-button type="primary" :loading="submitLoading" @click="handleSubmitPassword">更新密码</el-button>
+            <el-button @click="resetPasswordForm">{{ t("common.action.reset") }}</el-button>
+            <el-button type="primary" :loading="submitLoading" @click="handleSubmitPassword">
+              {{ t("system.profile.password.action.update") }}
+            </el-button>
           </div>
         </div>
         <div class="password-tips">
           <div class="tip-card">
             <span class="tip-badge">01</span>
-            <strong>避免重复密码</strong>
-            <p>不要重复使用旧密码或其他系统已使用密码。</p>
+            <strong>{{ t("system.profile.password.tip.uniqueTitle") }}</strong>
+            <p>{{ t("system.profile.password.tip.uniqueDescription") }}</p>
           </div>
           <div class="tip-card">
             <span class="tip-badge">02</span>
-            <strong>控制密码强度</strong>
-            <p>建议使用大小写字母、数字和符号组合。</p>
+            <strong>{{ t("system.profile.password.tip.strengthTitle") }}</strong>
+            <p>{{ t("system.profile.password.tip.strengthDescription") }}</p>
           </div>
           <div class="tip-card">
             <span class="tip-badge">03</span>
-            <strong>及时更新记录</strong>
-            <p>如有账号交接，请同步更新保管记录。</p>
+            <strong>{{ t("system.profile.password.tip.recordTitle") }}</strong>
+            <p>{{ t("system.profile.password.tip.recordDescription") }}</p>
           </div>
         </div>
       </div>
@@ -50,6 +52,7 @@
 <script setup lang="ts">
 import { computed, reactive, ref } from "vue";
 import { useRouter } from "vue-router";
+import { t } from "@liujitcn/kratos-admin-core";
 import { defProfileAuthService } from "@liujitcn/kratos-admin-system/api/system/auth";
 import type { UserPasswordForm } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/auth";
 import PasswordStrength from "@liujitcn/kratos-admin-core/components/PasswordStrength/index.vue";
@@ -57,10 +60,8 @@ import ProForm from "@liujitcn/kratos-admin-core/components/ProForm/index.vue";
 import type { ProFormField, ProFormInstance } from "@liujitcn/kratos-admin-core/components/ProForm/interface";
 import { LOGIN_URL } from "@liujitcn/kratos-admin-core/config";
 import { useUserStore } from "@liujitcn/kratos-admin-core/stores/runtime";
-import { ElMessage } from "element-plus";
 import {
   PASSWORD_CRYPTO_SCENE,
-  PASSWORD_STRENGTH_ERROR_MESSAGE,
   encryptPassword,
   getPasswordStrength,
   validatePasswordStrengthValue
@@ -86,20 +87,35 @@ const passwordForm = reactive<UserPasswordFormState>({
   confirm_pwd: ""
 });
 
-const passwordFormFields: ProFormField[] = [
-  { prop: "old_pwd", label: "原密码", component: "password", props: { placeholder: "请输入原密码" } },
-  { prop: "new_pwd", label: "新密码", component: "password", props: { placeholder: "请输入新密码" } },
-  { prop: "confirm_pwd", label: "确认密码", component: "password", props: { placeholder: "请再次输入新密码" } }
-];
+const passwordFormFields = computed<ProFormField[]>(() => [
+  {
+    prop: "old_pwd",
+    label: t("system.profile.password.field.oldPassword"),
+    component: "password",
+    props: { placeholder: t("system.profile.password.placeholder.oldPassword") }
+  },
+  {
+    prop: "new_pwd",
+    label: t("system.profile.password.field.newPassword"),
+    component: "password",
+    props: { placeholder: t("system.profile.password.placeholder.newPassword") }
+  },
+  {
+    prop: "confirm_pwd",
+    label: t("system.profile.password.field.confirmPassword"),
+    component: "password",
+    props: { placeholder: t("system.profile.password.placeholder.confirmPassword") }
+  }
+]);
 
-const passwordFormRules = {
-  old_pwd: [{ required: true, message: "请输入原密码", trigger: "blur" }],
+const passwordFormRules = computed(() => ({
+  old_pwd: [{ required: true, message: t("system.profile.password.placeholder.oldPassword"), trigger: "blur" }],
   new_pwd: [
-    { required: true, message: "请输入新密码", trigger: "blur" },
+    { required: true, message: t("system.profile.password.placeholder.newPassword"), trigger: "blur" },
     { validator: validatePasswordStrength, trigger: "blur" }
   ],
-  confirm_pwd: [{ required: true, message: "请再次输入新密码", trigger: "blur" }]
-};
+  confirm_pwd: [{ required: true, message: t("system.profile.password.placeholder.confirmPassword"), trigger: "blur" }]
+}));
 
 /** 统一计算当前新密码强度，供展示和提交校验复用。 */
 const passwordStrength = computed(() => getPasswordStrength(passwordForm.new_pwd));
@@ -108,11 +124,11 @@ const passwordStrength = computed(() => getPasswordStrength(passwordForm.new_pwd
 async function handleSubmitPassword() {
   if (!(await passwordFormRef.value?.validate())) return;
   if (passwordForm.new_pwd !== passwordForm.confirm_pwd) {
-    ElMessage.error("两次输入的密码不一致");
+    ElMessage.error(t("system.profile.password.message.mismatch"));
     return;
   }
   if (!passwordStrength.value.isValid) {
-    ElMessage.error("新密码强度不足，请提升到最高强度");
+    ElMessage.error(t("system.profile.password.message.strengthInsufficient"));
     return;
   }
 
@@ -125,7 +141,7 @@ async function handleSubmitPassword() {
       new_pwd: newPwd
     };
     await defProfileAuthService.UpdateUserPassword({ user_password: userPassword });
-    ElMessage.success("密码修改成功，请重新登录");
+    ElMessage.success(t("system.profile.password.message.updated"));
     resetPasswordForm();
     await forceRelogin();
   } finally {
@@ -167,7 +183,7 @@ function validatePasswordStrength(_rule: unknown, value: string, callback: (erro
   }
   const result = validatePasswordStrengthValue(value);
   if (!result.valid) {
-    callback(new Error(result.message || PASSWORD_STRENGTH_ERROR_MESSAGE));
+    callback(new Error(t("core.password.error")));
     return;
   }
   callback();

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

@@ -3,36 +3,44 @@
     <el-card class="security-card" shadow="never">
       <div class="security-intro">
         <div>
-          <h3>安全设置</h3>
-          <p>管理登录密码、手机验证和账号完整度。</p>
+          <h3>{{ t("system.profile.security.title") }}</h3>
+          <p>{{ t("system.profile.security.description") }}</p>
         </div>
-        <el-tag effect="plain" type="success">账号状态正常</el-tag>
+        <el-tag effect="plain" type="success">{{ t("system.profile.security.value.accountNormal") }}</el-tag>
       </div>
       <div class="security-list">
         <div class="security-item">
           <div class="security-item__content">
-            <strong>登录密码</strong>
-            <p>建议定期更新，避免长期使用同一密码。</p>
+            <strong>{{ t("system.profile.security.field.loginPassword") }}</strong>
+            <p>{{ t("system.profile.security.message.passwordHint") }}</p>
           </div>
-          <el-button type="primary" plain @click="emit('switchTab', 'password')">前往修改</el-button>
+          <el-button type="primary" plain @click="emit('switchTab', 'password')">
+            {{ t("system.profile.security.action.changePassword") }}
+          </el-button>
         </div>
         <div class="security-item">
           <div class="security-item__content">
-            <strong>绑定手机</strong>
+            <strong>{{ t("system.profile.security.field.phone") }}</strong>
             <p>{{ mobileTip }}</p>
           </div>
-          <el-button plain @click="openPhoneDialog">{{ profile.phone ? "更换手机号" : "立即绑定" }}</el-button>
+          <el-button plain @click="openPhoneDialog">
+            {{ profile.phone ? t("system.profile.security.action.changePhone") : t("system.profile.security.action.bindNow") }}
+          </el-button>
         </div>
         <div v-for="item in oauthBindings" :key="item.provider" class="security-item">
           <div class="security-item__content security-item__content--oauth">
-            <el-tooltip :content="item.name" placement="top" :trigger="['hover', 'focus']">
-              <span class="oauth-icon" :aria-label="item.name" :title="item.name">
+            <el-tooltip :content="oauthName(item)" placement="top" :trigger="['hover', 'focus']">
+              <span class="oauth-icon" :aria-label="oauthName(item)" :title="oauthName(item)">
                 <component :is="getOauthProviderIcon(item)" />
               </span>
             </el-tooltip>
             <div>
-              <strong>{{ item.name }}</strong>
-              <p>{{ item.bound ? "已绑定，可用于登录管理后台。" : "未绑定，绑定成功后可用于登录管理后台。" }}</p>
+              <strong>{{ oauthName(item) }}</strong>
+              <p>
+                {{
+                  item.bound ? t("system.profile.security.message.oauthBound") : t("system.profile.security.message.oauthUnbound")
+                }}
+              </p>
             </div>
           </div>
           <el-button
@@ -42,11 +50,11 @@
             :loading="oauthLoadingProvider === item.provider"
             @click="handleUnbindOauth(item)"
           >
-            解绑
+            {{ t("system.profile.security.action.unbind") }}
           </el-button>
-          <el-button v-else plain :loading="oauthLoadingProvider === item.provider" @click="handleBindOauth(item)"
-            >绑定</el-button
-          >
+          <el-button v-else plain :loading="oauthLoadingProvider === item.provider" @click="handleBindOauth(item)">{{
+            t("system.profile.security.action.bind")
+          }}</el-button>
         </div>
       </div>
     </el-card>
@@ -55,30 +63,39 @@
       <template #header>
         <div class="status-header">
           <div>
-            <h3>账号状态</h3>
-            <p>查看当前账号验证状态与资料完整度。</p>
+            <h3>{{ t("system.profile.security.status.title") }}</h3>
+            <p>{{ t("system.profile.security.status.description") }}</p>
           </div>
         </div>
       </template>
       <div class="status-grid">
         <div class="status-item">
-          <span>手机验证</span>
-          <strong>{{ profile.phone ? "已启用" : "未启用" }}</strong>
+          <span>{{ t("system.profile.security.field.phoneVerification") }}</span>
+          <strong>{{ profile.phone ? t("common.status.enabled") : t("common.status.disabled") }}</strong>
         </div>
         <div class="status-item">
-          <span>资料完整度</span>
+          <span>{{ t("system.profile.security.field.profileCompletion") }}</span>
           <strong>{{ profileCompletion }}</strong>
         </div>
       </div>
     </el-card>
 
-    <ProDialog v-model="phoneDialogVisible" title="绑定手机" :width="520" @closed="handleDialogClosed">
+    <ProDialog
+      v-model="phoneDialogVisible"
+      :title="t('system.profile.security.dialog.bindPhone')"
+      :width="520"
+      @closed="handleDialogClosed"
+    >
       <ProForm ref="phoneFormRef" :model="phoneForm" :fields="phoneFormFields" :rules="phoneFormRules" label-width="96px">
         <template #mobileCodeInput>
-          <el-input v-model="phoneForm.code" placeholder="请输入验证码">
+          <el-input v-model="phoneForm.code" :placeholder="t('system.profile.security.placeholder.code')">
             <template #append>
               <el-button :disabled="countdown > 0" @click="handleSendCode">
-                {{ countdown > 0 ? `${countdown}s后重试` : "发送验证码" }}
+                {{
+                  countdown > 0
+                    ? t("system.profile.security.action.retryAfter", { seconds: countdown })
+                    : t("system.profile.security.action.sendCode")
+                }}
               </el-button>
             </template>
           </el-input>
@@ -86,8 +103,10 @@
       </ProForm>
       <template #footer>
         <div class="dialog-footer">
-          <el-button @click="phoneDialogVisible = false">取消</el-button>
-          <el-button type="primary" :loading="submitLoading" @click="handleSubmitPhone">保存</el-button>
+          <el-button @click="phoneDialogVisible = false">{{ t("common.action.cancel") }}</el-button>
+          <el-button type="primary" :loading="submitLoading" @click="handleSubmitPhone">
+            {{ t("common.action.save") }}
+          </el-button>
         </div>
       </template>
     </ProDialog>
@@ -97,6 +116,7 @@
 <script setup lang="ts">
 import { computed, onBeforeUnmount, onMounted, reactive, ref } from "vue";
 import { useRoute, useRouter } from "vue-router";
+import { t } from "@liujitcn/kratos-admin-core";
 import { defProfileAuthService } from "@liujitcn/kratos-admin-system/api/system/auth";
 import { defProfileOauthService } from "@liujitcn/kratos-admin-system/api/base/oauth";
 import type { OauthBinding } from "@liujitcn/kratos-admin-system/rpc/base/v1/oauth";
@@ -108,13 +128,8 @@ import type {
 import ProDialog from "@liujitcn/kratos-admin-core/components/Dialog/ProDialog.vue";
 import ProForm from "@liujitcn/kratos-admin-core/components/ProForm/index.vue";
 import type { ProFormField, ProFormInstance } from "@liujitcn/kratos-admin-core/components/ProForm/interface";
-import {
-  getOauthProviderIcon,
-  withOauthProviderDisplay,
-  type OauthProviderDisplay
-} from "@liujitcn/kratos-admin-core/security";
+import { getOauthProviderIcon, withOauthProviderDisplay, type OauthProviderDisplay } from "@liujitcn/kratos-admin-core/security";
 import { resolveFrontendRouteURL } from "@liujitcn/kratos-admin-core/navigation";
-import { ElMessage, ElMessageBox } from "element-plus";
 
 /** 安全中心组件属性。 */
 interface ProfileSecurityProps {
@@ -149,22 +164,34 @@ const sendPhoneCodeForm = reactive<SendPhoneCodeRequest>({
   phone: ""
 });
 
-const phoneFormFields: ProFormField[] = [
-  { prop: "phone", label: "手机号码", component: "input", props: { placeholder: "请输入手机号" } },
-  { prop: "code", label: "验证码", component: "slot", slotName: "mobileCodeInput" }
-];
+const phoneFormFields = computed<ProFormField[]>(() => [
+  {
+    prop: "phone",
+    label: t("system.profile.security.field.phoneNumber"),
+    component: "input",
+    props: { placeholder: t("system.profile.security.placeholder.phone") }
+  },
+  {
+    prop: "code",
+    label: t("system.profile.security.field.code"),
+    component: "slot",
+    slotName: "mobileCodeInput"
+  }
+]);
 
-const phoneFormRules = {
+const phoneFormRules = computed(() => ({
   phone: [
-    { required: true, message: "请输入手机号", trigger: "blur" },
-    { pattern: /^1[3-9]\d{9}$/, message: "请输入正确的手机号码", trigger: "blur" }
+    { required: true, message: t("system.profile.security.placeholder.phone"), trigger: "blur" },
+    { pattern: /^1[3-9]\d{9}$/, message: t("system.profile.security.validation.phone"), trigger: "blur" }
   ],
-  code: [{ required: true, message: "请输入验证码", trigger: "blur" }]
-};
+  code: [{ required: true, message: t("system.profile.security.placeholder.code"), trigger: "blur" }]
+}));
 
 /** 根据当前绑定状态输出手机号说明文案。 */
 const mobileTip = computed(() => {
-  return props.profile.phone ? `已绑定：${props.profile.phone}` : "当前未绑定手机。";
+  return props.profile.phone
+    ? t("system.profile.security.message.phoneBound", { phone: props.profile.phone })
+    : t("system.profile.security.message.phoneUnbound");
 });
 
 /** 根据关键资料估算当前资料完成度。 */
@@ -189,6 +216,11 @@ async function loadOauthBindings() {
   oauthBindings.value = result.bindings.map(withOauthProviderDisplay);
 }
 
+/** 根据当前语言返回三方登录方式名称。 */
+function oauthName(binding: SecurityOauthBinding) {
+  return binding.nameKey.includes(".") ? t(binding.nameKey) : binding.nameKey;
+}
+
 /** 处理 OAuth 绑定回跳结果。 */
 async function consumeOauthBindingResult() {
   const bindError = route.query.oauth_bind_error;
@@ -196,7 +228,7 @@ async function consumeOauthBindingResult() {
   if (typeof bindError === "string" && bindError) {
     ElMessage.error(bindError);
   } else if (bindSuccess === "1") {
-    ElMessage.success("三方账号绑定成功");
+    ElMessage.success(t("system.profile.security.message.oauthBindSuccess"));
   } else {
     return;
   }
@@ -230,15 +262,19 @@ async function handleBindOauth(binding: SecurityOauthBinding) {
 
 /** 解绑三方账号并刷新绑定状态。 */
 async function handleUnbindOauth(binding: SecurityOauthBinding) {
-  await ElMessageBox.confirm(`是否确定解绑该登录方式？\n登录方式：${binding.name}`, "提示", {
-    type: "warning",
-    confirmButtonText: "解绑",
-    cancelButtonText: "取消"
-  });
+  await ElMessageBox.confirm(
+    t("system.profile.security.dialog.confirmUnbind", { provider: oauthName(binding) }),
+    t("common.title.warning"),
+    {
+      type: "warning",
+      confirmButtonText: t("system.profile.security.action.unbind"),
+      cancelButtonText: t("common.action.cancel")
+    }
+  );
   oauthLoadingProvider.value = binding.provider;
   try {
     await defProfileOauthService.UnbindOauthAccount({ provider: binding.provider });
-    ElMessage.success("三方账号已解绑");
+    ElMessage.success(t("system.profile.security.message.oauthUnbindSuccess"));
     await loadOauthBindings();
   } finally {
     oauthLoadingProvider.value = "";
@@ -255,17 +291,17 @@ function openPhoneDialog() {
 /** 发送手机验证码并启动倒计时。 */
 async function handleSendCode() {
   if (!phoneForm.phone) {
-    ElMessage.error("请输入手机号");
+    ElMessage.error(t("system.profile.security.placeholder.phone"));
     return;
   }
   if (!/^1[3-9]\d{9}$/.test(phoneForm.phone)) {
-    ElMessage.error("手机号格式不正确");
+    ElMessage.error(t("system.profile.security.validation.phone"));
     return;
   }
 
   sendPhoneCodeForm.phone = phoneForm.phone;
   await defProfileAuthService.SendPhoneCode(sendPhoneCodeForm);
-  ElMessage.success("验证码已发送");
+  ElMessage.success(t("system.profile.security.message.codeSent"));
   startCountdown();
 }
 
@@ -276,7 +312,7 @@ async function handleSubmitPhone() {
   submitLoading.value = true;
   try {
     await defProfileAuthService.UpdateUserPhone({ user_phone: phoneForm });
-    ElMessage.success("手机号更新成功");
+    ElMessage.success(t("system.profile.security.message.phoneUpdated"));
     phoneDialogVisible.value = false;
     emit("refreshed");
   } finally {

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

@@ -38,8 +38,9 @@ defineOptions({
   inheritAttrs: false
 });
 
-import { onMounted, reactive, ref } from "vue";
+import { computed, onMounted, reactive, ref } from "vue";
 import { useRoute } from "vue-router";
+import { t } from "@liujitcn/kratos-admin-core";
 import { defProfileAuthService } from "@liujitcn/kratos-admin-system/api/system/auth";
 import type { UserProfileForm } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/auth";
 import { useUserStore } from "@liujitcn/kratos-admin-core/stores/runtime";
@@ -64,23 +65,23 @@ interface ProfileTabOption {
 const userStore = useUserStore();
 const route = useRoute();
 const activeTab = ref<ProfileTab>("account");
-const profileTabs: ProfileTabOption[] = [
+const profileTabs = computed<ProfileTabOption[]>(() => [
   {
     value: "account",
-    label: "账号信息",
-    description: "维护头像和资料"
+    label: t("system.profile.account.title"),
+    description: t("system.profile.account.navDescription")
   },
   {
     value: "security",
-    label: "安全设置",
-    description: "管理验证与安全"
+    label: t("system.profile.security.title"),
+    description: t("system.profile.security.navDescription")
   },
   {
     value: "password",
-    label: "修改密码",
-    description: "更新登录密码"
+    label: t("system.profile.password.title"),
+    description: t("system.profile.password.navDescription")
   }
-];
+]);
 const userProfileForm = reactive<UserProfileForm>({
   user_name: "",
   nick_name: "",