ソースを参照

📝 docs(stories): 更新007.013共享UI组件包故事添加DataTablePagination复制任务

- 将故事状态从Completed改为In Progress
- 添加复制DataTablePagination组件的任务
- 明确组件按路径导入使用,不修改package.json依赖

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
yourname 1 ヶ月 前
コミット
bd8c9ad985

+ 7 - 1
docs/stories/007.013.shared-ui-components-package.story.md

@@ -2,7 +2,7 @@
 
 ## 状态
 
-✅ Completed
+🔄 In Progress
 
 ## 故事
 
@@ -22,6 +22,7 @@
 8. **AC 8**: 实现完整的单元测试和集成测试,覆盖率满足标准要求
 
 **注意**: 不包含带有API客户端依赖的业务组件(如AvatarSelector、FileSelector、MinioUploader等),这些组件应该保留在各自的应用中。
+**新增**: 需要复制无API依赖的通用管理后台组件,如DataTablePagination表格分页组件到共享包中,供其他包按路径导入使用。
 
 ## 任务 / 子任务
 
@@ -39,6 +40,11 @@
   - [x] 确保Tailwind CSS样式正确继承
   - [x] 验证所有组件在共享包中正常工作
 
+- [ ] 复制管理后台通用组件 (AC: 2)
+  - [ ] 复制 `DataTablePagination` 表格分页组件到共享包
+  - [ ] 修改组件导入路径为共享包路径
+  - [ ] 验证分页功能正常工作
+
 - [x] 抽离共享hooks (AC: 3)
   - [x] 复制 `web/src/client/hooks/use-mobile.ts` 到共享包
   - [x] 统一和优化hooks实现

+ 3 - 2
docs/stories/007.029.supplier-management-ui-package.story.md

@@ -60,9 +60,10 @@ Completed
   - [x] **RPC管理器规范**:确保所有API调用使用单例模式的供应商客户端管理器,支持延迟初始化和客户端重置功能
   - [x] **类型安全规范**:使用Hono的InferRequestType和InferResponseType确保客户端与后端API的类型一致性
   - [x] **SupplierSelector组件规范**:确保SupplierSelector组件使用单租户供应商模块API,替换原有的多租户API调用
-  - [x] **包导出规范**:将SupplierSelector组件添加到包的导出接口中,确保可以被其他包使用
-  - [x] **SupplierSelector测试**:创建完整的SupplierSelector集成测试套件,验证API调用、供应商选择、占位符显示等功能
+  - [x] **参考UserSelector实现**:参考 `packages/user-management-ui/src/components/UserSelector.tsx` 的实现模式,包括API调用、test ID属性、类型定义等
+  - [x] **SupplierSelector测试**:创建完整的SupplierSelector集成测试套件,验证API调用、供应商选择、占位符显示等功能 [参考: packages/user-management-ui/tests/integration/user-selector.integration.test.tsx]
   - [x] **测试稳定性改进**:为SupplierSelector组件添加test ID属性,确保测试中能够准确找到特定组件,避免页面中有多个combobox时的定位问题
+  - [x] **包导出规范**:将SupplierSelector组件添加到包的导出接口中,确保可以被其他包使用
 
 - [x] 任务 5 (AC: 3, 4): 实现完整的供应商管理功能
   - [x] 实现供应商列表查询和分页功能

+ 3 - 2
docs/stories/007.031.merchant-management-ui-package.story.md

@@ -58,9 +58,10 @@ Done
   - [x] **RPC管理器规范**:确保所有API调用使用单例模式的商户客户端管理器,支持延迟初始化和客户端重置功能
   - [x] **类型安全规范**:使用Hono的InferRequestType和InferResponseType确保客户端与后端API的类型一致性
   - [x] **MerchantSelector组件规范**:确保MerchantSelector组件使用单租户商户模块API,替换原有的多租户API调用
-  - [x] **包导出规范**:将MerchantSelector组件添加到包的导出接口中,确保可以被其他包使用
-  - [x] **MerchantSelector测试**:创建完整的MerchantSelector集成测试套件,验证API调用、商户选择、占位符显示等功能
+  - [x] **参考UserSelector实现**:参考 `packages/user-management-ui/src/components/UserSelector.tsx` 的实现模式,包括API调用、test ID属性、类型定义等
+  - [x] **MerchantSelector测试**:创建完整的MerchantSelector集成测试套件,验证API调用、商户选择、占位符显示等功能 [参考: packages/user-management-ui/tests/integration/user-selector.integration.test.tsx]
   - [x] **测试稳定性改进**:为MerchantSelector组件添加test ID属性,确保测试中能够准确找到特定组件,避免页面中有多个combobox时的定位问题
+  - [x] **包导出规范**:将MerchantSelector组件添加到包的导出接口中,确保可以被其他包使用
 
 - [x] 任务 5 (AC: 3, 4): 实现完整的商户管理功能
   - [x] 实现商户列表查询和分页功能