# 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 强相关）
