refactor: 重组项目结构 - 创建 test/ 和 example/ 目录
将测试从 src/test/ 迁移到根目录 test/。
创建 example/ 目录用于组件展示案例。
创建 src/types.ts 占位文件。
更新 STRUCTURE.md 反映新结构。
Co-Authored-By: ClaudeCode
1 files modified
4 files added
| | |
| | | │ ├── plugins/ # 高级组件 - 复杂功能 |
| | | │ ├── bases/ # 业务组件 - 领域特定 |
| | | │ └── assets/ # 静态资源 |
| | | ├── test/ # 测试案例(待补充) |
| | | ├── test/ # Vitest 测试配置和案例 |
| | | ├── example/ # 组件展示案例 |
| | | ├── public/ # 公共资源 |
| | | ├── openspec/ # 变更管理 |
| | | ├── README.md # 项目概述 |
| | |
| | | └── ... |
| | | ``` |
| | | |
| | | ## test/ - 测试案例 |
| | | ## test/ - 测试目录 |
| | | |
| | | 测试目录,待测试框架确定后补充结构。 |
| | | Vitest 测试配置和测试案例。 |
| | | |
| | | 初步规划: |
| | | ``` |
| | | test/ |
| | | ├── setup.ts # Jest DOM 全局断言配置 |
| | | ├── unit/ # 单元测试 |
| | | ├── integration/ # 集成测试 |
| | | └── e2e/ # 端到端测试 |
| | | └── e2e/ # 端到端测试(Playwright) |
| | | ``` |
| | | |
| | | ## example/ - 组件展示案例 |
| | | |
| | | 用于独立展示和调试组件的示例页面,是项目的入口点。 |
| | | |
| | | ``` |
| | | example/ |
| | | ├── App.tsx # 演示应用入口 |
| | | ├── main.tsx # 渲染入口 |
| | | └── index.css # 全局样式 |
| | | ``` |
| | | |
| | | **入口文件**: `index.html` 引用 `/example/main.tsx` 作为模块入口。 |
| | | |
| | | ## 文件命名规范 |
| | | |
| | | ### 组件文件 |
| New file |
| | |
| | | function App() { |
| | | return ( |
| | | <div style={{ padding: '20px' }}> |
| | | <h1>admin2-components</h1> |
| | | <p>组件展示示例(待开发)</p> |
| | | </div> |
| | | ); |
| | | } |
| | | |
| | | export default App; |
| New file |
| | |
| | | * { |
| | | margin: 0; |
| | | padding: 0; |
| | | box-sizing: border-box; |
| | | } |
| New file |
| | |
| | | import { createRoot } from 'react-dom/client'; |
| | | import './index.css'; |
| | | import App from './App'; |
| | | |
| | | createRoot(document.getElementById('root')!).render(<App />); |