@wzh-/ai-chat-example 1.0.22 → 1.1.2

package/README.md

@@ -1,43 +1,35 @@
-# @wzh-/ai-chat-example
-
+# @mhg/xiao-mian-vue
 
 ## 安装
+
 ### pnpm
+
 ```bash
-pnpm install @wzh-/ai-chat-example
+pnpm install @mhg/xiao-mian-vue
 ```
+
 ### 使用
+
 ```javascript
 <template>
-  <div class="fixed bottom-0 top-0 left-0 right-0 p-4">
-    <div class="relative flex size-full flex-col overflow-hidden">
-      <ChatConversation :messages="messages" :status="status" />
-      <ChatPromptInputProvider :status="status" @submit="handleSubmit" :uploadImages="uploadImages" />
-    </div>
+  <!-- 容器高度100% 并且flex-direction: column布局 -->
+  <div class="h-full flex flex-col">
+    <ChatConversation :messages="messages" :status="status" @submit="handleSubmit"/>
+    <ChatPromptInputProvider :status="status" @submit="handleSubmit" :stop="stop"/>
   </div>
 </template>
 ```
+
 ```javascript
 <script setup lang='ts'>
-import { useChat, ChatConversation, ChatPromptInputProvider } from '@wzh-/ai-chat-example'
-import '@wzh-/ai-chat-example/dist/css/index.css'
-
-const Authorization = "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6NSwiZmFjdG9yeV9pZCI6NiwiaWF0IjoxNzY2NzE0OTI4LCJleHAiOjE3NjczMTk3Mjh9.-G0mw-z0_JHq7VLB4jj_CV1oiNmbMNWWQ9U8ToadrfU"
-
+import { useChat, ChatConversation, ChatPromptInputProvider } from '@mhg/xiao-mian-vue'
+import '@mhg/xiao-mian-vue/dist/index.css'
 
-const api = 'http://192.168.10.98:3090/main/xiao-mian/chat'
+const api = 'http://local-dev.58mhg.com:3090/main/xiao-mian/chat'
+const Authorization = "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6NSwiZmFjdG9yeV9pZCI6NiwiaWF0IjoxNzY2OTkxMzcwLCJleHAiOjE3Njc1OTYxNzB9.D9sU4ZE_5C4bs6wlzZ-HmT3liZ9fxOEhflQKCt3iWQ8"
 
-const { status, messages,handleSubmit } = useChat(api, Authorization)
+const { status, messages,handleSubmit,stop } = useChat(api, Authorization)
 
-/* 自定义上传图片 */
-const uploadImages = async (files: File[]) => {
-  const formData = new FormData();
-  files.forEach(file => {
-    formData.append('files', file);
-  })
-  const res = await request.post('/main/file/uploadImages', formData)
-  return res.map((item: any) => ({ name: item.name, path: item.path }))
-}
 
 </script>
 ```

package/dist/ChatConversation.css

@@ -0,0 +1 @@
+.text-box[data-v-d99ca689]{background:linear-gradient(225deg,#9d74fc 0%,#2a82e4 100%);color:#0000;-webkit-background-clip:text;margin-top:12px;font-size:16px;font-weight:700}.input-value-box[data-v-d99ca689]{flex-wrap:wrap;display:flex}.input-value-box>.item[data-v-d99ca689]{cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:12px;padding:12px;font-size:16px}.xiao-mian[data-v-d99ca689]{width:128px}@media (min-width:768px){.xiao-mian[data-v-d99ca689]{width:88px}}

package/dist/ChatPromptInput.css

@@ -0,0 +1 @@
+.prompt-input-content-box[data-v-00e9ba09]{flex-direction:row}.chat-input-textarea[data-v-00e9ba09]{field-sizing:content}

package/dist/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1 @@
+exports.default=(t,o)=>{const c=t.__vccOpts||t;for(const[r,s]of o)c[r]=s;return c};