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:
112
hooks/use-template-generation-actions.ts
Normal file
112
hooks/use-template-generation-actions.ts
Normal file
@@ -0,0 +1,112 @@
|
||||
/**
|
||||
* use-template-generation-actions.ts
|
||||
*
|
||||
* 模板生成记录的增删改查操作 Hooks
|
||||
*
|
||||
* 提供功能:
|
||||
* - useDeleteGeneration: 删除单个生成记录
|
||||
* - useBatchDeleteGenerations: 批量删除生成记录
|
||||
*/
|
||||
|
||||
import { root } from '@repo/core'
|
||||
import { TemplateGenerationController } from '@repo/sdk'
|
||||
import { useCallback, useState } from 'react'
|
||||
|
||||
import { type ApiError } from '@/lib/types'
|
||||
import { handleError } from './use-error'
|
||||
|
||||
/**
|
||||
* 删除单个生成记录的 Hook
|
||||
*
|
||||
* @example
|
||||
* ```tsx
|
||||
* const { deleteGeneration, loading, error } = useDeleteGeneration()
|
||||
*
|
||||
* const handleDelete = async (id: string) => {
|
||||
* const { data, error } = await deleteGeneration(id)
|
||||
* if (error) {
|
||||
* Alert.alert('错误', error.message)
|
||||
* } else {
|
||||
* Alert.alert('成功', data.message)
|
||||
* refetch() // 刷新列表
|
||||
* }
|
||||
* }
|
||||
* ```
|
||||
*/
|
||||
export const useDeleteGeneration = () => {
|
||||
const [loading, setLoading] = useState(false)
|
||||
const [error, setError] = useState<ApiError | null>(null)
|
||||
|
||||
const deleteGeneration = useCallback(async (id: string) => {
|
||||
setLoading(true)
|
||||
setError(null)
|
||||
|
||||
const templateGeneration = root.get(TemplateGenerationController)
|
||||
const { data, error } = await handleError(
|
||||
async () => await templateGeneration.delete({ id }),
|
||||
)
|
||||
|
||||
setLoading(false)
|
||||
|
||||
if (error) {
|
||||
setError(error)
|
||||
return { data: null, error }
|
||||
}
|
||||
|
||||
return { data, error: null }
|
||||
}, [])
|
||||
|
||||
return {
|
||||
deleteGeneration,
|
||||
loading,
|
||||
error,
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 批量删除生成记录的 Hook
|
||||
*
|
||||
* @example
|
||||
* ```tsx
|
||||
* const { batchDeleteGenerations, loading, error } = useBatchDeleteGenerations()
|
||||
*
|
||||
* const handleBatchDelete = async (ids: string[]) => {
|
||||
* const { data, error } = await batchDeleteGenerations(ids)
|
||||
* if (error) {
|
||||
* Alert.alert('错误', error.message)
|
||||
* } else {
|
||||
* Alert.alert('成功', `已删除 ${data.deletedCount} 条记录`)
|
||||
* refetch() // 刷新列表
|
||||
* }
|
||||
* }
|
||||
* ```
|
||||
*/
|
||||
export const useBatchDeleteGenerations = () => {
|
||||
const [loading, setLoading] = useState(false)
|
||||
const [error, setError] = useState<ApiError | null>(null)
|
||||
|
||||
const batchDeleteGenerations = useCallback(async (ids: string[]) => {
|
||||
setLoading(true)
|
||||
setError(null)
|
||||
|
||||
const templateGeneration = root.get(TemplateGenerationController)
|
||||
const { data, error } = await handleError(
|
||||
async () => await templateGeneration.batchDelete({ ids }),
|
||||
)
|
||||
|
||||
setLoading(false)
|
||||
|
||||
if (error) {
|
||||
setError(error)
|
||||
return { data: null, error }
|
||||
}
|
||||
|
||||
return { data, error: null }
|
||||
}, [])
|
||||
|
||||
return {
|
||||
batchDeleteGenerations,
|
||||
loading,
|
||||
error,
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user