ForgetPage 忘记密码 ​

<script setup lang="ts">
import { ForgetPage } from 'uniboot-ui'

import type {
  ForgetResetPasswordValues,
  ForgetSendCodeValues,
} from 'uniboot-ui'

async function onSendCode(values: ForgetSendCodeValues) {
  await new Promise((r) => setTimeout(r, 450))
  return { codeToken: `demo-code-token:${values.email}` }
}

async function onResetPassword(values: ForgetResetPasswordValues) {
  await new Promise((r) => setTimeout(r, 450))
  console.log('reset password', values)
}

function onBack() {
  console.log('back')
}

async function onBackToLogin() {
  console.log('back to login')
}

async function getLanguages() {
  await new Promise((r) => setTimeout(r, 120))
  return [
    { label: '简体中文', value: 'zh_CN' },
    { label: 'English', value: 'en_US' },
  ]
}

async function onLanguageChange() {
  // 演示：实际项目里可在此切换 i18n locale
}
</script>

<template>
  <div class="forget-page-doc-demo">
    <!-- 与 InitialPage / LoginPage 一致：整页 + 默认语言切换 + DEFAULT_BG_PATTERN -->
    <forget-page
      :show-captcha="false"
      :get-languages="getLanguages"
      default-language="zh_CN"
      :on-language-change="onLanguageChange"
      :on-send-code="onSendCode"
      :on-reset-password="onResetPassword"
      :on-back="onBack"
      :on-back-to-login="onBackToLogin"
    />
  </div>
</template>

<style scoped>
.forget-page-doc-demo {
  width: 100%;
}
</style>