MainLayout

Main content area layout for chat, including header, chat area and bottom warning.

Usage in 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>

Usage in HTML/React or Other Frameworks

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

API

Props

属性名	类型	默认值	说明
currentApplicationAvatar	`string`	`''`	Current application avatar
currentApplicationName	`string`	`''`	Current application name
currentApplicationGreeting	`string`	`''`	Current application greeting
currentApplicationOpeningQuestions	`string[]`	`[]`	Opening questions list
currentApplicationId	`string`	`''`	Current application ID
chatId	`string`	`''`	Current conversation ID
chatList	`Record[]`	`[]`	Chat message list
isChatting	`boolean`	`false`	Whether chatting
modelOptions	`any[]`	`[]`	Model options
selectModel	`any`	-	Selected model
isDeepThinking	`boolean`	`true`	Enable deep thinking mode
isMobile	`boolean`	`false`	Whether mobile
theme	`'light' \| 'dark'`	`'light'`	Theme mode
showSidebarToggle	`boolean`	`true`	Show sidebar toggle button
aiWarningText	`string`	`'AI generated content'`	AI warning text
i18n	`object`	-	i18n text
chatItemI18n	`object`	-	ChatItem i18n text
senderI18n	`object`	-	Sender i18n text

Slots

插槽名	说明
header-close-content	Header close button area
empty-content	Empty content area

MainLayout

MainLayout

Usage in Vue

Usage in HTML/React or Other Frameworks

API

Props

Slots

On this page