---
name: e10-ui-components
description: Use when selecting or implementing E10/e-cology React UI components from @weapp/ui, 组件选型、PC 或移动端组件、属性、事件、默认值、示例、表格、表单、按钮或按中文能力检索组件。
---

# E10 UI 组件

检索本 Skill 自带的 E10 UI 文档。只加载命中组件所需章节，禁止批量读取 `references/pc` 或 `references/mobile`。

## 工作流程

1. 从需求判断平台：`pc` 或 `mobile`。不明确时先从上下文判断；选错会影响组件名和 API 时再询问。
2. 用组件名、中文能力、属性或事件检索：

```bash
node skills/e10-local-knowledge/modules/e10-ui-components/scripts/search.mjs search "表格 分页" --platform pc --limit 3
```

3. 对候选先加载摘要：

```bash
node skills/e10-local-knowledge/modules/e10-ui-components/scripts/search.mjs load pc/table --section summary
```

4. 实现需要属性、事件或默认值时，只加载 API：

```bash
node skills/e10-local-knowledge/modules/e10-ui-components/scripts/search.mjs load pc/table --section api
```

5. 大型 API 只加载目标属性：

```bash
node skills/e10-local-knowledge/modules/e10-ui-components/scripts/search.mjs load pc/table --section api --symbol pagination
```

6. 需要代码写法时，只加载目标示例：

```bash
node skills/e10-local-knowledge/modules/e10-ui-components/scripts/search.mjs load pc/table --section examples --heading 基础用法
```

7. 仅当前信息都不足时使用 `--section all`。单次输出最多 12288 bytes。

## 选型规则

- PC 优先普通组件名，例如 `Button`、`Table`。
- 移动端优先 `M` 前缀组件，例如 `MButton`。
- API、默认值、事件签名必须来自命中文档，不凭记忆补写。
- 搜索无结果时依次换用中文能力、英文组件名、属性名。
- 只加载最终候选和直接依赖组件。
- 前置加载文件禁止直接使用 `@weapp/ui`；遵守项目前端基线和作用域隔离规则。

## 检索证据

规划或实现结果记录：

- 检索关键词与平台
- 命中组件 ID，例如 `pc/table`
- 已加载层级：`summary`、`api`、`examples` 或 `all`
- 采用或排除候选的理由

索引目录见 `references/catalog.md`。不要直接读取 `references/index.jsonl`；优先执行检索脚本。
