|
@@ -31,13 +31,14 @@ Draft
|
|
|
|
|
|
|
|
- [ ] 任务 2 (AC: 1): 配置包依赖和构建
|
|
- [ ] 任务 2 (AC: 1): 配置包依赖和构建
|
|
|
- [ ] 创建 `packages/goods-management-ui/package.json` 包配置
|
|
- [ ] 创建 `packages/goods-management-ui/package.json` 包配置
|
|
|
- - [ ] 添加依赖:`@d8d/shared-ui-components`、`@d8d/goods-module`
|
|
|
|
|
|
|
+ - [ ] 添加依赖:`@d8d/shared-ui-components`、`@d8d/goods-module`、`@d8d/file-management-ui`
|
|
|
- [ ] 配置构建脚本和TypeScript配置
|
|
- [ ] 配置构建脚本和TypeScript配置
|
|
|
|
|
|
|
|
- [ ] 任务 3 (AC: 2, 3): 复制并调整商品管理界面组件
|
|
- [ ] 任务 3 (AC: 2, 3): 复制并调整商品管理界面组件
|
|
|
- [ ] 复制 `web/src/client/admin/pages/Goods.tsx` 为 `packages/goods-management-ui/src/components/GoodsManagement.tsx`
|
|
- [ ] 复制 `web/src/client/admin/pages/Goods.tsx` 为 `packages/goods-management-ui/src/components/GoodsManagement.tsx`
|
|
|
- [ ] 更新组件导入路径,使用共享UI组件包
|
|
- [ ] 更新组件导入路径,使用共享UI组件包
|
|
|
- [ ] 调整API客户端,使用商品模块包
|
|
- [ ] 调整API客户端,使用商品模块包
|
|
|
|
|
+ - [ ] 集成文件选择器组件,使用 `@d8d/file-management-ui` 中的 `FileSelector` 组件替换原有的图片上传逻辑
|
|
|
|
|
|
|
|
- [ ] 任务 4 (AC: 3, 6): 创建API客户端和类型定义
|
|
- [ ] 任务 4 (AC: 3, 6): 创建API客户端和类型定义
|
|
|
- [ ] 创建 `packages/goods-management-ui/src/api/goodsClient.ts` API客户端
|
|
- [ ] 创建 `packages/goods-management-ui/src/api/goodsClient.ts` API客户端
|
|
@@ -48,6 +49,7 @@ Draft
|
|
|
- [ ] 实现商品列表查询和分页功能
|
|
- [ ] 实现商品列表查询和分页功能
|
|
|
- [ ] 实现商品创建、编辑、删除功能
|
|
- [ ] 实现商品创建、编辑、删除功能
|
|
|
- [ ] 实现库存管理和价格管理
|
|
- [ ] 实现库存管理和价格管理
|
|
|
|
|
+ - [ ] 使用 `FileSelector` 组件实现商品主图和轮播图上传功能
|
|
|
- [ ] 实现搜索和过滤功能
|
|
- [ ] 实现搜索和过滤功能
|
|
|
|
|
|
|
|
- [ ] 任务 6 (AC: 8): 创建测试套件
|
|
- [ ] 任务 6 (AC: 8): 创建测试套件
|
|
@@ -100,6 +102,7 @@ Draft
|
|
|
### 依赖关系
|
|
### 依赖关系
|
|
|
- **共享UI组件包**: `@d8d/shared-ui-components` - 提供基础UI组件 [Source: architecture/source-tree.md#实际项目结构]
|
|
- **共享UI组件包**: `@d8d/shared-ui-components` - 提供基础UI组件 [Source: architecture/source-tree.md#实际项目结构]
|
|
|
- **单租户商品模块**: `@d8d/goods-module` - 提供商品管理API [Source: docs/prd/epic-007-multi-tenant-package-replication.md#商品管理界面包]
|
|
- **单租户商品模块**: `@d8d/goods-module` - 提供商品管理API [Source: docs/prd/epic-007-multi-tenant-package-replication.md#商品管理界面包]
|
|
|
|
|
+- **文件管理UI包**: `@d8d/file-management-ui` - 提供文件选择器组件,用于商品主图和轮播图上传选择功能
|
|
|
|
|
|
|
|
### 从前一个故事吸取的经验教训
|
|
### 从前一个故事吸取的经验教训
|
|
|
- **useQuery测试策略**: 使用真实的QueryClientProvider而不是mock react-query,在TestWrapper中提供完整的react-query上下文 [Source: docs/stories/007.017.user-management-ui-package.story.md#从前一个故事吸取的经验教训]
|
|
- **useQuery测试策略**: 使用真实的QueryClientProvider而不是mock react-query,在TestWrapper中提供完整的react-query上下文 [Source: docs/stories/007.017.user-management-ui-package.story.md#从前一个故事吸取的经验教训]
|
|
@@ -147,6 +150,7 @@ Draft
|
|
|
- **商品CRUD测试**: 验证商品创建、读取、更新、删除功能
|
|
- **商品CRUD测试**: 验证商品创建、读取、更新、删除功能
|
|
|
- **库存管理测试**: 验证库存数量管理和预警功能
|
|
- **库存管理测试**: 验证库存数量管理和预警功能
|
|
|
- **价格管理测试**: 验证价格设置和调整功能
|
|
- **价格管理测试**: 验证价格设置和调整功能
|
|
|
|
|
+- **文件选择器集成测试**: 验证与 `FileSelector` 组件的集成,包括商品主图和轮播图上传功能
|
|
|
- **搜索过滤测试**: 验证搜索和过滤功能正常工作
|
|
- **搜索过滤测试**: 验证搜索和过滤功能正常工作
|
|
|
- **表单验证测试**: 验证表单验证和错误处理
|
|
- **表单验证测试**: 验证表单验证和错误处理
|
|
|
- **API集成测试**: 验证与商品模块的API集成
|
|
- **API集成测试**: 验证与商品模块的API集成
|
|
@@ -162,6 +166,7 @@ Draft
|
|
|
| 日期 | 版本 | 描述 | 作者 |
|
|
| 日期 | 版本 | 描述 | 作者 |
|
|
|
|------|------|------|------|
|
|
|------|------|------|------|
|
|
|
| 2025-11-16 | 1.0 | 初始故事创建,包含pnpm install任务 | Bob (Scrum Master) |
|
|
| 2025-11-16 | 1.0 | 初始故事创建,包含pnpm install任务 | Bob (Scrum Master) |
|
|
|
|
|
+| 2025-11-16 | 1.1 | 添加对文件管理UI包中FileSelector组件的依赖 | John (PM) |
|
|
|
|
|
|
|
|
## Dev Agent Record
|
|
## Dev Agent Record
|
|
|
|
|
|