组件
Guava UI 组件库文档，基于 Vue 3 + TypeScript 封装，文档风格参考 Element Plus。
表单组件
| 组件 | 说明 |
|---|---|
| Col 列布局 | 列布局，支持自定义宽度、间距等 |
| Row 行布局 | 行布局，支持自定义宽度、间距等 |
| Button 提交按钮 | 提交表单，支持自定义图标、加载状态等 |
| Input 输入框 | 基础文本输入，支持密码、图标、文本域等 |
| InputNumber 数字输入框 | 数字输入，支持数字输入等 |
| Select 选择器 | 下拉选择，支持单选、多选、远程搜索等 |
| Checkbox 复选框 | 复选框，支持单选、多选、禁用等 |
| CheckBoxGroup 复选框组 | 复选框组，支持多选、禁用等 |
| CheckBoxButton 复选框按钮 | 按钮，支持自定义图标、加载状态等 |
| Radio 单选框 | 单选框，支持单选、禁用等 |
| RadioGroup 单选框组 | 单选框组，支持多选、禁用等 |
| RadioButton 单选框按钮 | 按钮，支持自定义图标、加载状态等 |
| Badge 徽标 | 徽标，支持数字、字母等显示 |
| Card 卡片 | 卡片，支持内容区域 |
| Tabs 选项卡 | 选项卡，支持选项卡等 |
| Cascader 级联选择器 | 级联选择器，支持多级选择等 |
| Dialog 对话框 | 对话框，支持内容区域等 |
| BodyDialog 对话框 | 对话框，支持内容区域等 |
| Drawer 抽屉 | 抽屉，支持内容区域等 |
| Form 表单 | 表单，支持内容布局等 |
| Table 表格 | 表格，支持数据展示等 |
| Popover 提示框 | 提示框，支持内容区域等 |
| SearchBar 搜索框 | 搜索框，支持搜索输入等 |
| Tree 树状结构 | 树状结构，支持层级展示等 |
| Upload 上传组件 | 上传组件，支持文件上传等 |
| Validator 校验组件 | 校验组件，支持校验等 |
| Anchor 锚点组件 | 锚点组件，支持锚点等 |
文档结构说明
每个组件文档包含以下内容（与 Element Plus 保持一致）：
- 实时演示 — 上方展示可交互的组件效果
- 显示代码 — 点击可展开/收起对应示例源码
- API — Attributes（属性）、Events（事件）、Slots（插槽）、Exposes（暴露方法）
- 类型定义 — TypeScript 类型说明
安装
bash
pnpm add guava-uitypescript
// main.ts
import GuavaUI from 'guava-ui';
import 'guava-ui/dist/index.css';
app.use(GuavaUI);