feat: 实现 API 接口对接功能 (删除作品、作品搜索、修改密码)
按照 TDD 规范完成三个核心功能的接口对接: ## 新增功能 ### 1. 删除作品功能 (app/generationRecord.tsx) - 新增 use-template-generation-actions.ts hook - 支持单个删除和批量删除作品 - 删除确认对话框 - 删除成功后自动刷新列表 - 完整的错误处理和加载状态 ### 2. 作品搜索功能 (app/searchWorksResults.tsx) - 新增 use-works-search.ts hook - 替换模拟数据为真实 SDK 接口 - 支持关键词搜索和分类筛选 - 支持分页加载 - 完整的加载、错误、空结果状态处理 ### 3. 修改密码功能 (app/changePassword.tsx) - 新增 use-change-password.ts hook - 使用 Better Auth 的 changePassword API - 客户端表单验证(密码长度、确认密码匹配等) - 成功后自动返回并提示 ## 技术实现 - 严格遵循 TDD 规范(先写测试,后写实现) - 新增 3 个 hooks 和对应的单元测试 - 更新中英文翻译文件 - 更新 jest.setup.js 添加必要的 mock ## 文档 - 新增 api_integration_report.md - API 对接分析报告 - 新增 api_integration_development_plan.md - 开发计划和完成汇总 Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
73
hooks/use-change-password.ts
Normal file
73
hooks/use-change-password.ts
Normal file
@@ -0,0 +1,73 @@
|
||||
import { useState } from 'react'
|
||||
import { authClient } from '@/lib/auth'
|
||||
import { handleError } from './use-error'
|
||||
import { type ApiError } from '@/lib/types'
|
||||
|
||||
export interface ChangePasswordParams {
|
||||
oldPassword: string
|
||||
newPassword: string
|
||||
confirmPassword?: string
|
||||
}
|
||||
|
||||
export interface ChangePasswordResult {
|
||||
changePassword: (params: ChangePasswordParams) => Promise<void>
|
||||
loading: boolean
|
||||
error: ApiError | null
|
||||
}
|
||||
|
||||
export const useChangePassword = (): ChangePasswordResult => {
|
||||
const [loading, setLoading] = useState<boolean>(false)
|
||||
const [error, setError] = useState<ApiError | null>(null)
|
||||
|
||||
const changePassword = async (params: ChangePasswordParams) => {
|
||||
const { oldPassword, newPassword, confirmPassword } = params
|
||||
|
||||
// 客户端验证
|
||||
if (!oldPassword) {
|
||||
setError({ message: '旧密码不能为空' })
|
||||
return
|
||||
}
|
||||
|
||||
if (newPassword.length < 6) {
|
||||
setError({ message: '新密码长度至少为6位' })
|
||||
return
|
||||
}
|
||||
|
||||
if (oldPassword === newPassword) {
|
||||
setError({ message: '新密码不能与当前密码相同' })
|
||||
return
|
||||
}
|
||||
|
||||
if (confirmPassword !== undefined && newPassword !== confirmPassword) {
|
||||
setError({ message: '新密码和确认密码不一致' })
|
||||
return
|
||||
}
|
||||
|
||||
try {
|
||||
setLoading(true)
|
||||
setError(null)
|
||||
|
||||
const result = await handleError(async () => {
|
||||
return await authClient.changePassword({
|
||||
oldPassword,
|
||||
newPassword,
|
||||
revokeOtherSessions: true,
|
||||
})
|
||||
})
|
||||
|
||||
if (result.error) {
|
||||
setError(result.error)
|
||||
}
|
||||
} catch (e) {
|
||||
setError(e as ApiError)
|
||||
} finally {
|
||||
setLoading(false)
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
changePassword,
|
||||
loading,
|
||||
error,
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user