From c758796170a415fc18a8d3fe8827da7af92e6a52 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Thu, 22 Oct 2026 22:11:22 +0800
Subject: [PATCH] feat: drawer style

---
 .../components/business/api-key-list/EditApiKeyDrawer.vue | 6 +-----
 .../components/log-message-list/index.vue                 | 2 +-
 .../conversation-panel/components/message-list/index.vue  | 8 ++------
 .../application-detail/chat-log/ChatLogDetailDrawer.vue   | 2 +-
 .../access-restriction/AccessRestrictionDrawer.vue        | 2 +-
 .../access-restriction/XpackAccessRestrictionDrawer.vue   | 2 +-
 .../library/tags/AssociatedDocumentDrawer.vue             | 6 +-----
 .../problem/components/ProblemDetailDrawer.vue            | 6 +-----
 .../views/tool/tool-form/tool-custom/ToolFormDrawer.vue   | 1 -
 ui/src/views/trigger/trigger-form/TriggerFormDrawer.vue   | 6 +-----
 10 files changed, 10 insertions(+), 31 deletions(-)

diff --git a/ui/src/components/business/api-key-list/EditApiKeyDrawer.vue b/ui/src/components/business/api-key-list/EditApiKeyDrawer.vue
index 193bdc4f787..d6116b4a49a 100644
--- a/ui/src/components/business/api-key-list/EditApiKeyDrawer.vue
+++ b/ui/src/components/business/api-key-list/EditApiKeyDrawer.vue
@@ -108,10 +108,6 @@ function handleSave() {
   })
 }
 
-function handleBeforeClose(done: () => void) {
-  if (!saving.value) done()
-}
-
 function handleClosed() {
   apiKeyId.value = ''
   form.secret_key = ''
@@ -128,7 +124,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDrawer v-model="visible" title="编辑 API Key" size="600" :before-close="handleBeforeClose" @closed="handleClosed">
+  <MkDrawer v-model="visible" title="编辑 API Key" @closed="handleClosed">
     <el-form ref="formRef" :model="form" :rules="rules" :inert="saving" label-position="top" require-asterisk-position="right" @submit.prevent>
       <el-form-item label="API KEY">
         <el-input :model-value="form.secret_key" disabled>
diff --git a/ui/src/conversation-panel/components/log-message-list/index.vue b/ui/src/conversation-panel/components/log-message-list/index.vue
index 72fa7bdf247..c1b1c0aacbc 100644
--- a/ui/src/conversation-panel/components/log-message-list/index.vue
+++ b/ui/src/conversation-panel/components/log-message-list/index.vue
@@ -78,7 +78,7 @@ const onScroll = async () => {
   flex-direction: column;
   gap: 6px;
   margin-bottom: 10px;
-  max-width: 680px;
+  max-width: 800px;
   width: 100%;
   box-sizing: border-box;
 }
diff --git a/ui/src/conversation-panel/components/message-list/index.vue b/ui/src/conversation-panel/components/message-list/index.vue
index 7253a262c38..44265bc270e 100644
--- a/ui/src/conversation-panel/components/message-list/index.vue
+++ b/ui/src/conversation-panel/components/message-list/index.vue
@@ -6,11 +6,7 @@
         <el-icon class="is-loading" :size="18"><LoadingIcon /></el-icon>
       </div>
 
-      <div
-        v-for="(msg, i) in messages"
-        :key="msg.id || i"
-        :class="['msg-row', msg.role === 'USER' ? 'user' : 'assistant']"
-      >
+      <div v-for="(msg, i) in messages" :key="msg.id || i" :class="['msg-row', msg.role === 'USER' ? 'user' : 'assistant']">
         <ContentList :content-list="msg.content" />
         <!-- 助手消息结束后显示底部信息栏(知识来源/执行详情/tokens/耗时) -->
         <MessageFooter v-if="msg.role === 'ASSISTANT' && (msg.write_ed || msg.record)" :message="msg" />
@@ -114,7 +110,7 @@ const onScroll = () => {
   flex-direction: column;
   gap: 6px;
   margin-bottom: 10px;
-  max-width: 680px;
+  max-width: 800px;
   width: 100%;
   box-sizing: border-box;
 }
diff --git a/ui/src/views/application-detail/chat-log/ChatLogDetailDrawer.vue b/ui/src/views/application-detail/chat-log/ChatLogDetailDrawer.vue
index c56204a3bf3..a818fd8a7eb 100644
--- a/ui/src/views/application-detail/chat-log/ChatLogDetailDrawer.vue
+++ b/ui/src/views/application-detail/chat-log/ChatLogDetailDrawer.vue
@@ -39,7 +39,7 @@ defineExpose({ open, close })
 </script>
 
 <template>
-  <MkDrawer v-model="visible" size="60%" content-class="h-full !p-0" @close="close" @closed="emit('closed')">
+  <MkDrawer v-model="visible" size="840" content-class="h-full !p-0" @close="close" @closed="emit('closed')">
     <template #header>
       <h4 class="min-w-0 truncate" :title="props.chatLog.abstract">{{ props.chatLog.abstract || '对话详情' }}</h4>
     </template>
diff --git a/ui/src/views/application-detail/overview/access-restriction/AccessRestrictionDrawer.vue b/ui/src/views/application-detail/overview/access-restriction/AccessRestrictionDrawer.vue
index c205066fe11..9b226f0f6e1 100644
--- a/ui/src/views/application-detail/overview/access-restriction/AccessRestrictionDrawer.vue
+++ b/ui/src/views/application-detail/overview/access-restriction/AccessRestrictionDrawer.vue
@@ -78,7 +78,7 @@ onMounted(loadAccessRestriction)
 </script>
 
 <template>
-  <MkDrawer v-model="visible" title="访问限制" size="600" content-class="h-full" @closed="emit('closed')">
+  <MkDrawer v-model="visible" title="访问限制" @closed="emit('closed')">
     <div v-loading="loading" class="h-full" :inert="saving">
       <el-form ref="formRef" :model="form" :rules="rules" label-position="top" require-asterisk-position="right" @submit.prevent>
         <el-form-item label="每个客户端提问限制" prop="access_num">
diff --git a/ui/src/views/application-detail/overview/access-restriction/XpackAccessRestrictionDrawer.vue b/ui/src/views/application-detail/overview/access-restriction/XpackAccessRestrictionDrawer.vue
index 72c3c109d5d..e308187f905 100644
--- a/ui/src/views/application-detail/overview/access-restriction/XpackAccessRestrictionDrawer.vue
+++ b/ui/src/views/application-detail/overview/access-restriction/XpackAccessRestrictionDrawer.vue
@@ -118,7 +118,7 @@ onMounted(loadAccessRestriction)
 </script>
 
 <template>
-  <MkDrawer v-model="visible" title="访问限制" size="600" content-class="h-full" @closed="emit('closed')">
+  <MkDrawer v-model="visible" title="访问限制" @closed="emit('closed')">
     <div v-loading="loading" class="h-full" :inert="saving">
       <el-form ref="formRef" :model="form" :rules="rules" label-position="top" require-asterisk-position="right" @submit.prevent>
         <el-form-item label="每个客户端提问限制" prop="access_num">
diff --git a/ui/src/views/knowledge-detail/library/tags/AssociatedDocumentDrawer.vue b/ui/src/views/knowledge-detail/library/tags/AssociatedDocumentDrawer.vue
index 406b761c8a8..5baf1e14a2b 100644
--- a/ui/src/views/knowledge-detail/library/tags/AssociatedDocumentDrawer.vue
+++ b/ui/src/views/knowledge-detail/library/tags/AssociatedDocumentDrawer.vue
@@ -119,10 +119,6 @@ function handleBatchLinkDocuments() {
   return handleLinkDocuments(selectedDocuments.value.map(({ id }) => id))
 }
 
-function handleBeforeClose(done: () => void) {
-  if (!loading.value) done()
-}
-
 function resetData() {
   currentTag.value = undefined
   activeTab.value = 'linked'
@@ -138,7 +134,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDrawer v-model="visible" :title="title" :before-close="handleBeforeClose" size="840" @closed="resetData">
+  <MkDrawer v-model="visible" :title="title" size="840" @closed="resetData">
     <div class="flex-column gap-4" :inert="loading">
       <el-tabs v-model="activeTab" :before-leave="() => !loading" @tab-change="handleTabChange">
         <el-tab-pane label="已关联文档" name="linked" />
diff --git a/ui/src/views/knowledge-detail/problem/components/ProblemDetailDrawer.vue b/ui/src/views/knowledge-detail/problem/components/ProblemDetailDrawer.vue
index 9737ed9aa96..e3b4f6e46e2 100644
--- a/ui/src/views/knowledge-detail/problem/components/ProblemDetailDrawer.vue
+++ b/ui/src/views/knowledge-detail/problem/components/ProblemDetailDrawer.vue
@@ -92,10 +92,6 @@ function handleParagraphClosed() {
   void handleLoadParagraphs()
 }
 
-function handleBeforeClose(done: () => void) {
-  if (!loading.value) done()
-}
-
 watch(
   () => problem.value.id,
   () => {
@@ -109,7 +105,7 @@ defineExpose({ refresh: handleLoadParagraphs })
 </script>
 
 <template>
-  <MkDrawer v-model="visible" title="问题详情" size="860" :before-close="handleBeforeClose" @closed="emit('closed')">
+  <MkDrawer v-model="visible" title="问题详情" size="840" @closed="emit('closed')">
     <div v-loading="loading">
       <div class="mb-4">
         <div class="mb-2">问题</div>
diff --git a/ui/src/views/tool/tool-form/tool-custom/ToolFormDrawer.vue b/ui/src/views/tool/tool-form/tool-custom/ToolFormDrawer.vue
index 0f86afb9bfb..7b3faf71017 100644
--- a/ui/src/views/tool/tool-form/tool-custom/ToolFormDrawer.vue
+++ b/ui/src/views/tool/tool-form/tool-custom/ToolFormDrawer.vue
@@ -185,7 +185,6 @@ defineExpose({ open })
       <h4 class="mk-title-decoration mb-4">基本信息</h4>
       <el-form-item label="名称" prop="name">
         <div class="flex-align-center w-full gap-3">
-
           <MkEditAvatar v-model="toolForm.icon" @change="handleIconChange">
             <template #default="{ icon }">
               <ToolIcon :icon="icon" />
diff --git a/ui/src/views/trigger/trigger-form/TriggerFormDrawer.vue b/ui/src/views/trigger/trigger-form/TriggerFormDrawer.vue
index b0e2bd45719..35e08dd9732 100644
--- a/ui/src/views/trigger/trigger-form/TriggerFormDrawer.vue
+++ b/ui/src/views/trigger/trigger-form/TriggerFormDrawer.vue
@@ -297,10 +297,6 @@ function resetData() {
   formRef.value?.clearValidate()
 }
 
-function handleBeforeClose(done: () => void) {
-  if (!saving.value) done()
-}
-
 function handleClosed() {
   resetData()
   emit('closed')
@@ -310,7 +306,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDrawer v-model="visible" :title="editingId ? '编辑触发器' : '创建触发器'" @closed="handleClosed" :before-close="handleBeforeClose">
+  <MkDrawer v-model="visible" :title="editingId ? '编辑触发器' : '创建触发器'" @closed="handleClosed">
     <div v-loading="loading || saving">
       <el-form ref="formRef" :model="form" :rules="rules" label-position="top" require-asterisk-position="right" @submit.prevent>
         <el-form-item label="触发器名称" prop="name">