Chat 智能对话

<re-tabs :value="tabValue" :spaceEvenly="false" :scrollable="true" @change="onTabChange">
  <re-tab-panel label="基础使用" :value="0">
  <re-chat class="demo-chat" :data="baseMessages" :reverse="true" :showActionbar="true" :actionBar="baseActionBar" :likedIds="baseLikedIds" :dislikedIds="baseDislikedIds" @action="onChatAction(0, $event)">
  <re-chat-sender :value="baseDraft" :loading="baseSending" :showThink="false" :showSearch="false" :showUpload="false" :tips="baseTips" @update:value="onSenderValueChange(0, $event)" @send="onSend(0)" @stop="onStop(0)">
  <re-tab-panel label="组合式用法" :value="1">
  <re-chat class="demo-chat" :data="hookMessages" :reverse="true" :showActionbar="true" :actionBar="hookActionBar" @action="onChatAction(1, $event)">
  <re-chat-sender :value="hookDraft" :loading="hookSending" :showThink="true" :showSearch="false" :showUpload="false" :thinkActive="hookThink" :tips="hookTips" placeholder="输入问题，体验组合式问答" @update:value="onSenderValueChange(1, $event)" @toggle-think="toggleThink(1)" @send="onSend(1)" @stop="onStop(1)">
  <re-tab-panel label="文案助手" :value="4">
  <re-chat class="demo-chat" :data="docsMessages" :reverse="true" :showActionbar="true" :actionBar="docsActionBar" :likedIds="docsLikedIds" @action="onChatAction(2, $event)">
  <re-chat-sender :value="docsDraft" :loading="docsSending" :showThink="false" :showSearch="false" :showUpload="true" :files="docsFiles" :tips="docsTips" placeholder="输入文案主题，例如：春季露营新品发布" @update:value="onSenderValueChange(2, $event)" @upload-file="appendFile(2)" @upload-image="appendImage(2)" @upload-photo="appendPhoto(2)" @remove-file="removeFile(2, $event)" @send="onSend(2)" @stop="onStop(2)">
  <re-tab-panel label="图像生成" :value="5">
  <re-chat class="demo-chat" :data="imageMessages" :reverse="true" :showActionbar="true" :actionBar="imageActionBar" @action="onChatAction(3, $event)">
  <re-chat-sender :value="imageDraft" :loading="imageSending" :showThink="true" :showSearch="false" :showUpload="true" :thinkActive="imageThink" :files="imageFiles" :tips="imageTips" placeholder="输入生成图像的描述，例如：极简风露营海报" @update:value="onSenderValueChange(3, $event)" @toggle-think="toggleThink(3)" @upload-file="appendFile(3)" @upload-image="appendImage(3)" @upload-photo="appendPhoto(3)" @remove-file="removeFile(3, $event)" @send="onSend(3)" @stop="onStop(3)">
  <re-tab-panel label="任务规划" :value="6">
  <re-chat class="demo-chat" :data="agentMessages" :reverse="true" :showActionbar="true" :actionBar="agentActionBar" @action="onChatAction(4, $event)">
  <re-chat-sender :value="agentDraft" :loading="agentSending" :showThink="true" :showSearch="true" :showUpload="false" :thinkActive="agentThink" :searchActive="agentSearch" :tips="agentTips" placeholder="输入一个任务目标，例如：规划一次新品上线活动" @update:value="onSenderValueChange(4, $event)" @toggle-think="toggleThink(4)" @toggle-search="toggleSearch(4)" @send="onSend(4)" @stop="onStop(4)">