71 lines
2.4 KiB
Markdown
71 lines
2.4 KiB
Markdown
|
# 13. 组件清单（library/components）
|
|||
|
|
|
|||
|
|
> 目的：让 AI 在新项目中“选组件/抽组件”时，先从**可复用目录清单**开始，避免漏组件或重复造轮子。
|
|||
|
|
|
|||
|
|
## 组件根目录
|
|||
|
|
|
|||
|
|
- `library/components/`（约定：每个 `Vab*` 目录是一组可复用组件）
|
|||
|
|
|
|||
|
|
## 当前组件目录（按仓库实际目录列出）
|
|||
|
|
|
|||
|
|
- `VabApp`：应用壳/全局 Provider
|
|||
|
|
- `VabAppMain`：主内容区（与 Layout 配合）
|
|||
|
|
- `VabAvatar`
|
|||
|
|
- `VabBreadcrumb`
|
|||
|
|
- `VabCard`
|
|||
|
|
- `VabColorfulCard`
|
|||
|
|
- `VabColumnBar`
|
|||
|
|
- `VabErrorLog`
|
|||
|
|
- `VabFold`
|
|||
|
|
- `VabFooter`
|
|||
|
|
- `VabFullScreen`
|
|||
|
|
- `VabHeader`
|
|||
|
|
- `VabLanguage`
|
|||
|
|
- `VabLink`
|
|||
|
|
- `VabLock`
|
|||
|
|
- `VabLogo`
|
|||
|
|
- `VabMenu`
|
|||
|
|
- `VabNav`
|
|||
|
|
- `VabNotice`
|
|||
|
|
- `VabQueryForm`
|
|||
|
|
- `VabRefresh`
|
|||
|
|
- `VabRouterView`
|
|||
|
|
- `VabSearch`
|
|||
|
|
- `VabSideBar`
|
|||
|
|
- `VabTabs`
|
|||
|
|
- `VabTheme`
|
|||
|
|
|
|||
|
|
## 抽取建议（最小闭包）
|
|||
|
|
|
|||
|
|
- 优先使用任务模板：`openspec-lite/tasks/extract-component.yaml`
|
|||
|
|
- 若组件涉及 Layout/Theme：先抽 `layouts` 与 `vab-theme`，再补 `store-settings` 与 `plugin-vab`
|
|||
|
|
|
|||
|
|
高耦合组件规格（机读）：
|
|||
|
|
|
|||
|
|
- `vab-app-main`：`openspec-lite/modules/vab-app-main.yaml`
|
|||
|
|
- `vab-avatar`：`openspec-lite/modules/vab-avatar.yaml`
|
|||
|
|
- `vab-breadcrumb`：`openspec-lite/modules/vab-breadcrumb.yaml`
|
|||
|
|
- `vab-card`：`openspec-lite/modules/vab-card.yaml`
|
|||
|
|
- `vab-colorful-card`：`openspec-lite/modules/vab-colorful-card.yaml`
|
|||
|
|
- `vab-column-bar`：`openspec-lite/modules/vab-column-bar.yaml`
|
|||
|
|
- `vab-router-view`：`openspec-lite/modules/vab-router-view.yaml`
|
|||
|
|
- `vab-error-log`：`openspec-lite/modules/vab-error-log.yaml`
|
|||
|
|
- `vab-fold`：`openspec-lite/modules/vab-fold.yaml`
|
|||
|
|
- `vab-query-form`：`openspec-lite/modules/vab-query-form.yaml`
|
|||
|
|
- `vab-refresh`：`openspec-lite/modules/vab-refresh.yaml`
|
|||
|
|
- `vab-search`：`openspec-lite/modules/vab-search.yaml`
|
|||
|
|
- `vab-lock`：`openspec-lite/modules/vab-lock.yaml`
|
|||
|
|
- `vab-notice`：`openspec-lite/modules/vab-notice.yaml`
|
|||
|
|
- `vab-logo`：`openspec-lite/modules/vab-logo.yaml`
|
|||
|
|
- `vab-nav`：`openspec-lite/modules/vab-nav.yaml`
|
|||
|
|
- `vab-language`：`openspec-lite/modules/vab-language.yaml`
|
|||
|
|
- `vab-full-screen`：`openspec-lite/modules/vab-full-screen.yaml`
|
|||
|
|
- `vab-footer`：`openspec-lite/modules/vab-footer.yaml`
|
|||
|
|
- `vab-link`：`openspec-lite/modules/vab-link.yaml`
|
|||
|
|
|
|||
|
|
## 快速定位（grep/语义检索）
|
|||
|
|
|
|||
|
|
- `library/components/<VabName>/index.vue`
|
|||
|
|
- `VabThemeDrawer` / `VabThemeSetting`
|
|||
|
|
- `VabMenu` / `VabTabs` / `VabSideBar`（通常与路由/权限/store 强相关）
|