组件
AI 建议 AI Suggestion
AI 建议按钮:提出下一步输入,选中后把提示词交回调用方。按钮复用共享 Button 的 outline 形态。
#基础用法
<script setup lang="ts">
import { AiPromptInput, AiSuggestion } from "@bysages/vue";
import { ref } from "vue";
const prompt = ref("");
</script>
<template>
<!-- Selecting a chip drafts it into the prompt vessel below. -->
<div class="grid gap-4 w-full">
<div class="flex flex-wrap gap-2">
<AiSuggestion prompt="Summarize the release" @select="prompt = $event" />
<AiSuggestion prompt="What changed in core?" @select="prompt = $event" />
</div>
<AiPromptInput v-model="prompt" />
</div>
</template>
#属性
#AiSuggestion
AI 建议按钮:提出下一步输入,选中后把提示词交回调用方。按钮复用共享 Button 的 outline 形态。
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
prompt | String | 建议词,同时作为标签;select 时完整返回 |