ADP Chat Component

ADP Chat Component is a complete AI chat component library built with Vue 3 + TDesign, providing rich chat interface components.

Features

• Complete Chat Interface - Provides core components like ADPChat, Chat, Sender
• Flexible Layout - Supports sidebar, main content area and various layout options
• Theme Customization - Supports light/dark theme switching
• Internationalization - Built-in Chinese and English support, customizable text
• Dynamic Mounting - Supports both Vue component and dynamic mounting usage
• API Mode - Supports configuring API for automatic data loading

Quick Start

<template>
  <ADPChat
    :applications="applications"
    :conversations="conversations"
    :chat-list="chatList"
    @send="handleSend"
  />
</template>

<script setup lang="ts">
import { ADPChat } from 'adp-chat-component'
import 'adp-chat-component/dist/es/adp-chat-component.css'
</script>

Component List

Layout Components

• ADPChat - Complete chat layout
• MainLayout - Main content area layout
• SideLayout - Sidebar layout

Chat Components

• Chat - Main chat component
• ChatItem - Chat message item
• ChatSender - Message sender
• ChatAppType - Application welcome page

Basic Components

• Button - Button
• AIWarning - AI warning tip
• ApplicationList - Application list
• HistoryList - History conversation list
• Settings - Settings component