$ cnpm install vue-element-plus-x
English | 简体中文
An out-of-the-box enterprise-level AI component library (based on Vue 3 + Element-Plus)
| Resource Type | Link |
|---|---|
| Documentation | ???? Development Documentation |
| Online Demo | ????️ Online Preview |
| Code Repository | ???? GitHub ???? Gitee |
| NPM Package | ???? npm |
| Issue Feedback | ???? Submit a Bug |
| Community | ???? Discussion Group |
| Template Project Preview | ???? Online Preview |
| Template Project Source Code | ???? GitHub ???? Gitee |
# NPM
npm install vue-element-plus-x
# PNPM (Recommended)
pnpm install vue-element-plus-x
# Yarn
yarn install vue-element-plus-x
<script setup>
import { BubbleList, Sender } from 'vue-element-plus-x';
const list = [
{
content: 'Hello, Element Plus X',
role: 'user'
}
];
</script>
<template>
<div
style="display: flex; flex-direction: column; height: 230px; justify-content: space-between;"
>
<BubbleList :list="list" />
<Sender />
</div>
</template>
// main.ts
import { createApp } from 'vue';
import ElementPlusX from 'vue-element-plus-x';
import App from './App.vue';
const app = createApp(App);
// Globally import using app.use()
app.use(ElementPlusX);
app.mount('#app');
<!-- This method is still under testing -->
<!-- CDN Import -->
<script src="https://unpkg.com/vue-element-plus-x@1.3.0/dist/umd/index.js"></script>
| Component Name | Description | Documentation Link |
|---|---|---|
Typewriter |
Typewriter animation component | ???? Documentation |
Bubble |
Extended bubble message component | ???? Documentation |
BubbleList |
Extended bubble message list component | ???? Documentation |
Conversations |
Extended conversation management component | ???? Documentation |
Welcome |
Welcome component | ???? Documentation |
Prompts |
Prompt set component | ???? Documentation |
FilesCard |
File card component | ???? Documentation |
Attachments |
File attachment upload component | ???? Documentation |
Sender |
Intelligent input box (with voice interaction and built-in command operations) | ???? Documentation |
MentionSender |
Command input box (with mention list) | ???? Documentation |
Thinking |
Extended "Thinking..." component | ???? Documentation |
ThoughtChain |
Thought chain component | ???? Documentation |
useRecord |
Browser-built voice recognition API Hooks | ???? Documentation |
useXStream |
Stream mode interface Hooks | ???? Documentation |
useSend & XRequest |
Split version of stream mode Hooks (extended) | ???? Documentation |
???? We will collect everyone's encountered problems and demand scenarios in various aspects such as issues and communication groups, and develop short-term and long-term development plans. For more details, please move on ???? Development Plan
Details can be moved ???? [???? Documentation](https://element-plus-x.com/en/components
We welcome:
Join the WeChat communication group to get the latest news and technical support
If the group link expires, scan the author's QR code:
Copyright 2013 - present © cnpmjs.org | Home |