MainLayout

聊天主内容区布局，包含头部、聊天区域和底部警告。

vue中使用

<template>
  <MainLayout
    :current-application-name="appName"
    :current-application-avatar="appAvatar"
    :chat-id="chatId"
    :chat-list="chatList"
    :is-chatting="isChatting"
    @send="handleSend"
    @toggle-sidebar="handleToggleSidebar"
  />
</template>

html/react或其他框架中使用

<div id="containerId"></div>
<script>
ADPChatComponent.MainLayout.mount('#containerId', { })
</script>

API

Props

属性名	类型	默认值	说明
currentApplicationAvatar	`string`	`''`	当前应用头像
currentApplicationName	`string`	`''`	当前应用名称
currentApplicationGreeting	`string`	`''`	当前应用欢迎语
currentApplicationOpeningQuestions	`string[]`	`[]`	当前应用推荐问题列表
currentApplicationId	`string`	`''`	当前应用ID
chatId	`string`	`''`	当前会话ID
chatList	`Record[]`	`[]`	聊天消息列表
isChatting	`boolean`	`false`	是否正在聊天中
modelOptions	`any[]`	`[]`	模型选项列表
selectModel	`any`	-	当前选中的模型
isDeepThinking	`boolean`	`true`	是否启用深度思考模式
isMobile	`boolean`	`false`	是否为移动端
theme	`'light' \| 'dark'`	`'light'`	主题模式
showSidebarToggle	`boolean`	`true`	是否显示侧边栏切换按钮
aiWarningText	`string`	`'内容由AI生成，仅供参考'`	AI警告文本
i18n	`object`	-	国际化文本
chatItemI18n	`object`	-	ChatItem 国际化文本
senderI18n	`object`	-	Sender 国际化文本

Slots

插槽名	说明
header-close-content	头部关闭按钮区域
empty-content	空内容区域

MainLayout

MainLayout

vue中使用

html/react或其他框架中使用

API

Props

Slots

On this page