@matechat/core 0.0.2-alpha.1 → 1.0.0

package/README.md

@@ -56,7 +56,7 @@ createApp(App).use(DevUI).use(MateChat).mount('#app');
 
 ```html
 <template>
-  <McBubble :avatarConfig="{ name: 'matechat' }">
+  <McBubble :conent="'Hello, MateChat'" :avatarConfig="{ name: 'matechat' }"></McBubble>
 </template>
 ```
 
@@ -115,10 +115,7 @@ createApp(App).use(DevUI).use(MateChat).mount('#app');
         shape="circle"
         title="新建对话"
         size="sm"
-        @click="
-          startPage = true;
-          messages = [];
-        "
+        @click="newConversation"
       />
     </div>
     <McLayoutSender>
@@ -205,7 +202,13 @@ const messages = ref<any[]>([
   },
 ]);
 
+const newConversation = () => {
+  startPage.value = true;
+  messages.value = [];
+}
+
 const onSubmit = (evt) => {
+  inputValue.value='';
   startPage.value = false;
   // 用户发送消息
   messages.value.push({
@@ -308,7 +311,7 @@ client.value = new OpenAI({
 
 const fetchData = (ques) => {
   const completion = await client.value!.chat.completions.create({
-    model: 'my-model', //
+    model: 'my-model', // 替换为自己的model名称
     messages: [
       { role: 'user', content: ques },
     ],
@@ -325,8 +328,10 @@ const fetchData = (ques) => {
 那么参考以上步骤，【快速开始】中示例可调整下代码。
 
 将以下代码：
+
 ```ts
 const onSubmit = (evt) => {
+  inputValue.value = '';
   startPage.value = false;
   // 用户发送消息
   messages.value.push({
@@ -340,9 +345,11 @@ const onSubmit = (evt) => {
       content: evt,
     });
   }, 200);
+};
 ```
 
 修改为：
+
 ```ts
 import OpenAI from 'openai';
 
@@ -355,13 +362,15 @@ client.value = new OpenAI({
 });
 
 const onSubmit = (evt) => {
+  inputValue.value = '';
+  startPage.value = false;
   // 用户发送消息
   messages.value.push({
     from: 'user',
     content: evt,
     avatarConfig: { name: 'user' },
   });
-  
+
   fetchData(evt);
 };
 
@@ -374,7 +383,7 @@ const fetchData = async (ques) => {
     loading: true,
   });
   const completion = await client.value!.chat.completions.create({
-    model: 'my-model', //
+    model: 'my-model', // 替换为自己的model名称
     messages: [{ role: 'user', content: ques }],
     stream: true, // 为 true 则开启接口的流式返回
   });
@@ -387,7 +396,8 @@ const fetchData = async (ques) => {
   }
 };
 ```
-完成模型API地址与APIKey填充后，即拥有了一个对接大模型的简单应用。
+
+完成模型API地址与APIKey填充后，即拥有了一个对接大模型的简单应用。如果你想要参考更完整的页面示例，可参考[演示场景](https://matechat.gitcode.com/playground/playground.html)。
 
 ## 📝 提出意见&建议
 
@@ -420,4 +430,4 @@ MateChat 在不断的演进中，你可在这里了解我们的计划：[MateCha
 
 ## 联系方式
 
-欢迎加入我们的开源社区，关注DevUI微信公众号：DevUI
+欢迎加入我们的开源社区，关注DevUI微信公众号：DevUI

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matechat/core",
-  "version": "0.0.2-alpha.1",
+  "version": "1.0.0",
   "license": "MIT",
   "description": "前端智能化场景解决方案UI库，轻松构建你的AI应用。",
   "keywords": [
@@ -29,4 +29,4 @@
   "peerDependencies": {
     "vue": "^3.5.13"
   }
-}
+}