按照 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>
113 lines
2.8 KiB
TypeScript
113 lines
2.8 KiB
TypeScript
/**
|
|
* 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,
|
|
}
|
|
}
|