Browse Source

📝 docs(stories): 为供应商和商户管理UI包添加选择器组件集成任务

- 在007.029供应商管理UI包故事中添加SupplierSelector组件集成任务
- 在007.031商户管理UI包故事中添加MerchantSelector组件集成任务
- 遵循RPC客户端管理器规范和测试稳定性最佳实践

Generated with [Claude Code](https://claude.ai/code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
yourname 1 month ago
parent
commit
59beee5033

+ 1 - 0
docs/stories/007.021.advertisement-type-management-ui-package.story.md

@@ -191,6 +191,7 @@ Completed
 - **规范对齐**: 参照用户UI包实现模式,使用导出的客户端实例而非函数调用
 - **API端点修正**: 更新API调用从 `$get()` 改为 `index.$get()` 以匹配正确的API端点
 - **UI优化**: 移除不必要的骨架屏,改为在Select组件中显示加载状态
+- **已知问题**: Radix UI Select组件在测试环境中存在内部错误(candidate?.scrollIntoView is not a function),不影响功能使用
 
 ### Completion Notes List
 

+ 9 - 0
docs/stories/007.029.supplier-management-ui-package.story.md

@@ -57,6 +57,15 @@ Completed
   - [x] 使用供应商客户端管理实例.get()来获取供应商RPC客户端
   - [x] **骨架屏优化**:确保骨架屏只在表格数据区域显示,不影响搜索框、筛选器等其他UI元素
 
+- [ ] 任务 9 (新增任务): 集成供应商选择器组件
+  - [ ] 复制 `web/src/client/admin/components/SupplierSelector.tsx` 为 `packages/supplier-management-ui/src/components/SupplierSelector.tsx`
+  - [ ] 更新组件导入路径,使用共享UI组件包
+  - [ ] 使用供应商客户端管理实例.get()来获取供应商RPC客户端
+  - [ ] 实现单例模式的供应商客户端管理器,支持延迟初始化和类型安全
+  - [ ] 为组件添加test ID属性,提升测试稳定性
+  - [ ] 创建集成测试:`packages/supplier-management-ui/tests/integration/supplier-selector.integration.test.tsx`
+  - [ ] 更新包导出接口,导出SupplierSelector组件
+
 - [x] 任务 5 (AC: 3, 4): 实现完整的供应商管理功能
   - [x] 实现供应商列表查询和分页功能
   - [x] 实现供应商创建、编辑、删除功能

+ 9 - 0
docs/stories/007.031.merchant-management-ui-package.story.md

@@ -55,6 +55,15 @@ Done
   - [x] **规范**:共享UI包组件导入必须使用具体组件路径,如 `@d8d/shared-ui-components/components/ui/button`,避免从根导入
   - [x] 使用商户客户端管理实例.get()来获取商户RPC客户端
 
+- [ ] 任务 9 (新增任务): 集成商户选择器组件
+  - [ ] 复制 `web/src/client/admin/components/MerchantSelector.tsx` 为 `packages/merchant-management-ui/src/components/MerchantSelector.tsx`
+  - [ ] 更新组件导入路径,使用共享UI组件包
+  - [ ] 使用商户客户端管理实例.get()来获取商户RPC客户端
+  - [ ] 实现单例模式的商户客户端管理器,支持延迟初始化和类型安全
+  - [ ] 为组件添加test ID属性,提升测试稳定性
+  - [ ] 创建集成测试:`packages/merchant-management-ui/tests/integration/merchant-selector.integration.test.tsx`
+  - [ ] 更新包导出接口,导出MerchantSelector组件
+
 - [x] 任务 5 (AC: 3, 4): 实现完整的商户管理功能
   - [x] 实现商户列表查询和分页功能
   - [x] 实现商户创建、编辑、删除功能