From 1df9ee3cf29763fe8b0bb6cf4a8154edd716436d Mon Sep 17 00:00:00 2001
From: MT-Mint <798521692@qq.com>
Date: Thu, 26 Mar 2026 10:17:58 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=A7=BB=E9=99=A4=E8=B7=AF=E7=94=B1=20b?=
 =?UTF-8?q?ase=20=E8=B7=AF=E5=BE=84=E5=B9=B6=E4=BC=98=E5=8C=96=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E5=B1=95=E7=A4=BA=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Vue Router base 路径从 /chat-ui/ 改为 /
- MessageBubble 添加 readonly prop，分享页面隐藏操作栏
- 图片网格改用 inline-flex 布局，按内容宽度收缩

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/message/MessageBubble.vue | 14 +++++++++-----
 src/router/index.ts                      |  2 +-
 src/views/ShareView.vue                  |  3 ++-
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/components/message/MessageBubble.vue b/src/components/message/MessageBubble.vue
index 8feaec5..2738f1a 100644
--- a/src/components/message/MessageBubble.vue
+++ b/src/components/message/MessageBubble.vue
@@ -175,6 +175,7 @@
           message.role === 'assistant' &&
           !message.isStreaming &&
           !message.isError &&
+          !readonly &&
           !isMessageSelectMode
         "
         :content="message.content.text || ''"
@@ -223,12 +224,14 @@ const props = withDefaults(
     isNew?: boolean;
     isMessageSelectMode?: boolean;
     isSelected?: boolean;
+    readonly?: boolean;
   }>(),
   {
     showTimestamp: true,
     compact: false,
     isMessageSelectMode: false,
     isSelected: false,
+    readonly: false,
   },
 );
 const { copy } = useClipboard({ legacy: true });
@@ -488,7 +491,7 @@ setCustomComponents("playground-demo", {
 
 // markstream-vue 样式覆盖
 .text-content {
-  :deep(p) {
+    :deep(p) {
     margin: 0 0 12px;
 
     &:last-child {
@@ -664,15 +667,16 @@ setCustomComponents("playground-demo", {
   }
 }
 
-.images-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
-  gap: 8px;
+.images-flex {
+  display: inline-flex;
+  flex-wrap: wrap;
+  gap: 7px;
   margin-top: 12px;
 }
 
 .image-item {
   position: relative;
+  width: 130px;
   aspect-ratio: 1;
   border-radius: 12px;
   overflow: hidden;
diff --git a/src/router/index.ts b/src/router/index.ts
index 0425f16..2b292f5 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -2,7 +2,7 @@ import { createRouter, createWebHistory } from 'vue-router'
 import HomeView from '@/views/HomeView.vue'
 
 const router = createRouter({
-  history: createWebHistory('/chat-ui/'),
+  history: createWebHistory('/'),
   routes: [
     {
       path: '/',
diff --git a/src/views/ShareView.vue b/src/views/ShareView.vue
index b6fa72e..43ae317 100644
--- a/src/views/ShareView.vue
+++ b/src/views/ShareView.vue
@@ -100,6 +100,7 @@
             :key="message.id"
             :message="message"
             :show-timestamp="true"
+            :readonly="true"
           />
         </template>
       </div>
@@ -562,4 +563,4 @@ onMounted(() => {
   padding: 20px 0;
   overflow-y: auto;
 }
-</style>
\ No newline at end of file
+</style>