46 lines
873 B
Markdown
46 lines
873 B
Markdown
|
---
|
|||
|
|
name: frontend-admin-store
|
|||
|
|
description: Admin 前端状态管理规范，基于 Pinia
|
|||
|
|
globs:
|
|||
|
|
- "frontend/admin/src/store/**/*.ts"
|
|||
|
|
- "apps/**/src/stores/**/*.ts"
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 代码模板
|
|||
|
|
|
|||
|
|
```typescript
|
|||
|
|
import { defineStore } from 'pinia';
|
|||
|
|
|
|||
|
|
interface {Model}State {
|
|||
|
|
list: any[];
|
|||
|
|
total: number;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export const use{Model}Store = defineStore('{module}-{model}', {
|
|||
|
|
state: (): {Model}State => ({
|
|||
|
|
list: [],
|
|||
|
|
total: 0,
|
|||
|
|
}),
|
|||
|
|
actions: {
|
|||
|
|
async fetchList(params?: any) {
|
|||
|
|
const res = await get{Model}List(params);
|
|||
|
|
this.list = res.data.items;
|
|||
|
|
this.total = res.data.total;
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 关键约定
|
|||
|
|
|
|||
|
|
- Store 命名：`use{Name}Store`
|
|||
|
|
- Store ID：`kebab-case`
|
|||
|
|
- State 使用类型定义
|
|||
|
|
- Actions 使用 async/await
|
|||
|
|
|
|||
|
|
## 检查清单
|
|||
|
|
|
|||
|
|
- [ ] Store 名称是否唯一
|
|||
|
|
- [ ] State 是否有类型定义
|
|||
|
|
- [ ] Actions 是否有错误处理
|