af-mobile-client-vue3 1.4.58 → 1.4.59

package/__dummy__

@@ -0,0 +1,10 @@
+{
+  "cells": [],
+  "metadata": {
+    "language_info": {
+      "name": "python"
+    }
+  },
+  "nbformat": 4,
+  "nbformat_minor": 2
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "af-mobile-client-vue3",
   "type": "module",
-  "version": "1.4.58",
+  "version": "1.4.59",
   "packageManager": "pnpm@10.13.1",
   "description": "Vue + Vite component lib",
   "engines": {

package/src/components/common/MateChat/components/MateChatContent.vue

@@ -145,7 +145,7 @@ function handleSelectSession(session: { chatId: string, title: string, lastTime:
         <McBubble v-else :content="msg.content" :avatar-config="{ imgSrc: liuliLogo }" :loading="msg.loading">
           <McMarkdownCard
             :content="msg.content"
-            :typing="true"
+            :typing="msg.typing === true"
           />
         </McBubble>
       </template>
@@ -157,9 +157,10 @@ function handleSelectSession(session: { chatId: string, title: string, lastTime:
         v-if="!startPage && simplePrompt && simplePrompt.length"
         :list="simplePrompt"
         direction="horizontal"
+        variant="shortcut"
         class="shortcut-prompt"
         style="flex: 1"
-        @item-click="onSubmit($event.label)"
+        @item-click="onSubmit($event.desc)"
       />
     </div>
     <McLayoutSender>

package/src/components/common/MateChat/components/PromptList/PromptList.vue

@@ -18,6 +18,12 @@ interface PromptItem {
 interface Props {
   list: PromptItem[]
   direction?: 'horizontal' | 'vertical'
+  /**
+   * 展示风格
+   * - default: 默认卡片
+   * - shortcut: 底部快捷入口，间距和内边距更小
+   */
+  variant?: 'default' | 'shortcut'
 }
 
 // 定义 emits
@@ -27,6 +33,7 @@ interface Emits {
 
 const props = withDefaults(defineProps<Props>(), {
   direction: 'vertical',
+  variant: 'default',
 })
 
 const emit = defineEmits<Emits>()
@@ -48,7 +55,10 @@ function getVantIconName(iconName: string): string {
 </script>
 
 <template>
-  <div class="prompt-list" :class="[`prompt-list--${direction}`]">
+  <div
+    class="prompt-list"
+    :class="[`prompt-list--${direction}`, { 'shortcut-prompt': props.variant === 'shortcut' }]"
+  >
     <div
       v-for="item in list"
       :key="item.value"
@@ -168,8 +178,10 @@ function getVantIconName(iconName: string): string {
 // 简化版样式（用于快捷提示）
 .shortcut-prompt {
   .prompt-item {
-    padding: 10px 14px;
+    padding: 5px 10px;
     min-width: auto;
+    /* 简化模式下按内容自适应宽度，而不是平均分配 */
+    flex: 0 0 auto;
 
     &__icon {
       width: 24px;
@@ -179,6 +191,7 @@ function getVantIconName(iconName: string): string {
     &__label {
       font-size: 13px;
       margin-bottom: 0;
+      white-space: nowrap;
     }
 
     &__desc {

package/src/components/common/MateChat/composables/useMateChat.ts

@@ -106,16 +106,18 @@ export function useMateChat(config: MateChatConfig) {
           ])
         }
         else {
-          // 正常消息：替换 loading 为模型回复
+          // 正常消息：替换 loading 为模型回复，并标记为打字机消息
           messages.value[loadingMessageIndex] = {
             from: 'model',
             content: result.content,
             loading: false,
+            typing: true,
           }
           // 更新缓存：追加用户消息和模型回复
           appendMessages(chatId.value, [
             { from: 'user', content: evt },
-            { from: 'model', content: result.content, loading: false },
+            // 缓存中仅用于渲染，不做二次打字机动画，这里也保留 typing 标记，方便后续扩展
+            { from: 'model', content: result.content, loading: false, typing: false },
           ])
         }
       }
@@ -209,9 +211,10 @@ export function useMateChat(config: MateChatConfig) {
 
         // 普通消息：结束 loading，按完整文本渲染并写入缓存
         msg.loading = false
+        msg.typing = true
         appendMessages(chatId.value, [
           { from: 'user', content: evt },
-          { from: 'model', content: msg.content, loading: false },
+          { from: 'model', content: msg.content, loading: false, typing: false },
         ])
       },
       onError(error) {
@@ -254,8 +257,11 @@ export function useMateChat(config: MateChatConfig) {
     // 先检查缓存
     const cachedMessages = getCachedMessages(targetChatId)
     if (cachedMessages) {
-      // 使用缓存数据
-      messages.value = cachedMessages
+      // 使用缓存数据，历史消息不需要打字机效果
+      messages.value = cachedMessages.map(msg => ({
+        ...msg,
+        typing: false,
+      }))
       chatId.value = targetChatId
       startPage.value = false
       return
@@ -322,6 +328,8 @@ export function useMateChat(config: MateChatConfig) {
             from: 'model',
             content,
             loading: false,
+            // 历史消息不需要打字机效果
+            typing: false,
           })
         }
       }

package/src/components/common/MateChat/types.ts

@@ -238,4 +238,10 @@ export interface MateChatMessage {
   from: 'user' | 'model' | 'service'
   content: string
   loading?: boolean
+  /**
+   * 是否启用打字机效果
+   * - true: 启用打字机
+   * - false 或未定义: 不启用打字机
+   */
+  typing?: boolean
 }