From d030a73bebf06cf65b9fcd8fda17ec4c381dfed9 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Sun, 20 Apr 2025 09:09:58 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E5=A2=9E=E5=8A=A0=E4=B8=AA?=
 =?UTF-8?q?=E4=BA=BA=E4=B8=AD=E5=BF=83=EF=BC=9A40%=20=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E5=8F=B3=E4=BE=A7=E7=9A=84=E5=AF=86=E7=A0=81=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/_core/profile/index.vue         |  9 +-
 .../views/_core/profile/modules/reset-pwd.vue | 96 +++++++++++++++++++
 .../src/views/system/mail/template/data.ts    |  2 +-
 3 files changed, 102 insertions(+), 5 deletions(-)
 create mode 100644 apps/web-antd/src/views/_core/profile/modules/reset-pwd.vue

diff --git a/apps/web-antd/src/views/_core/profile/index.vue b/apps/web-antd/src/views/_core/profile/index.vue
index e4da531f..9421eb7e 100644
--- a/apps/web-antd/src/views/_core/profile/index.vue
+++ b/apps/web-antd/src/views/_core/profile/index.vue
@@ -5,6 +5,7 @@ import { Card, Tabs } from 'ant-design-vue';
 import { Page } from '@vben/common-ui';
 import ProfileUser from './modules/profile-user.vue';
 import BaseInfo from './modules/base-info.vue';
+import ResetPwd from './modules/reset-pwd.vue';
 
 import { onMounted, ref } from 'vue';
 import { getUserProfile } from '#/api/system/user/profile';
@@ -43,13 +44,13 @@ onMounted(loadProfile);
       <!-- 右侧 标签页 -->
       <Card class="ml-3 w-3/5">
         <Tabs v-model:active-key="activeName" class="-mt-4">
-          <Tabs.TabPane key="basicInfo" tab="基本信息">
+          <Tabs.TabPane key="basicInfo" tab="基本设置">
              <BaseInfo :profile="profile" @success="refreshProfile" />
           </Tabs.TabPane>
-          <Tabs.TabPane key="resetPwd" tab="修改密码">
-            <!-- <ResetPwd /> -->
+          <Tabs.TabPane key="resetPwd" tab="密码设置">
+             <ResetPwd />
           </Tabs.TabPane>
-          <Tabs.TabPane key="userSocial" tab="社交信息">
+          <Tabs.TabPane key="userSocial" tab="社交绑定">
             <!-- <UserSocial :profile="profile" /> -->
           </Tabs.TabPane>
         </Tabs>
diff --git a/apps/web-antd/src/views/_core/profile/modules/reset-pwd.vue b/apps/web-antd/src/views/_core/profile/modules/reset-pwd.vue
new file mode 100644
index 00000000..d3430759
--- /dev/null
+++ b/apps/web-antd/src/views/_core/profile/modules/reset-pwd.vue
@@ -0,0 +1,96 @@
+<script setup lang="ts">
+import type { Recordable } from '@vben/types';
+
+import { message } from 'ant-design-vue';
+
+import { useVbenForm, z } from '#/adapter/form';
+import { updateUserPassword } from '#/api/system/user/profile';
+import { $t } from '@vben/locales';
+
+const [Form, formApi] = useVbenForm({
+  commonConfig: {
+    labelWidth: 70,
+  },
+  schema: [
+    {
+      component: 'InputPassword',
+      fieldName: 'oldPassword',
+      label: '旧密码',
+      rules: z
+        .string({ message: '请输入密码' })
+        .min(5, '密码长度不能少于 5 个字符')
+        .max(20, '密码长度不能超过 20 个字符'),
+    },
+    {
+      component: 'InputPassword',
+      dependencies: {
+        rules(values) {
+          return z
+            .string({ message: '请输入新密码' })
+            .min(5, '密码长度不能少于 5 个字符')
+            .max(20, '密码长度不能超过 20 个字符')
+            .refine(
+              (value) => value !== values.oldPassword,
+              '新旧密码不能相同',
+            );
+        },
+        triggerFields: ['newPassword', 'oldPassword'],
+      },
+      fieldName: 'newPassword',
+      label: '新密码',
+      rules: 'required',
+    },
+    {
+      component: 'InputPassword',
+      dependencies: {
+        rules(values) {
+          return z
+            .string({ message: '请输入确认密码' })
+            .min(5, '密码长度不能少于 5 个字符')
+            .max(20, '密码长度不能超过 20 个字符')
+            .refine(
+              (value) => value === values.newPassword,
+              '新密码和确认密码不一致',
+            );
+        },
+        triggerFields: ['newPassword', 'confirmPassword'],
+      },
+      fieldName: 'confirmPassword',
+      label: '确认密码',
+      rules: 'required',
+    },
+  ],
+  resetButtonOptions: {
+    show: false,
+  },
+  submitButtonOptions: {
+    content: '修改密码',
+  },
+  handleSubmit,
+});
+
+async function handleSubmit(values: Recordable<any>) {
+  try {
+    formApi.setLoading(true);
+    // 提交表单
+    await updateUserPassword({
+      oldPassword: values.oldPassword,
+      newPassword: values.newPassword,
+    });
+    message.success({
+      content: $t('ui.actionMessage.operationSuccess'),
+      key: 'action_process_msg',
+    });
+  } catch (error) {
+    console.error(error);
+  } finally {
+    formApi.setLoading(false);
+  }
+}
+</script>
+
+<template>
+  <div class="mt-[16px] md:w-full lg:w-1/2 2xl:w-2/5">
+    <Form />
+  </div>
+</template>
diff --git a/apps/web-antd/src/views/system/mail/template/data.ts b/apps/web-antd/src/views/system/mail/template/data.ts
index 547a58c3..9a584d23 100644
--- a/apps/web-antd/src/views/system/mail/template/data.ts
+++ b/apps/web-antd/src/views/system/mail/template/data.ts
@@ -130,7 +130,7 @@ export function useSendMailFormSchema(): VbenFormSchema[] {
       componentProps: {
         placeholder: '请输入收件邮箱',
       },
-      rules: z.string().email('请输入正确的邮箱地址'),
+      rules: z.string().email('请输入正确的邮箱'),
     },
   ];
 }