AgentRadioGroup
带共享指示器的 Agent 单选决策控件。
案例
安装
bash
pnpm add @varo-ui/ai
pnpm dlx @varo-ui/cli add --target h5 components/agent-ui
pnpm dlx @varo-ui/cli add --target weapp components/agent-uiUI 组件由 Registry 安装到项目本地,因此从 @/components/agent-ui 导入;@varo-ui/ai 只提供事件协议、流控制和 Markdown 能力,不导出 Vue/Wevu UI 组件。
基础用法
vue
<script setup lang="ts">
import { AgentRadioGroup } from '@/components/agent-ui'
</script>
<template>
<AgentRadioGroup v-model:value="value" :choices="choices" />
</template>Props
| Prop | Type | Default | 说明 |
|---|---|---|---|
choices | AgentRadioChoice[] | [] | 选项 |
orientation | 'horizontal' | 'vertical' | vertical | 排列方向 |
value | string | '' | 选中值 |
Events
| Event | Payload | 说明 |
|---|---|---|
update:value | string | 更新选中值 |
change | string | 选择变化 |
平台差异
| Target | Import |
|---|---|
| H5 | Named export from @/components/agent-ui |
| weapp | @/components/agent-ui/AgentRadioGroup.vue |
组件 API 在两个目标保持一致;DOM/WXML、调度和原生事件由目标实现负责。