|
|
@@ -185,7 +185,7 @@ allin-packages/{module-name}-management-ui/
|
|
|
| 方面 | 当前项目(目标) | allin_system-master(源) | 差异程度 |
|
|
|
|------|------------------|---------------------------|----------|
|
|
|
| **UI框架** | React 19 + @d8d/shared-ui-components | React 19 + Ant Design 5 | **重大** |
|
|
|
-| **状态管理** | React Query + Zustand | Jotai | **中等** |
|
|
|
+| **状态管理** | React Query + React状态(useState/useContext) | Jotai | **中等** |
|
|
|
| **表单处理** | React Hook Form + Zod | Ant Design Form | **重大** |
|
|
|
| **API客户端** | Hono RPC (rpcClient + ClientManager模式) | 自定义fetch API | **重大** |
|
|
|
| **样式方案** | Tailwind CSS + shadcn/ui | Ant Design + Tailwind CSS | **中等** |
|
|
|
@@ -201,7 +201,7 @@ allin-packages/{module-name}-management-ui/
|
|
|
|
|
|
##### A. 架构转换策略
|
|
|
1. **Ant Design组件 → @d8d/shared-ui-components组件**:重写所有UI组件,遵循[UI包开发规范](../architecture/ui-package-standards.md#组件开发规范)
|
|
|
-2. **Jotai状态 → React Query + Zustand**:重构状态管理,遵循[UI包开发规范](../architecture/ui-package-standards.md#状态管理规范)
|
|
|
+2. **Jotai状态 → React Query + React状态(useState/useContext)**:重构状态管理,遵循[UI包开发规范](../architecture/ui-package-standards.md#状态管理规范)
|
|
|
3. **Ant Design Form → React Hook Form + Zod**:转换表单逻辑
|
|
|
4. **自定义fetch API → Hono RPC (rpcClient + ClientManager模式)**:重构API客户端,使用项目现有的rpcClient工具和ClientManager单例模式,遵循[UI包开发规范](../architecture/ui-package-standards.md#rpc客户端实现规范)
|
|
|
5. **Next.js页面 → React组件库**:将页面转换为可复用组件,遵循[UI包开发规范](../architecture/ui-package-standards.md#包结构规范)
|
|
|
@@ -800,7 +800,7 @@ const useChannels = () => {
|
|
|
|
|
|
**技术栈转换关键点**:
|
|
|
- **Ant Design组件 → @d8d/shared-ui-components组件**:使用现有共享UI组件库
|
|
|
-- **Jotai状态 → React Query + Zustand**:使用TanStack Query进行数据管理
|
|
|
+- **Jotai状态 → React Query + React状态(useState/useContext)**:使用TanStack Query进行服务端数据管理,React状态管理本地状态
|
|
|
- **Ant Design Form → React Hook Form + Zod**:使用hook form + zod验证
|
|
|
- **自定义fetch API → Hono RPC (rpcClient + ClientManager模式)**:使用类型安全的RPC客户端,遵循项目现有的rpcClient工具和ClientManager单例模式
|
|
|
- **文件上传**:集成`@d8d/file-management-ui`文件选择器组件
|