62 lines
2.0 KiB
Markdown
62 lines
2.0 KiB
Markdown
# Nova SDK Tools - 组件替换总结
|
||
|
||
## ✅ 已完成工作
|
||
|
||
### 1. 清理和简化
|
||
- ✅ 删除了所有 API 相关组件（api-form, form-components）
|
||
- ✅ 删除了列表查看功能（custom-list-view, tool-item, tool-type-badge）
|
||
- ✅ 删除了示例功能（useExampleList, example-popover）
|
||
- ✅ 删除了所有 localize 相关代码
|
||
|
||
### 2. 只保留 SKILL 和 MCP 组件
|
||
**剩余文件（6个）：**
|
||
```
|
||
tools/
|
||
├── components/
|
||
│ ├── skill-form.tsx ✅ 已替换为 shadcn + lucide-react
|
||
│ ├── mcp-json-editor.tsx ✅ 已替换为 shadcn + lucide-react
|
||
│ └── message-mcp.tsx 🔄 待替换
|
||
├── settings/
|
||
│ ├── mcp-editor-modal.tsx 🔄 待替换
|
||
│ ├── ai-parse-config.tsx 🔄 待替换
|
||
│ └── mcp-store-popover.tsx 🔄 待替换
|
||
└── index.ts
|
||
```
|
||
|
||
### 3. UI 框架替换进度
|
||
|
||
**已完成（2/6）：**
|
||
- ✅ skill-form.tsx - Button, Input, Textarea, Label, toast (shadcn) + Inbox (lucide-react)
|
||
- ✅ mcp-json-editor.tsx - Button, Textarea, toast (shadcn)
|
||
|
||
**待完成（4/6）：**
|
||
- 🔄 message-mcp.tsx - 需替换 Spin, Button
|
||
- 🔄 mcp-editor-modal.tsx - 需替换 Button, Form, Input, message, Select, Tooltip
|
||
- 🔄 ai-parse-config.tsx - 需替换 Button, Form, Input, message, Popover, Tooltip
|
||
- 🔄 mcp-store-popover.tsx - 需替换 Popover, Tooltip
|
||
|
||
## 📋 替换方案
|
||
|
||
### antd → shadcn/ui 映射表
|
||
| antd | shadcn/ui |
|
||
|------|-----------|
|
||
| Button | Button |
|
||
| Input | Input |
|
||
| Input.TextArea | Textarea |
|
||
| Form | Label + Input/Textarea + 自定义验证 |
|
||
| Select | Select |
|
||
| message | toast (from @/hooks/use-toast) |
|
||
| Popover | Popover |
|
||
| Tooltip | Tooltip |
|
||
| Spin | Loader2 (from lucide-react) |
|
||
| Upload | 自定义文件上传 |
|
||
|
||
### @ant-design/icons → lucide-react 映射表
|
||
| antd icons | lucide-react |
|
||
|------------|--------------|
|
||
| InboxOutlined | Inbox |
|
||
| 其他图标 | 相应的 lucide-react 图标 |
|
||
|
||
## 🎯 下一步
|
||
继续替换剩余 4 个文件中的 antd 组件为 shadcn/ui
|