From 0d06c444705c00587a5e38a77afb029226cc36c5 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Thu, 22 Oct 2026 21:43:16 +0800
Subject: [PATCH] feat: dialog style

---
 ui/src/components/COMPONENT_README.md         |  5 ++-
 .../business/api-key-list/index.vue           |  4 +-
 .../business/folder-tree/MoveToDialog.vue     |  4 +-
 .../PermissionConfigDialog.vue                |  8 ++--
 .../select-application-dialog/index.vue       |  2 +-
 .../select-knowledge-dialog/index.vue         |  2 +-
 .../select-model/ModelParamsDialog.vue        |  2 +-
 ui/src/components/codemirror-editor/Json.vue  |  2 +-
 .../components/codemirror-editor/python.vue   |  2 +-
 .../markdown-editor/MdEditorMagnify.vue       |  2 +-
 ui/src/components/global/mk-dialog/index.vue  |  1 +
 ui/src/components/mk-dynamics-form/Demo.vue   |  2 +-
 .../items/TreeSelectConstructor.vue           |  9 +++-
 ui/src/conversation-panel/index.scss          |  6 +--
 ui/src/layout/avatar-dropdown/AboutDialog.vue |  2 +-
 .../layout/avatar-dropdown/ApiKeyDialog.vue   |  2 +-
 .../avatar-dropdown/ChangePasswordDialog.vue  |  2 +-
 ui/src/styles/element-plus.scss               | 14 ++++--
 .../add-knowledge/AddKnowledgeDialog.vue      |  6 +--
 .../overview/api-key/ApiKeyDialog.vue         |  2 +-
 .../XpackDisplaySettingDialog.vue             |  1 -
 .../application-detail/overview/index.vue     |  3 ++
 .../components/ButtonKnowledgeSetting.vue     |  2 +-
 .../components/ButtonLongTermSetting.vue      |  2 +-
 .../AdvancedCreateDialog.vue                  |  6 +--
 .../create-application/SimpleCreateDialog.vue |  2 +-
 .../migrate/ParagraphMigrateDialog.vue        |  6 +--
 .../CreateParagraphDialog.vue                 | 14 +-----
 .../paragraph-dialog/ParagraphDialog.vue      | 14 +++---
 .../upload-document/EditParagraphDialog.vue   |  1 -
 .../library/tags/components/EditTagDialog.vue |  6 +--
 .../components/AssociateParagraphDialog.vue   |  2 +-
 .../create-knowledge/BaseKnowledgeDialog.vue  | 34 ++++++++-------
 .../create-knowledge/LarkKnowledgeDialog.vue  |  8 ++--
 .../WorkflowKnowledgeDialog.vue               | 12 +++---
 .../ModelParamDialog.vue                      |  2 +-
 .../BatchSetUserGroupDialog.vue               |  4 +-
 .../quota-settings/QuotaSettingsDialog.vue    |  2 +-
 .../users/user-password/UserPwdDialog.vue     |  2 +-
 .../identity/resource-authorization/index.vue | 18 ++++----
 .../BatchSetUserRoleDialog.vue                |  4 +-
 .../users/user-password/UserPwdDialog.vue     |  2 +-
 .../clean-strategy/CleanStrategyDialog.vue    |  2 +-
 .../dialog/OperateLogDetailDialog.vue         |  2 +-
 .../AuthorizedWorkspaceDialog.vue             |  2 +-
 .../tool/tool-form/WorkflowFormDialog.vue     |  7 +--
 .../component/init-field/InitFieldDialog.vue  | 14 +++++-
 .../input-field/InputFieldDialog.vue          |  2 +-
 .../tool/tool-store/ApplyStoreToolDialog.vue  |  2 +-
 .../views/tool/tool-store/ToolStoreDialog.vue |  6 ++-
 .../publish-history/DescriptionDialog.vue     |  2 +-
 .../EditPublishVersionDialog.vue              |  6 +--
 .../template-store/TemplateStoreDialog.vue    |  2 +-
 .../component/ThinkingSetting.vue             |  2 +-
 .../base-node/component/FileUploadSetting.vue |  2 +-
 .../base-node/component/LongTermSetting.vue   |  2 +-
 .../api-parameter/ApiParameterDialog.vue      |  2 +-
 .../ConversationVariableDialog.vue            |  2 +-
 .../user-input/UserInputFieldDialog.vue       |  2 +-
 .../user-input/UserInputSettingDialog.vue     |  2 +-
 .../form-setting/FormFieldDialog.vue          |  2 +-
 .../component/TitleSettingDialog.vue          |  2 +-
 .../component/UserFieldFormDialog.vue         |  2 +-
 .../component/LoopFieldDialog.vue             |  2 +-
 .../component/McpServerInputDialog.vue        | 43 ++++++++++---------
 .../ParametersFieldDialog.vue                 |  2 +-
 .../reranker-node/component/SearchSetting.vue |  2 +-
 .../component/SearchSetting.vue               |  2 +-
 .../component/input/InputFieldFormDialog.vue  |  2 +-
 .../component/input/TitleSettingDialog.vue    |  2 +-
 .../output/OutputFieldFormDialog.vue          |  2 +-
 .../component/output/TitleSettingDialog.vue   |  2 +-
 .../component/GroupFieldDialog.vue            |  2 +-
 .../variable-field/VariableFieldDialog.vue    |  5 ++-
 74 files changed, 176 insertions(+), 183 deletions(-)

diff --git a/ui/src/components/COMPONENT_README.md b/ui/src/components/COMPONENT_README.md
index 900b6507649..c92401ae7ee 100644
--- a/ui/src/components/COMPONENT_README.md
+++ b/ui/src/components/COMPONENT_README.md
@@ -140,8 +140,9 @@ Admin、Chat 入口调用 `configureMarkdownEditor()` 配置本地高亮、KaTeX
 Dialog 和 Drawer 的 `show-close` 不根据 loading 或提交状态动态判断，默认保留关闭按钮；
 业务需要固定隐藏关闭按钮时，可继续使用 `:show-close="false"`。
 
-布尔 `v-model` 控制显示，默认宽度 `600`、挂载到 body、显示关闭按钮、关闭后销毁，
-禁止点击遮罩和 Escape 关闭。其余 Dialog 属性、事件通过 `$attrs` 透传。
+布尔 `v-model` 控制显示，默认宽度 `600`、水平垂直居中（`align-center`）、挂载到 body、显示关闭按钮、关闭后销毁，
+禁止点击遮罩和 Escape 关闭。调用方可通过 `:align-center="false"` 关闭垂直居中。
+其余 Dialog 属性、事件通过 `$attrs` 透传。
 提供默认、`header`、`subtitle`、`footer` 插槽；`subtitle` 不替代标题，`header` 透出原生关闭与标题参数。
 内容由 `el-scrollbar` 包裹，容器为 `px-6 dialog-content`，通过 `contentClass` 调整；
 最大高度由全局 Dialog 样式控制。
diff --git a/ui/src/components/business/api-key-list/index.vue b/ui/src/components/business/api-key-list/index.vue
index 11b6c6a930f..dd4b7e8d17e 100644
--- a/ui/src/components/business/api-key-list/index.vue
+++ b/ui/src/components/business/api-key-list/index.vue
@@ -122,7 +122,7 @@ onMounted(loadApiKeys)
     <MkTable
       v-model:pagination-config="pagination"
       :data="apiKeyRows"
-      :max-table-height="480"
+      :max-table-height="425"
       @current-change="loadApiKeys"
       @size-change="loadApiKeys"
     >
@@ -190,7 +190,7 @@ onMounted(loadApiKeys)
       </el-table-column>
     </MkTable>
   </div>
-  <MkDialog v-model="createdDialogVisible" title="API Key" align-center @closed="createdApiKey = ''">
+  <MkDialog v-model="createdDialogVisible" title="API Key" @closed="createdApiKey = ''">
     <template #subtitle>请安全保存此密钥，不要泄露。</template>
     <el-input :model-value="createdApiKey" readonly>
       <template #suffix>
diff --git a/ui/src/components/business/folder-tree/MoveToDialog.vue b/ui/src/components/business/folder-tree/MoveToDialog.vue
index 2e76ec26713..668505cc844 100644
--- a/ui/src/components/business/folder-tree/MoveToDialog.vue
+++ b/ui/src/components/business/folder-tree/MoveToDialog.vue
@@ -38,7 +38,7 @@ defineExpose({ close, open })
 </script>
 
 <template>
-  <MkDialog align-center v-model="visible" class="move-to-dialog" content-class="move-to-dialog__content" title="移动到" @closed="resetData">
+  <MkDialog v-model="visible" class="move-to-dialog" content-class="move-to-dialog__content" title="移动到" @closed="resetData">
     <FolderTree
       v-model="selectedTargetId"
       class="move-to-dialog__folder-tree"
@@ -50,7 +50,7 @@ defineExpose({ close, open })
 
     <template #footer>
       <el-button :disabled="loading" @click="visible = false">取消</el-button>
-      <el-button type="primary" :disabled="!canSubmit" :loading="loading" @click="handleSubmit"> 确定 </el-button>
+      <el-button type="primary" :disabled="!canSubmit" :loading="loading" @click="handleSubmit">确定</el-button>
     </template>
   </MkDialog>
 </template>
diff --git a/ui/src/components/business/resource-authorization-drawer/PermissionConfigDialog.vue b/ui/src/components/business/resource-authorization-drawer/PermissionConfigDialog.vue
index dc70aceb02f..b15414c1d85 100644
--- a/ui/src/components/business/resource-authorization-drawer/PermissionConfigDialog.vue
+++ b/ui/src/components/business/resource-authorization-drawer/PermissionConfigDialog.vue
@@ -50,16 +50,16 @@ defineExpose({ open, close })
         <p v-if="option.description" class="mt-1 text-N500">{{ option.description }}</p>
       </el-radio>
     </el-radio-group>
-    <template v-if="isFolder">
-      <template v-if="!scopeOnly">
+    <div v-if="isFolder">
+      <div v-if="!scopeOnly">
         <el-divider class="my-4!" />
         <h6 class="mb-2">生效资源</h6>
-      </template>
+      </div>
       <el-radio-group v-model="includeChildren" class="mk-radio-group-vertical" :disabled="loading">
         <el-radio :value="false">仅当前资源</el-radio>
         <el-radio :value="true" :disabled="!canIncludeChildren">包含所有子文件夹</el-radio>
       </el-radio-group>
-    </template>
+    </div>
     <template #footer>
       <el-button plain :disabled="loading" @click="close">取消</el-button>
       <el-button type="primary" :loading="loading" :disabled="!permission" @click="handleSubmit">确认</el-button>
diff --git a/ui/src/components/business/select-application-dialog/index.vue b/ui/src/components/business/select-application-dialog/index.vue
index 13234b7698d..08e9a3353b1 100644
--- a/ui/src/components/business/select-application-dialog/index.vue
+++ b/ui/src/components/business/select-application-dialog/index.vue
@@ -96,7 +96,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="visible" align-center class="mk-aside-content-dialog" title="智能体" width="1200" @closed="resetData">
+  <MkDialog v-model="visible" class="mk-aside-content-dialog" title="智能体" width="1200" @closed="resetData">
     <template #header="{ titleId }">
       <div class="flex-between pr-8">
         <div class="flex-align-center gap-2">
diff --git a/ui/src/components/business/select-knowledge-dialog/index.vue b/ui/src/components/business/select-knowledge-dialog/index.vue
index d489aa761a5..dc416836ffc 100644
--- a/ui/src/components/business/select-knowledge-dialog/index.vue
+++ b/ui/src/components/business/select-knowledge-dialog/index.vue
@@ -102,7 +102,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="visible" align-center class="mk-aside-content-dialog" width="1200" @closed="resetData">
+  <MkDialog v-model="visible" class="mk-aside-content-dialog" width="1200" @closed="resetData">
     <template #header="{ titleId }">
       <div class="flex-between pr-8">
         <div class="flex-align-center gap-2">
diff --git a/ui/src/components/business/select-model/ModelParamsDialog.vue b/ui/src/components/business/select-model/ModelParamsDialog.vue
index c0ed0d98273..4a8915b4cc2 100644
--- a/ui/src/components/business/select-model/ModelParamsDialog.vue
+++ b/ui/src/components/business/select-model/ModelParamsDialog.vue
@@ -65,7 +65,7 @@ defineExpose({ open, resetDefault })
 </script>
 
 <template>
-  <MkDialog v-model="visible" title="模型参数设置" width="600" @closed="resetData">
+  <MkDialog v-model="visible" title="模型参数设置" @closed="resetData">
     <div v-loading="loading">
       <MkDynamicsForm ref="formRef" v-model="formData" :render-data="formFields" default-item-width="100%" />
     </div>
diff --git a/ui/src/components/codemirror-editor/Json.vue b/ui/src/components/codemirror-editor/Json.vue
index d0692864ac5..bf9f96681be 100644
--- a/ui/src/components/codemirror-editor/Json.vue
+++ b/ui/src/components/codemirror-editor/Json.vue
@@ -121,7 +121,7 @@ defineExpose({ format, validateRules })
     </el-button>
   </div>
 
-  <MkDialog v-model="dialogVisible" :title="props.title" append-to-body fullscreen>
+  <MkDialog :align-center="false" v-model="dialogVisible" :title="props.title" append-to-body fullscreen>
     <div class="mk-codemirror">
       <Codemirror v-model="dialogContent" :extensions="extensions" :tab-size="4" autofocus :style="{ height: 'calc(100dvh - 160px)' }" />
     </div>
diff --git a/ui/src/components/codemirror-editor/python.vue b/ui/src/components/codemirror-editor/python.vue
index 0aa15b4daba..6fb29a94661 100644
--- a/ui/src/components/codemirror-editor/python.vue
+++ b/ui/src/components/codemirror-editor/python.vue
@@ -90,7 +90,7 @@ function submitEditorDialog() {
     </el-button>
   </div>
 
-  <MkDialog v-model="dialogVisible" :title="title" append-to-body fullscreen>
+  <MkDialog :align-center="false" v-model="dialogVisible" :title="title" append-to-body fullscreen>
     <template #header="{ titleClass, titleId }">
       <div class="flex-between mr-4">
         <span :id="titleId" :class="titleClass">{{ title }}</span>
diff --git a/ui/src/components/global/markdown-editor/MdEditorMagnify.vue b/ui/src/components/global/markdown-editor/MdEditorMagnify.vue
index 15ec251c2b0..5d3c6d82e4c 100644
--- a/ui/src/components/global/markdown-editor/MdEditorMagnify.vue
+++ b/ui/src/components/global/markdown-editor/MdEditorMagnify.vue
@@ -58,7 +58,7 @@ async function submitEditorDialog() {
     </template>
   </MdEditor>
 
-  <MkDialog v-model="dialogVisible" :title="title" align-center>
+  <MkDialog v-model="dialogVisible" :title="title">
     <MdEditor
       v-model="dialogContent"
       :preview="false"
diff --git a/ui/src/components/global/mk-dialog/index.vue b/ui/src/components/global/mk-dialog/index.vue
index 4d6fde6834d..dee636d1c3e 100644
--- a/ui/src/components/global/mk-dialog/index.vue
+++ b/ui/src/components/global/mk-dialog/index.vue
@@ -31,6 +31,7 @@ defineSlots<{
   <el-dialog
     v-if="rendered"
     v-model="visible"
+    :align-center="true"
     :append-to-body="true"
     :close-on-click-modal="false"
     :close-on-press-escape="false"
diff --git a/ui/src/components/mk-dynamics-form/Demo.vue b/ui/src/components/mk-dynamics-form/Demo.vue
index 19165c11071..9d0af116438 100644
--- a/ui/src/components/mk-dynamics-form/Demo.vue
+++ b/ui/src/components/mk-dynamics-form/Demo.vue
@@ -174,7 +174,7 @@ const validateForm = async () => {
   </div>
 
   <!-- 添加/编辑字段弹窗 -->
-  <MkDialog v-model="dialogVisible" :title="isEdit ? '编辑字段' : '添加字段'" width="600px" append-to-body destroy-on-close>
+  <MkDialog :align-center="false" v-model="dialogVisible" :title="isEdit ? '编辑字段' : '添加字段'" width="600px" append-to-body destroy-on-close>
     <MkDynamicsFormConstructor ref="constructorRef" v-model="currentField" :enable-visibility="true" :left-options="visibilityFieldOptions" />
     <template #footer>
       <el-button @click="dialogVisible = false">取消</el-button>
diff --git a/ui/src/components/mk-dynamics-form/constructor/items/TreeSelectConstructor.vue b/ui/src/components/mk-dynamics-form/constructor/items/TreeSelectConstructor.vue
index d7d5ff54dc4..b15cd32e086 100644
--- a/ui/src/components/mk-dynamics-form/constructor/items/TreeSelectConstructor.vue
+++ b/ui/src/components/mk-dynamics-form/constructor/items/TreeSelectConstructor.vue
@@ -289,7 +289,14 @@ function removeNodeById(list: TreeNode[], targetId: string): boolean {
   </MkDialog>
 
   <!-- 编辑弹窗 -->
-  <MkDialog :close-on-click-modal="true" :close-on-press-escape="true" v-model="editDialog.visible" title="编辑" @closed="handleEditClosed">
+  <MkDialog
+    :align-center="false"
+    :close-on-click-modal="true"
+    :close-on-press-escape="true"
+    v-model="editDialog.visible"
+    title="编辑"
+    @closed="handleEditClosed"
+  >
     <el-form :model="editDialog.form" label-position="top" require-asterisk-position="right" @submit.prevent>
       <div class="flex gap-2">
         <el-form-item label="标签" required class="min-w-0 flex-1 small">
diff --git a/ui/src/conversation-panel/index.scss b/ui/src/conversation-panel/index.scss
index 1a174976bd1..26375218bbc 100644
--- a/ui/src/conversation-panel/index.scss
+++ b/ui/src/conversation-panel/index.scss
@@ -112,7 +112,7 @@
 
 /* 用户提问容器：随内容收缩并靠右排列。 */
 .mk-conversation-question-content {
-  margin-left: auto;
-  max-width: 85%;
-  width: fit-content;
+  // margin-left: auto;
+  // max-width: 85%;
+  // width: fit-content;
 }
diff --git a/ui/src/layout/avatar-dropdown/AboutDialog.vue b/ui/src/layout/avatar-dropdown/AboutDialog.vue
index 651cb1a0d4e..3619348ae74 100644
--- a/ui/src/layout/avatar-dropdown/AboutDialog.vue
+++ b/ui/src/layout/avatar-dropdown/AboutDialog.vue
@@ -93,7 +93,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog align-center v-model="dialogVisible" title="关于" :close-on-click-modal="true" :close-on-press-escape="true" @closed="handleClosed">
+  <MkDialog v-model="dialogVisible" title="关于" :close-on-click-modal="true" :close-on-press-escape="true" @closed="handleClosed">
     <div v-loading="loading" class="overflow-hidden rounded-xl border">
       <div class="flex-center h-35 bg-primary/10">
         <LogoFull :height="60" class="max-w-full!" />
diff --git a/ui/src/layout/avatar-dropdown/ApiKeyDialog.vue b/ui/src/layout/avatar-dropdown/ApiKeyDialog.vue
index 9b0a9b7fd50..fed13c97e0f 100644
--- a/ui/src/layout/avatar-dropdown/ApiKeyDialog.vue
+++ b/ui/src/layout/avatar-dropdown/ApiKeyDialog.vue
@@ -18,7 +18,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="visible" title="API Key" width="1000" align-center>
+  <MkDialog v-model="visible" title="API Key" width="1000">
     <div class="mk-gray-card-lg mb-4 space-y-2">
       <div>API 文档</div>
       <el-input :model-value="apiDocUrl" readonly>
diff --git a/ui/src/layout/avatar-dropdown/ChangePasswordDialog.vue b/ui/src/layout/avatar-dropdown/ChangePasswordDialog.vue
index a746b0e388a..ed11dac5339 100644
--- a/ui/src/layout/avatar-dropdown/ChangePasswordDialog.vue
+++ b/ui/src/layout/avatar-dropdown/ChangePasswordDialog.vue
@@ -115,7 +115,7 @@ defineExpose({ open })
       <!-- 取消修改密码 -->
       <el-button :disabled="passwordSubmitting" plain @click="dialogVisible = false">取消</el-button>
       <!-- 保存新密码 -->
-      <el-button :loading="passwordSubmitting" type="primary" @click="submitPassword"> 保存 </el-button>
+      <el-button :loading="passwordSubmitting" type="primary" @click="submitPassword">保存</el-button>
     </template>
   </MkDialog>
 </template>
diff --git a/ui/src/styles/element-plus.scss b/ui/src/styles/element-plus.scss
index bc3d7886f14..0525eab0871 100644
--- a/ui/src/styles/element-plus.scss
+++ b/ui/src/styles/element-plus.scss
@@ -458,7 +458,11 @@
     padding-top: 0;
   }
   .dialog-content {
-    max-height: calc(100vh - 272px);
+    max-height: calc(100vh - 220px);
+  }
+  // 有底部操作区时，额外扣除 footer 占用的高度
+  &:has(.el-dialog__footer) .dialog-content {
+    max-height: calc(100vh - 280px);
   }
   &.is-fullscreen {
     .dialog-content {
@@ -487,7 +491,11 @@
     .dialog-content {
       padding: 0;
       max-height: none;
-      height: calc(100vh - 180px);
+      height: calc(100vh - 190px);
+    }
+    // 有底部操作区时，额外扣除 footer 占用的高度
+    &:has(.el-dialog__footer) .dialog-content {
+      max-height: calc(100vh - 250px);
     }
     .el-dialog__footer {
       border-top: var(--el-border);
@@ -544,7 +552,7 @@
     padding: calc(var(--spacing) * 4) calc(var(--spacing) * 6);
   }
   &.btt {
-    height: calc(100% - 100px) !important;
+    height: calc(100% - 60px) !important;
   }
 }
 /* dropdown */
diff --git a/ui/src/views/application-detail/chat-log/add-knowledge/AddKnowledgeDialog.vue b/ui/src/views/application-detail/chat-log/add-knowledge/AddKnowledgeDialog.vue
index 8ce020b2957..21efa4019c6 100644
--- a/ui/src/views/application-detail/chat-log/add-knowledge/AddKnowledgeDialog.vue
+++ b/ui/src/views/application-detail/chat-log/add-knowledge/AddKnowledgeDialog.vue
@@ -96,10 +96,6 @@ async function handleSubmit() {
     })
 }
 
-function handleBeforeClose(done: () => void) {
-  if (!loading.value && !optionLoading.value) done()
-}
-
 function handleClosed() {
   knowledgeForm.knowledge_id = ''
   knowledgeForm.document_id = ''
@@ -118,7 +114,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="visible" title="添加到知识库" :before-close="handleBeforeClose" @closed="handleClosed">
+  <MkDialog v-model="visible" title="添加到知识库" @closed="handleClosed">
     <el-form
       ref="formRef"
       v-loading="loading || optionLoading"
diff --git a/ui/src/views/application-detail/overview/api-key/ApiKeyDialog.vue b/ui/src/views/application-detail/overview/api-key/ApiKeyDialog.vue
index 37d37826d52..abdf5558356 100644
--- a/ui/src/views/application-detail/overview/api-key/ApiKeyDialog.vue
+++ b/ui/src/views/application-detail/overview/api-key/ApiKeyDialog.vue
@@ -20,7 +20,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="visible" title="API Key" width="1000" align-center>
+  <MkDialog v-model="visible" title="API Key" width="1000">
     <div class="mk-gray-card-lg mb-4 space-y-2">
       <div>Base URL</div>
       <el-input :model-value="baseUrl" readonly>
diff --git a/ui/src/views/application-detail/overview/display-setting/XpackDisplaySettingDialog.vue b/ui/src/views/application-detail/overview/display-setting/XpackDisplaySettingDialog.vue
index 8fcb700124b..07fd0a475e7 100644
--- a/ui/src/views/application-detail/overview/display-setting/XpackDisplaySettingDialog.vue
+++ b/ui/src/views/application-detail/overview/display-setting/XpackDisplaySettingDialog.vue
@@ -160,7 +160,6 @@ onBeforeUnmount(releaseImagePreviews)
   <MkDialog
     v-model="visible"
     title="显示设置"
-    align-center
     class="mk-aside-content-dialog"
     body-class="border-t-0!"
     content-class="overflow-hidden"
diff --git a/ui/src/views/application-detail/overview/index.vue b/ui/src/views/application-detail/overview/index.vue
index 9c0d1048be8..5807bc6f413 100644
--- a/ui/src/views/application-detail/overview/index.vue
+++ b/ui/src/views/application-detail/overview/index.vue
@@ -123,7 +123,9 @@ onMounted(() => {
               <MkIcon name="icon_new-chat_outlined" />
               <span>去对话</span>
             </el-button>
+            <!-- 嵌入第三方 -->
             <ButtonEmbedThirdParty :share-url="shareUrl" :access-token="accessToken" />
+            <!-- 访问限制 -->
             <ButtonAccessRestriction />
             <!-- 显示设置 -->
             <ButtonDisplaySetting />
@@ -146,6 +148,7 @@ onMounted(() => {
               </template>
             </el-input>
           </div>
+          <!-- API Key  -->
           <ButtonApiKey />
         </div>
       </div>
diff --git a/ui/src/views/application-detail/setting/components/ButtonKnowledgeSetting.vue b/ui/src/views/application-detail/setting/components/ButtonKnowledgeSetting.vue
index 1388d8e2f42..00bf118d750 100644
--- a/ui/src/views/application-detail/setting/components/ButtonKnowledgeSetting.vue
+++ b/ui/src/views/application-detail/setting/components/ButtonKnowledgeSetting.vue
@@ -56,7 +56,7 @@ function resetData() {
   <el-button text type="primary" @click.stop="open">
     <MkIcon name="icon_setting" />
   </el-button>
-  <MkDialog v-model="visible" title="参数设置" @closed="resetData" align-center>
+  <MkDialog v-model="visible" title="参数设置" @closed="resetData">
     <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
       <el-form-item label="检索模式">
         <!-- 选择检索模式 -->
diff --git a/ui/src/views/application-detail/setting/components/ButtonLongTermSetting.vue b/ui/src/views/application-detail/setting/components/ButtonLongTermSetting.vue
index b905593e9a0..c74c61efa98 100644
--- a/ui/src/views/application-detail/setting/components/ButtonLongTermSetting.vue
+++ b/ui/src/views/application-detail/setting/components/ButtonLongTermSetting.vue
@@ -168,7 +168,7 @@ function submit() {
   <el-button text type="primary" @click="open">
     <MkIcon name="icon_setting" />
   </el-button>
-  <MkDialog v-model="visible" title="长期记忆设置" align-center @closed="resetData">
+  <MkDialog v-model="visible" title="长期记忆设置" @closed="resetData">
     <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
       <el-form-item label="AI 模型" prop="long_term_model_id" :rules="{ required: true, message: '请选择长期记忆模型', trigger: 'change' }">
         <SelectModel
diff --git a/ui/src/views/application/create-application/AdvancedCreateDialog.vue b/ui/src/views/application/create-application/AdvancedCreateDialog.vue
index 6e47733874d..9be12d38947 100644
--- a/ui/src/views/application/create-application/AdvancedCreateDialog.vue
+++ b/ui/src/views/application/create-application/AdvancedCreateDialog.vue
@@ -88,10 +88,6 @@ function open(template?: ApplicationStoreTemplate) {
   dialogVisible.value = true
 }
 
-function handleBeforeClose(done: () => void) {
-  if (!loading.value) done()
-}
-
 function handleClosed() {
   resetData()
   emit('closed')
@@ -109,7 +105,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="dialogVisible" title="创建高级智能体" align-center :before-close="handleBeforeClose" @closed="handleClosed">
+  <MkDialog v-model="dialogVisible" title="创建高级智能体" @closed="handleClosed">
     <el-form
       ref="applicationFormRef"
       :model="applicationForm"
diff --git a/ui/src/views/application/create-application/SimpleCreateDialog.vue b/ui/src/views/application/create-application/SimpleCreateDialog.vue
index 83db8f68481..256d524aa03 100644
--- a/ui/src/views/application/create-application/SimpleCreateDialog.vue
+++ b/ui/src/views/application/create-application/SimpleCreateDialog.vue
@@ -97,7 +97,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="dialogVisible" title="创建简易智能体" align-center @closed="resetData">
+  <MkDialog v-model="dialogVisible" title="创建简易智能体" @closed="resetData">
     <el-form
       ref="applicationFormRef"
       :model="applicationForm"
diff --git a/ui/src/views/document-detail/action-dropdown/migrate/ParagraphMigrateDialog.vue b/ui/src/views/document-detail/action-dropdown/migrate/ParagraphMigrateDialog.vue
index f0fd468b083..3d71a28eef2 100644
--- a/ui/src/views/document-detail/action-dropdown/migrate/ParagraphMigrateDialog.vue
+++ b/ui/src/views/document-detail/action-dropdown/migrate/ParagraphMigrateDialog.vue
@@ -99,10 +99,6 @@ async function handleSubmit() {
   })
 }
 
-function handleBeforeClose(done: () => void) {
-  if (!loading.value && !optionLoading.value) done()
-}
-
 function handleClosed() {
   const migratedParagraphIds = migrationSucceeded.value ? [...targetParagraphIds.value] : []
   // 关闭动画结束后通知页面，使用打开时固定的 ID，不读取当前勾选。
@@ -114,7 +110,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="visible" title="迁移至" :before-close="handleBeforeClose" @closed="handleClosed">
+  <MkDialog v-model="visible" title="迁移至" @closed="handleClosed">
     <el-form
       ref="formRef"
       v-loading="loading || optionLoading"
diff --git a/ui/src/views/document-detail/paragraph-dialog/CreateParagraphDialog.vue b/ui/src/views/document-detail/paragraph-dialog/CreateParagraphDialog.vue
index db29d8e0bd8..386786fb11d 100644
--- a/ui/src/views/document-detail/paragraph-dialog/CreateParagraphDialog.vue
+++ b/ui/src/views/document-detail/paragraph-dialog/CreateParagraphDialog.vue
@@ -36,10 +36,6 @@ function close() {
   if (!loading.value) visible.value = false
 }
 
-function handleBeforeClose(done: () => void) {
-  if (!loading.value) done()
-}
-
 function handleSubmit() {
   if (loading.value) return
   void paragraphFormRef.value
@@ -72,15 +68,7 @@ defineExpose({ open, close })
 </script>
 
 <template>
-  <MkDialog
-    v-model="visible"
-    title="添加分段"
-    width="1000"
-    align-center
-    content-class="max-h-[calc(100vh-300px)]!"
-    :before-close="handleBeforeClose"
-    @closed="emit('closed')"
-  >
+  <MkDialog v-model="visible" title="添加分段" width="1000" @closed="emit('closed')">
     <div v-loading="loading" class="flex w-full gap-4">
       <ParagraphForm ref="paragraphFormRef" v-model="paragraphForm" :knowledge-id="targetKnowledgeId" />
       <!-- 关联问题 -->
diff --git a/ui/src/views/document-detail/paragraph-dialog/ParagraphDialog.vue b/ui/src/views/document-detail/paragraph-dialog/ParagraphDialog.vue
index 8ba57597d98..99c25fa0f17 100644
--- a/ui/src/views/document-detail/paragraph-dialog/ParagraphDialog.vue
+++ b/ui/src/views/document-detail/paragraph-dialog/ParagraphDialog.vue
@@ -58,14 +58,6 @@ function open(paragraph: ParagraphItem, initialMode: 'edit' | 'detail' = 'detail
   void loadParagraphDetail()
 }
 
-function close() {
-  if (!loading.value) visible.value = false
-}
-
-function handleBeforeClose(done: () => void) {
-  if (!loading.value) done()
-}
-
 /* 编辑与详情切换：取消丢弃正文草稿，关联问题保留即时保存结果。 */
 const paragraphFormRef = ref<InstanceType<typeof ParagraphForm>>()
 const paragraphForm = ref<ParagraphUpdatePayload>({ title: '', content: '' })
@@ -108,11 +100,15 @@ function handleSubmit() {
     .catch(() => {})
 }
 
+function close() {
+  if (!loading.value) visible.value = false
+}
+
 defineExpose({ open, close })
 </script>
 
 <template>
-  <MkDialog v-model="visible" :title="title" width="1000" align-center :before-close="handleBeforeClose" @closed="emit('closed')">
+  <MkDialog v-model="visible" :title="title" width="1000" @closed="emit('closed')">
     <div v-loading="loading">
       <div class="flex h-[480px] max-h-[calc(100vh-272px)] w-full gap-4">
         <el-card v-if="mode === 'detail'" shadow="never" class="mk-paragraph-card group relative min-w-0 flex-1" body-class="flex-column h-full">
diff --git a/ui/src/views/knowledge-detail/library/document/upload-document/EditParagraphDialog.vue b/ui/src/views/knowledge-detail/library/document/upload-document/EditParagraphDialog.vue
index 08ed4696948..5bc9db3d277 100644
--- a/ui/src/views/knowledge-detail/library/document/upload-document/EditParagraphDialog.vue
+++ b/ui/src/views/knowledge-detail/library/document/upload-document/EditParagraphDialog.vue
@@ -62,7 +62,6 @@ defineExpose({ open, close })
     v-model="visible"
     title="编辑"
     width="1000"
-    align-center
     content-class="max-h-[calc(100vh-300px)]!"
     :before-close="handleBeforeClose"
     @closed="emit('closed')"
diff --git a/ui/src/views/knowledge-detail/library/tags/components/EditTagDialog.vue b/ui/src/views/knowledge-detail/library/tags/components/EditTagDialog.vue
index e2f6b0b1c9f..77baa1f671d 100644
--- a/ui/src/views/knowledge-detail/library/tags/components/EditTagDialog.vue
+++ b/ui/src/views/knowledge-detail/library/tags/components/EditTagDialog.vue
@@ -46,10 +46,6 @@ function handleSubmit() {
   })
 }
 
-function handleBeforeClose(done: () => void) {
-  if (!loading.value) done()
-}
-
 function resetData() {
   Object.assign(tagForm, { id: '', key: '', value: '' })
   editField.value = 'key'
@@ -61,7 +57,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="visible" :title="title" :before-close="handleBeforeClose" @closed="resetData">
+  <MkDialog v-model="visible" :title="title" @closed="resetData">
     <el-form
       ref="formRef"
       v-loading="loading"
diff --git a/ui/src/views/knowledge-detail/problem/components/AssociateParagraphDialog.vue b/ui/src/views/knowledge-detail/problem/components/AssociateParagraphDialog.vue
index 8b32d539669..038488d7a65 100644
--- a/ui/src/views/knowledge-detail/problem/components/AssociateParagraphDialog.vue
+++ b/ui/src/views/knowledge-detail/problem/components/AssociateParagraphDialog.vue
@@ -161,7 +161,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="visible" align-center class="mk-aside-content-dialog" width="1200" @closed="handleClosed">
+  <MkDialog v-model="visible" class="mk-aside-content-dialog" width="1200" @closed="handleClosed">
     <template #header="{ titleId }">
       <h4 :id="titleId">关联分段</h4>
     </template>
diff --git a/ui/src/views/knowledge/create-knowledge/BaseKnowledgeDialog.vue b/ui/src/views/knowledge/create-knowledge/BaseKnowledgeDialog.vue
index 92e36e69bac..4c3d400bf34 100644
--- a/ui/src/views/knowledge/create-knowledge/BaseKnowledgeDialog.vue
+++ b/ui/src/views/knowledge/create-knowledge/BaseKnowledgeDialog.vue
@@ -38,23 +38,25 @@ function submit() {
     .then((validationResults) => {
       if (!validationResults.every(Boolean) || !baseFormRef.value) return
       const baseForm = baseFormRef.value.form
-      return props.api.postKnowledge({
-        name: baseForm.name.trim(),
-        desc: baseForm.desc.trim(),
-        embedding_model_id: baseForm.embedding_model_id,
-        folder_id: props.folderId,
-        type: KNOWLEDGE_TYPE.BASE,
-      }).then((knowledge) => {
-        return auth.loadAuthBaseProfile().then(() => {
-          MsgSuccess('创建成功')
-          dialogVisible.value = false
-          emit('refresh')
-          return router.push({
-            name: 'workspace-knowledge-document-list',
-            params: { knowledgeId: knowledge.id, type: KNOWLEDGE_TYPE_MAP[knowledge.type], workspaceId: route.params.workspaceId },
+      return props.api
+        .postKnowledge({
+          name: baseForm.name.trim(),
+          desc: baseForm.desc.trim(),
+          embedding_model_id: baseForm.embedding_model_id,
+          folder_id: props.folderId,
+          type: KNOWLEDGE_TYPE.BASE,
+        })
+        .then((knowledge) => {
+          return auth.loadAuthBaseProfile().then(() => {
+            MsgSuccess('创建成功')
+            dialogVisible.value = false
+            emit('refresh')
+            return router.push({
+              name: 'workspace-knowledge-document-list',
+              params: { knowledgeId: knowledge.id, type: KNOWLEDGE_TYPE_MAP[knowledge.type], workspaceId: route.params.workspaceId },
+            })
           })
         })
-      })
     })
     .finally(() => {
       loading.value = false
@@ -65,7 +67,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="dialogVisible" title="创建通用知识库" align-center @closed="resetData">
+  <MkDialog v-model="dialogVisible" title="创建通用知识库" @closed="resetData">
     <KnowledgeBaseForm ref="baseFormRef" v-loading="loading" />
     <template #footer>
       <!-- 取消创建 -->
diff --git a/ui/src/views/knowledge/create-knowledge/LarkKnowledgeDialog.vue b/ui/src/views/knowledge/create-knowledge/LarkKnowledgeDialog.vue
index a03bd6a20c9..3b0ad13b97d 100644
--- a/ui/src/views/knowledge/create-knowledge/LarkKnowledgeDialog.vue
+++ b/ui/src/views/knowledge/create-knowledge/LarkKnowledgeDialog.vue
@@ -48,7 +48,8 @@ function submit() {
     .then((validationResults) => {
       if (!validationResults.every(Boolean) || !baseFormRef.value) return
       const baseForm = baseFormRef.value.form
-      return props.api.postLarkKnowledge({
+      return props.api
+        .postLarkKnowledge({
           name: baseForm.name.trim(),
           desc: baseForm.desc.trim(),
           embedding_model_id: baseForm.embedding_model_id,
@@ -57,7 +58,8 @@ function submit() {
           app_id: knowledgeForm.app_id.trim(),
           app_secret: knowledgeForm.app_secret,
           folder_token: knowledgeForm.folder_token.trim(),
-        }).then((knowledge) => {
+        })
+        .then((knowledge) => {
           return auth.loadAuthBaseProfile().then(() => {
             MsgSuccess('创建成功')
             dialogVisible.value = false
@@ -78,7 +80,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="dialogVisible" title="创建飞书知识库" align-center @closed="resetData">
+  <MkDialog v-model="dialogVisible" title="创建飞书知识库" @closed="resetData">
     <KnowledgeBaseForm ref="baseFormRef" v-loading="loading" />
     <el-form
       class="mt-4"
diff --git a/ui/src/views/knowledge/create-knowledge/WorkflowKnowledgeDialog.vue b/ui/src/views/knowledge/create-knowledge/WorkflowKnowledgeDialog.vue
index 4548086415e..50b570752cb 100644
--- a/ui/src/views/knowledge/create-knowledge/WorkflowKnowledgeDialog.vue
+++ b/ui/src/views/knowledge/create-knowledge/WorkflowKnowledgeDialog.vue
@@ -40,10 +40,6 @@ function open(template?: KnowledgeWorkflowTemplate & Partial<Pick<WorkflowStoreT
   })
 }
 
-function handleBeforeClose(done: () => void) {
-  if (!loading.value) done()
-}
-
 function handleClosed() {
   resetData()
   emit('closed')
@@ -57,7 +53,8 @@ function submit() {
     .then((validationResults) => {
       if (!validationResults.every(Boolean) || !baseFormRef.value) return
       const baseForm = baseFormRef.value.form
-      return props.api.postKnowledgeWorkflow({
+      return props.api
+        .postKnowledgeWorkflow({
           name: baseForm.name.trim(),
           desc: baseForm.desc.trim(),
           embedding_model_id: baseForm.embedding_model_id,
@@ -65,7 +62,8 @@ function submit() {
           type: KNOWLEDGE_TYPE.WORKFLOW,
           work_flow: cloneDeep(knowledgeTemplate.default),
           work_flow_template: workflowTemplate.value ? cloneDeep(workflowTemplate.value) : undefined,
-        }).then((knowledge) => {
+        })
+        .then((knowledge) => {
           return auth.loadAuthBaseProfile().then(() => {
             MsgSuccess('创建成功')
             dialogVisible.value = false
@@ -86,7 +84,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="dialogVisible" title="创建工作流知识库" align-center :before-close="handleBeforeClose" @closed="handleClosed">
+  <MkDialog v-model="dialogVisible" title="创建工作流知识库" @closed="handleClosed">
     <KnowledgeBaseForm ref="baseFormRef" v-loading="loading" />
     <template #footer>
       <!-- 取消创建 -->
diff --git a/ui/src/views/model/advanced-settings-table/ModelParamDialog.vue b/ui/src/views/model/advanced-settings-table/ModelParamDialog.vue
index fca2d232e55..74e47330a73 100644
--- a/ui/src/views/model/advanced-settings-table/ModelParamDialog.vue
+++ b/ui/src/views/model/advanced-settings-table/ModelParamDialog.vue
@@ -42,7 +42,7 @@ defineExpose({ close, open })
 </script>
 
 <template>
-  <MkDialog v-model="visible" :title="editing ? '编辑参数' : '添加参数'" @closed="resetData" align-center>
+  <MkDialog v-model="visible" :title="editing ? '编辑参数' : '添加参数'" @closed="resetData">
     <MkDynamicsFormConstructor ref="constructorRef" v-model="currentField" />
 
     <template #footer>
diff --git a/ui/src/views/system/chat-management/users/batch-set-user-group/BatchSetUserGroupDialog.vue b/ui/src/views/system/chat-management/users/batch-set-user-group/BatchSetUserGroupDialog.vue
index acb145afb10..03082a288df 100644
--- a/ui/src/views/system/chat-management/users/batch-set-user-group/BatchSetUserGroupDialog.vue
+++ b/ui/src/views/system/chat-management/users/batch-set-user-group/BatchSetUserGroupDialog.vue
@@ -70,7 +70,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="dialogVisible" title="设置用户组" align-center @closed="resetData">
+  <MkDialog v-model="dialogVisible" title="设置用户组" @closed="resetData">
     <el-form
       ref="batchGroupFormRef"
       :model="batchGroupForm"
@@ -103,7 +103,7 @@ defineExpose({ open })
 
     <template #footer>
       <el-button plain @click="dialogVisible = false">取消</el-button>
-      <el-button type="primary" :loading="submitting" @click="submitBatchSetUserGroups"> 保存 </el-button>
+      <el-button type="primary" :loading="submitting" @click="submitBatchSetUserGroups">保存</el-button>
     </template>
   </MkDialog>
 </template>
diff --git a/ui/src/views/system/chat-management/users/quota-settings/QuotaSettingsDialog.vue b/ui/src/views/system/chat-management/users/quota-settings/QuotaSettingsDialog.vue
index 89b20864669..4009df785df 100644
--- a/ui/src/views/system/chat-management/users/quota-settings/QuotaSettingsDialog.vue
+++ b/ui/src/views/system/chat-management/users/quota-settings/QuotaSettingsDialog.vue
@@ -119,7 +119,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="dialogVisible" title="配额设置" width="480" align-center @closed="resetData">
+  <MkDialog v-model="dialogVisible" title="配额设置" @closed="resetData">
     <el-form
       ref="quotaSettingsFormRef"
       :model="quotaSettingsForm"
diff --git a/ui/src/views/system/chat-management/users/user-password/UserPwdDialog.vue b/ui/src/views/system/chat-management/users/user-password/UserPwdDialog.vue
index 6c8b439e340..b82511eedc5 100644
--- a/ui/src/views/system/chat-management/users/user-password/UserPwdDialog.vue
+++ b/ui/src/views/system/chat-management/users/user-password/UserPwdDialog.vue
@@ -110,7 +110,7 @@ defineExpose({ open })
 
     <template #footer>
       <el-button plain @click="dialogVisible = false">取消</el-button>
-      <el-button :loading="passwordSubmitting" type="primary" @click="submitPassword"> 保存 </el-button>
+      <el-button :loading="passwordSubmitting" type="primary" @click="submitPassword">保存</el-button>
     </template>
   </MkDialog>
 </template>
diff --git a/ui/src/views/system/identity/resource-authorization/index.vue b/ui/src/views/system/identity/resource-authorization/index.vue
index a7a8eee1f16..c9158f67a1f 100644
--- a/ui/src/views/system/identity/resource-authorization/index.vue
+++ b/ui/src/views/system/identity/resource-authorization/index.vue
@@ -97,6 +97,7 @@ const loadingPermissions = ref(false)
 const resourcePermissions = ref<ResourcePermissionItem[]>([])
 
 function loadResourcePermissions() {
+  loadingPermissions.value = true
   const targetId = targetType.value === 'user-group' ? selectedUserGroupId.value : selectedUserId.value
 
   if (!targetId) {
@@ -104,7 +105,6 @@ function loadResourcePermissions() {
     return Promise.resolve()
   }
 
-  loadingPermissions.value = true
   const permissionRequest =
     targetType.value === 'user-group'
       ? ResourceAuthorizationApi.getUserGroupResourcePermissions(selectedWorkspaceId.value, targetId, resourceType.value)
@@ -223,14 +223,14 @@ const canEditResourcePermission = computed(() => resourceEditPermissions[resourc
           </el-tabs>
         </div>
       </component>
-
-      <PermissionTable
-        v-loading="loadingPermissions"
-        :data="resourcePermissions"
-        :resource-type="resourceType"
-        :disabled="!canEditResourcePermission || loadingPermissions"
-        @submit="handlePermissionsSubmit"
-      />
+      <div v-loading="loadingPermissions">
+        <PermissionTable
+          :data="resourcePermissions"
+          :resource-type="resourceType"
+          :disabled="!canEditResourcePermission"
+          @submit="handlePermissionsSubmit"
+        />
+      </div>
     </template>
   </MkViewLayout>
 </template>
diff --git a/ui/src/views/system/identity/users/batch-set-user-role/BatchSetUserRoleDialog.vue b/ui/src/views/system/identity/users/batch-set-user-role/BatchSetUserRoleDialog.vue
index 305a3ac0705..e01c450f5c8 100644
--- a/ui/src/views/system/identity/users/batch-set-user-role/BatchSetUserRoleDialog.vue
+++ b/ui/src/views/system/identity/users/batch-set-user-role/BatchSetUserRoleDialog.vue
@@ -113,7 +113,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="dialogVisible" title="设置角色" align-center @closed="resetData">
+  <MkDialog v-model="dialogVisible" title="设置角色" @closed="resetData">
     <el-form
       ref="batchRoleFormRef"
       :model="batchRoleForm"
@@ -199,7 +199,7 @@ defineExpose({ open })
 
     <template #footer>
       <el-button plain @click="dialogVisible = false">取消</el-button>
-      <el-button type="primary" :loading="submitting" @click="submitBatchSetUserRoles"> 保存 </el-button>
+      <el-button type="primary" :loading="submitting" @click="submitBatchSetUserRoles">保存</el-button>
     </template>
   </MkDialog>
 </template>
diff --git a/ui/src/views/system/identity/users/user-password/UserPwdDialog.vue b/ui/src/views/system/identity/users/user-password/UserPwdDialog.vue
index 05de48ce1d7..347d3b61dac 100644
--- a/ui/src/views/system/identity/users/user-password/UserPwdDialog.vue
+++ b/ui/src/views/system/identity/users/user-password/UserPwdDialog.vue
@@ -117,7 +117,7 @@ defineExpose({ open })
 
     <template #footer>
       <el-button plain @click="dialogVisible = false">取消</el-button>
-      <el-button :loading="passwordSubmitting" type="primary" @click="submitPassword"> 保存 </el-button>
+      <el-button :loading="passwordSubmitting" type="primary" @click="submitPassword">保存</el-button>
     </template>
   </MkDialog>
 </template>
diff --git a/ui/src/views/system/operate-logs/clean-strategy/CleanStrategyDialog.vue b/ui/src/views/system/operate-logs/clean-strategy/CleanStrategyDialog.vue
index 9c07db50886..0c3816dfc63 100644
--- a/ui/src/views/system/operate-logs/clean-strategy/CleanStrategyDialog.vue
+++ b/ui/src/views/system/operate-logs/clean-strategy/CleanStrategyDialog.vue
@@ -53,7 +53,7 @@ defineExpose({ open })
 
     <template #footer>
       <el-button plain @click="visible = false">取消</el-button>
-      <el-button type="primary" :loading="submitting" :disabled="loading" @click="handleSubmit"> 确认 </el-button>
+      <el-button type="primary" :loading="submitting" :disabled="loading" @click="handleSubmit">确认</el-button>
     </template>
   </MkDialog>
 </template>
diff --git a/ui/src/views/system/operate-logs/dialog/OperateLogDetailDialog.vue b/ui/src/views/system/operate-logs/dialog/OperateLogDetailDialog.vue
index ea6086fd67c..26e27698d2d 100644
--- a/ui/src/views/system/operate-logs/dialog/OperateLogDetailDialog.vue
+++ b/ui/src/views/system/operate-logs/dialog/OperateLogDetailDialog.vue
@@ -15,7 +15,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="visible" title="API详情" width="800" align-center>
+  <MkDialog v-model="visible" title="API详情" width="800">
     <pre class="whitespace-pre-wrap break-words p-4">{{ formattedDetails }}</pre>
 
     <template #footer>
diff --git a/ui/src/views/system/shared-resources/authorized-workspace-action/AuthorizedWorkspaceDialog.vue b/ui/src/views/system/shared-resources/authorized-workspace-action/AuthorizedWorkspaceDialog.vue
index 17d20a7e746..ca1b3a12429 100644
--- a/ui/src/views/system/shared-resources/authorized-workspace-action/AuthorizedWorkspaceDialog.vue
+++ b/ui/src/views/system/shared-resources/authorized-workspace-action/AuthorizedWorkspaceDialog.vue
@@ -81,7 +81,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="visible" align-center title="授权工作空间" width="840" content-class="h-120" @closed="handleClosed">
+  <MkDialog v-model="visible" title="授权工作空间" width="840" content-class="h-120" @closed="handleClosed">
     <template #subtitle>被授权的工作空间，可使用当前资源</template>
     <div v-loading="loading" class="flex-column h-full">
       <p class="shrink-0">类型</p>
diff --git a/ui/src/views/tool/tool-form/WorkflowFormDialog.vue b/ui/src/views/tool/tool-form/WorkflowFormDialog.vue
index 470b6c08144..589e997e826 100644
--- a/ui/src/views/tool/tool-form/WorkflowFormDialog.vue
+++ b/ui/src/views/tool/tool-form/WorkflowFormDialog.vue
@@ -120,11 +120,6 @@ function open(tool?: ToolItem, asCopy = false) {
     })
 }
 
-function handleBeforeClose(done: () => void) {
-  if (loading.value) return
-  done()
-}
-
 function resetData() {
   Object.assign(workflowForm, { desc: '', icon: '', name: '', work_flow: {} })
   iconFile.value = null
@@ -143,7 +138,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="visible" :before-close="handleBeforeClose" :title="title" @closed="handleClosed">
+  <MkDialog v-model="visible" :title="title" @closed="handleClosed">
     <el-form
       ref="formRef"
       v-loading="formLoading || loading"
diff --git a/ui/src/views/tool/tool-form/component/init-field/InitFieldDialog.vue b/ui/src/views/tool/tool-form/component/init-field/InitFieldDialog.vue
index 236e2b90a24..7e374750846 100644
--- a/ui/src/views/tool/tool-form/component/init-field/InitFieldDialog.vue
+++ b/ui/src/views/tool/tool-form/component/init-field/InitFieldDialog.vue
@@ -7,7 +7,17 @@ defineOptions({ name: 'InitFieldDialog' })
 
 const emit = defineEmits<{ submit: [field: FormField] }>()
 
-const initFieldInputTypes = ['TextInput', 'Slider', 'PasswordInput', 'SingleSelect', 'MultiSelect', 'RadioCard', 'DatePicker', 'SwitchInput', 'JsonInput'] as const
+const initFieldInputTypes = [
+  'TextInput',
+  'Slider',
+  'PasswordInput',
+  'SingleSelect',
+  'MultiSelect',
+  'RadioCard',
+  'DatePicker',
+  'SwitchInput',
+  'JsonInput',
+] as const
 const initFieldTypeOptions: DynamicFormConstructorOption[] = initFieldInputTypes.map((inputType) => ({
   label: dynamicFormTypeOptions.find((option) => option.value === inputType)?.label ?? inputType,
   value: `${inputType}Constructor`,
@@ -49,7 +59,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="visible" align-center :title="editing ? '编辑参数' : '添加参数'" @closed="resetData">
+  <MkDialog v-model="visible" :title="editing ? '编辑参数' : '添加参数'" @closed="resetData">
     <MkDynamicsFormConstructor ref="constructorRef" v-model="currentField" :field-type-options="initFieldTypeOptions" />
 
     <template #footer>
diff --git a/ui/src/views/tool/tool-form/component/input-field/InputFieldDialog.vue b/ui/src/views/tool/tool-form/component/input-field/InputFieldDialog.vue
index 47410569de8..db41b05fde8 100644
--- a/ui/src/views/tool/tool-form/component/input-field/InputFieldDialog.vue
+++ b/ui/src/views/tool/tool-form/component/input-field/InputFieldDialog.vue
@@ -42,7 +42,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="visible" :title="isEdit ? '编辑参数' : '添加参数'" @closed="resetData">
+  <MkDialog :align-center="false" v-model="visible" :title="isEdit ? '编辑参数' : '添加参数'" @closed="resetData">
     <el-form ref="formRef" :model="inputFieldForm" :rules="formRules" label-position="top" require-asterisk-position="right" @submit.prevent>
       <el-form-item label="参数名称" prop="name">
         <el-input
diff --git a/ui/src/views/tool/tool-store/ApplyStoreToolDialog.vue b/ui/src/views/tool/tool-store/ApplyStoreToolDialog.vue
index 883c3508831..81b3b349946 100644
--- a/ui/src/views/tool/tool-store/ApplyStoreToolDialog.vue
+++ b/ui/src/views/tool/tool-store/ApplyStoreToolDialog.vue
@@ -102,7 +102,7 @@ defineExpose({ open })
 
     <template #footer>
       <el-button :disabled="loading" plain @click="visible = false">取消</el-button>
-      <el-button type="primary" :loading="loading" @click="handleSubmit"> 添加 </el-button>
+      <el-button type="primary" :loading="loading" @click="handleSubmit">添加</el-button>
     </template>
   </MkDialog>
 </template>
diff --git a/ui/src/views/tool/tool-store/ToolStoreDialog.vue b/ui/src/views/tool/tool-store/ToolStoreDialog.vue
index 38ac41c2e9e..6320aa02d38 100644
--- a/ui/src/views/tool/tool-store/ToolStoreDialog.vue
+++ b/ui/src/views/tool/tool-store/ToolStoreDialog.vue
@@ -132,7 +132,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="visible" align-center class="mk-aside-content-dialog" title="工具商店" width="1200" @closed="handleClosed">
+  <MkDialog v-model="visible" class="mk-aside-content-dialog" title="工具商店" width="1200" @closed="handleClosed">
     <template #header="{ titleId }">
       <div class="relative flex-align-center">
         <h4 :id="titleId">工具商店</h4>
@@ -166,7 +166,9 @@ defineExpose({ open })
         <!-- 搜索之后的 -->
         <template v-if="hasSearchKeyword && !loading">
           <div class="mb-4 font-semibold">
-            找到 <span class="text-primary">{{ storeTools.length }}</span> 个相关工具
+            找到
+            <span class="text-primary">{{ storeTools.length }}</span>
+            个相关工具
           </div>
 
           <div class="mk-resource-card-grid-sm">
diff --git a/ui/src/views/workflow/components/publish-history/DescriptionDialog.vue b/ui/src/views/workflow/components/publish-history/DescriptionDialog.vue
index 6062c2f4e56..6e20ee90009 100644
--- a/ui/src/views/workflow/components/publish-history/DescriptionDialog.vue
+++ b/ui/src/views/workflow/components/publish-history/DescriptionDialog.vue
@@ -15,7 +15,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="visible" title="更新说明" align-center @closed="description = ''">
+  <MkDialog v-model="visible" title="更新说明" @closed="description = ''">
     {{ description || '暂无更新说明' }}
   </MkDialog>
 </template>
diff --git a/ui/src/views/workflow/components/publish-history/EditPublishVersionDialog.vue b/ui/src/views/workflow/components/publish-history/EditPublishVersionDialog.vue
index dc73ab5d20d..feb9b2d3f2a 100644
--- a/ui/src/views/workflow/components/publish-history/EditPublishVersionDialog.vue
+++ b/ui/src/views/workflow/components/publish-history/EditPublishVersionDialog.vue
@@ -41,10 +41,6 @@ function close() {
   visible.value = false
 }
 
-function handleClose(done: () => void) {
-  if (!props.saving) done()
-}
-
 function resetForm() {
   versionForm.name = ''
   versionForm.description = ''
@@ -55,7 +51,7 @@ defineExpose({ open, close })
 </script>
 
 <template>
-  <MkDialog v-model="visible" :title="mode === 'publish' ? '发布内容' : '编辑'" align-center :before-close="handleClose" @closed="resetForm">
+  <MkDialog v-model="visible" :title="mode === 'publish' ? '发布内容' : '编辑'" @closed="resetForm">
     <el-form
       ref="formRef"
       :model="versionForm"
diff --git a/ui/src/views/workflow/components/template-store/TemplateStoreDialog.vue b/ui/src/views/workflow/components/template-store/TemplateStoreDialog.vue
index 8a19c836cc8..8d3f2ce2d94 100644
--- a/ui/src/views/workflow/components/template-store/TemplateStoreDialog.vue
+++ b/ui/src/views/workflow/components/template-store/TemplateStoreDialog.vue
@@ -45,7 +45,7 @@ defineExpose({ open, close })
 </script>
 
 <template>
-  <MkDialog v-model="visible" align-center class="mk-aside-content-dialog" title="模板中心" width="1200" @closed="resetData">
+  <MkDialog v-model="visible" class="mk-aside-content-dialog" title="模板中心" width="1200" @closed="resetData">
     <template #header="{ titleId }">
       <div class="relative flex-align-center">
         <h4 :id="titleId">模板中心</h4>
diff --git a/ui/src/workflow-canvas/component/ThinkingSetting.vue b/ui/src/workflow-canvas/component/ThinkingSetting.vue
index a1cd301226f..caafd8d8ef5 100644
--- a/ui/src/workflow-canvas/component/ThinkingSetting.vue
+++ b/ui/src/workflow-canvas/component/ThinkingSetting.vue
@@ -45,7 +45,7 @@ function resetData() {
     <MkIcon name="icon_setting" />
   </el-button>
   <MkDialog v-model="visible" title="设置" @closed="resetData">
-    <template #subtitle> 请根据模型返回的思考标签设置，标签中间的内容将会认定为思考过程</template>
+    <template #subtitle>请根据模型返回的思考标签设置，标签中间的内容将会认定为思考过程</template>
     <el-form ref="formRef" :model="formData" class="grid grid-cols-2 gap-4" label-position="top" require-asterisk-position="right" @submit.prevent>
       <el-form-item label="开始">
         <el-input v-model="formData.reasoning_content_start" type="textarea" :rows="5" placeholder="<think>" />
diff --git a/ui/src/workflow-canvas/nodes/base-node/component/FileUploadSetting.vue b/ui/src/workflow-canvas/nodes/base-node/component/FileUploadSetting.vue
index 08c2cce8c91..727b2a0c89e 100644
--- a/ui/src/workflow-canvas/nodes/base-node/component/FileUploadSetting.vue
+++ b/ui/src/workflow-canvas/nodes/base-node/component/FileUploadSetting.vue
@@ -65,7 +65,7 @@ function resetData() {
   <el-button text type="primary" @click="open">
     <MkIcon name="icon_setting" />
   </el-button>
-  <MkDialog v-model="visible" title="文件上传设置" @closed="resetData" align-center>
+  <MkDialog v-model="visible" title="文件上传设置" @closed="resetData">
     <el-form ref="formRef" :model="formData" :rules="rules" label-position="top" require-asterisk-position="right" @submit.prevent>
       <el-form-item label="上传方式" prop="local_upload">
         <div class="flex w-full flex-wrap gap-6">
diff --git a/ui/src/workflow-canvas/nodes/base-node/component/LongTermSetting.vue b/ui/src/workflow-canvas/nodes/base-node/component/LongTermSetting.vue
index 77bd69c78c1..c5e8584566a 100644
--- a/ui/src/workflow-canvas/nodes/base-node/component/LongTermSetting.vue
+++ b/ui/src/workflow-canvas/nodes/base-node/component/LongTermSetting.vue
@@ -164,7 +164,7 @@ function submit() {
   <el-button text type="primary" @click="open">
     <MkIcon name="icon_setting" />
   </el-button>
-  <MkDialog v-model="visible" title="长期记忆设置" align-center @closed="formRef?.clearValidate()">
+  <MkDialog v-model="visible" title="长期记忆设置" @closed="formRef?.clearValidate()">
     <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
       <el-form-item label="AI 模型" prop="long_term_model_id" :rules="{ required: true, validator: validateModel, trigger: 'change' }">
         <el-radio-group v-model="formData.long_term_model_id_type" class="mb-2">
diff --git a/ui/src/workflow-canvas/nodes/base-node/component/api-parameter/ApiParameterDialog.vue b/ui/src/workflow-canvas/nodes/base-node/component/api-parameter/ApiParameterDialog.vue
index 7214718afda..08a63717d5a 100644
--- a/ui/src/workflow-canvas/nodes/base-node/component/api-parameter/ApiParameterDialog.vue
+++ b/ui/src/workflow-canvas/nodes/base-node/component/api-parameter/ApiParameterDialog.vue
@@ -41,7 +41,7 @@ defineExpose({ open, close })
 </script>
 
 <template>
-  <MkDialog v-model="dialogVisible" :title="editingIndex === undefined ? '添加参数' : '编辑参数'" align-center @closed="resetData">
+  <MkDialog v-model="dialogVisible" :title="editingIndex === undefined ? '添加参数' : '编辑参数'" @closed="resetData">
     <el-form ref="formRef" :model="currentField" label-position="top" require-asterisk-position="right" @submit.prevent>
       <el-form-item
         label="参数"
diff --git a/ui/src/workflow-canvas/nodes/base-node/component/conversation-variable/ConversationVariableDialog.vue b/ui/src/workflow-canvas/nodes/base-node/component/conversation-variable/ConversationVariableDialog.vue
index 44e0ff0bd8e..dbb9f637e22 100644
--- a/ui/src/workflow-canvas/nodes/base-node/component/conversation-variable/ConversationVariableDialog.vue
+++ b/ui/src/workflow-canvas/nodes/base-node/component/conversation-variable/ConversationVariableDialog.vue
@@ -40,7 +40,7 @@ defineExpose({ open, close })
 </script>
 
 <template>
-  <MkDialog v-model="dialogVisible" :title="editingIndex === undefined ? '添加参数' : '编辑参数'" align-center @closed="resetData">
+  <MkDialog v-model="dialogVisible" :title="editingIndex === undefined ? '添加参数' : '编辑参数'" @closed="resetData">
     <el-form ref="formRef" :model="currentField" label-position="top" require-asterisk-position="right" @submit.prevent>
       <el-form-item
         label="参数"
diff --git a/ui/src/workflow-canvas/nodes/base-node/component/user-input/UserInputFieldDialog.vue b/ui/src/workflow-canvas/nodes/base-node/component/user-input/UserInputFieldDialog.vue
index 8b39bac94cf..0dc7244a3ca 100644
--- a/ui/src/workflow-canvas/nodes/base-node/component/user-input/UserInputFieldDialog.vue
+++ b/ui/src/workflow-canvas/nodes/base-node/component/user-input/UserInputFieldDialog.vue
@@ -70,7 +70,7 @@ defineExpose({ open, close })
 </script>
 
 <template>
-  <MkDialog v-model="fieldDialogVisible" :title="editingIndex === undefined ? '添加参数' : '编辑参数'" align-center @closed="resetData">
+  <MkDialog v-model="fieldDialogVisible" :title="editingIndex === undefined ? '添加参数' : '编辑参数'" @closed="resetData">
     <MkDynamicsFormConstructor ref="constructorRef" v-model="currentField" enable-visibility :left-options="visibilityOptions" />
     <template #footer>
       <el-button @click="fieldDialogVisible = false">取消</el-button>
diff --git a/ui/src/workflow-canvas/nodes/base-node/component/user-input/UserInputSettingDialog.vue b/ui/src/workflow-canvas/nodes/base-node/component/user-input/UserInputSettingDialog.vue
index f6a86460143..9f99ac1f338 100644
--- a/ui/src/workflow-canvas/nodes/base-node/component/user-input/UserInputSettingDialog.vue
+++ b/ui/src/workflow-canvas/nodes/base-node/component/user-input/UserInputSettingDialog.vue
@@ -33,7 +33,7 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="settingDialogVisible" title="设置" align-center @closed="resetData">
+  <MkDialog v-model="settingDialogVisible" title="设置" @closed="resetData">
     <el-form :model="currentSetting" label-position="top" require-asterisk-position="right" @submit.prevent>
       <el-form-item>
         <template #label>
diff --git a/ui/src/workflow-canvas/nodes/form-node/component/form-setting/FormFieldDialog.vue b/ui/src/workflow-canvas/nodes/form-node/component/form-setting/FormFieldDialog.vue
index ac09085de59..9c94155ba3a 100644
--- a/ui/src/workflow-canvas/nodes/form-node/component/form-setting/FormFieldDialog.vue
+++ b/ui/src/workflow-canvas/nodes/form-node/component/form-setting/FormFieldDialog.vue
@@ -60,7 +60,7 @@ defineExpose({ close, open })
 </script>
 
 <template>
-  <MkDialog v-model="visible" :title="currentIndex === undefined ? '添加参数' : '编辑参数'" @closed="resetData" align-center>
+  <MkDialog v-model="visible" :title="currentIndex === undefined ? '添加参数' : '编辑参数'" @closed="resetData">
     <MkDynamicsFormConstructor ref="dynamicsFormConstructorRef" v-model="formData" enable-visibility :left-options="visibilityFieldOptions" />
     <template #footer>
       <el-button plain @click="visible = false">取消</el-button>
diff --git a/ui/src/workflow-canvas/nodes/knowledge-base-node/component/TitleSettingDialog.vue b/ui/src/workflow-canvas/nodes/knowledge-base-node/component/TitleSettingDialog.vue
index edc8537d908..7e75507a7ff 100644
--- a/ui/src/workflow-canvas/nodes/knowledge-base-node/component/TitleSettingDialog.vue
+++ b/ui/src/workflow-canvas/nodes/knowledge-base-node/component/TitleSettingDialog.vue
@@ -34,7 +34,7 @@ defineExpose({ open, close })
 </script>
 
 <template>
-  <MkDialog v-model="dialogVisible" title="设置" align-center @closed="resetData">
+  <MkDialog v-model="dialogVisible" title="设置" @closed="resetData">
     <el-form ref="formRef" :model="form" label-position="top" require-asterisk-position="right" @submit.prevent>
       <el-form-item label="标题" prop="title" :rules="[{ whitespace: true, required: true, message: '请输入标题', trigger: 'blur' }]">
         <el-input v-model="form.title" maxlength="64" show-word-limit @blur="form.title = form.title.trim()" />
diff --git a/ui/src/workflow-canvas/nodes/knowledge-base-node/component/UserFieldFormDialog.vue b/ui/src/workflow-canvas/nodes/knowledge-base-node/component/UserFieldFormDialog.vue
index 9ef046b8ebe..c5174d44f83 100644
--- a/ui/src/workflow-canvas/nodes/knowledge-base-node/component/UserFieldFormDialog.vue
+++ b/ui/src/workflow-canvas/nodes/knowledge-base-node/component/UserFieldFormDialog.vue
@@ -74,7 +74,7 @@ defineExpose({ open, close })
 </script>
 
 <template>
-  <MkDialog v-model="dialogVisible" :title="editingIndex === undefined ? '添加参数' : '编辑参数'" align-center @closed="resetData">
+  <MkDialog v-model="dialogVisible" :title="editingIndex === undefined ? '添加参数' : '编辑参数'" @closed="resetData">
     <MkDynamicsFormConstructor ref="constructorRef" v-model="currentField" :field-type-options="fieldTypeOptions" />
     <template #footer>
       <!-- 取消编辑 -->
diff --git a/ui/src/workflow-canvas/nodes/loop-start-node/component/LoopFieldDialog.vue b/ui/src/workflow-canvas/nodes/loop-start-node/component/LoopFieldDialog.vue
index 86cd91a4d06..1046ea42893 100644
--- a/ui/src/workflow-canvas/nodes/loop-start-node/component/LoopFieldDialog.vue
+++ b/ui/src/workflow-canvas/nodes/loop-start-node/component/LoopFieldDialog.vue
@@ -62,7 +62,7 @@ defineExpose({ open, close })
 </script>
 
 <template>
-  <MkDialog :title="isEdit ? '编辑参数' : '添加参数'" v-model="dialogVisible" align-center @closed="resetData">
+  <MkDialog :title="isEdit ? '编辑参数' : '添加参数'" v-model="dialogVisible" @closed="resetData">
     <el-form label-position="top" ref="fieldFormRef" :rules="rules" :model="form" require-asterisk-position="right" @submit.prevent>
       <el-form-item label="参数" prop="field">
         <el-input v-model="form.field" :maxlength="64" placeholder="请输入参数" show-word-limit />
diff --git a/ui/src/workflow-canvas/nodes/mcp-node/component/McpServerInputDialog.vue b/ui/src/workflow-canvas/nodes/mcp-node/component/McpServerInputDialog.vue
index f5f86f3f457..61be28a9f93 100644
--- a/ui/src/workflow-canvas/nodes/mcp-node/component/McpServerInputDialog.vue
+++ b/ui/src/workflow-canvas/nodes/mcp-node/component/McpServerInputDialog.vue
@@ -1,24 +1,3 @@
-<template>
-  <MkDialog v-model="dialogVisible" title="设置变量" @closed="resetData">
-    <el-form ref="formRef" label-position="top" :model="form" require-asterisk-position="right" @submit.prevent>
-      <el-form-item
-        v-for="item in inputFieldList"
-        :key="item"
-        :label="item"
-        :prop="item"
-        :rules="{ required: true, message: '该项必填', trigger: 'blur' }"
-      >
-        <el-input v-model="form[item]" />
-      </el-form-item>
-    </el-form>
-    <template #footer>
-      <span class="dialog-footer">
-        <el-button @click.prevent="dialogVisible = false">取消</el-button>
-        <el-button type="primary" :loading="loading" @click="submit(formRef)">保存</el-button>
-      </span>
-    </template>
-  </MkDialog>
-</template>
 <script setup lang="ts">
 import { ref, useTemplateRef, reactive } from 'vue'
 import type { FormInstance } from 'element-plus'
@@ -57,4 +36,26 @@ const submit = async (formEl: FormInstance | null) => {
 
 defineExpose({ open })
 </script>
+
+<template>
+  <MkDialog v-model="dialogVisible" title="设置变量" @closed="resetData">
+    <el-form ref="formRef" label-position="top" :model="form" require-asterisk-position="right" @submit.prevent>
+      <el-form-item
+        v-for="item in inputFieldList"
+        :key="item"
+        :label="item"
+        :prop="item"
+        :rules="{ required: true, message: '请输入', trigger: 'blur' }"
+      >
+        <el-input v-model="form[item]" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click.prevent="dialogVisible = false">取消</el-button>
+        <el-button type="primary" :loading="loading" @click="submit(formRef)">保存</el-button>
+      </span>
+    </template>
+  </MkDialog>
+</template>
 <style lang="scss" scoped></style>
diff --git a/ui/src/workflow-canvas/nodes/parameter-extraction-node/component/parameters-field/ParametersFieldDialog.vue b/ui/src/workflow-canvas/nodes/parameter-extraction-node/component/parameters-field/ParametersFieldDialog.vue
index 1f993c0044b..9d623f9c8c0 100644
--- a/ui/src/workflow-canvas/nodes/parameter-extraction-node/component/parameters-field/ParametersFieldDialog.vue
+++ b/ui/src/workflow-canvas/nodes/parameter-extraction-node/component/parameters-field/ParametersFieldDialog.vue
@@ -58,7 +58,7 @@ defineExpose({ close, open })
 </script>
 
 <template>
-  <MkDialog v-model="visible" :title="editing ? '编辑参数' : '添加参数'" @closed="resetData" align-center>
+  <MkDialog v-model="visible" :title="editing ? '编辑参数' : '添加参数'" @closed="resetData">
     <el-form ref="formRef" label-position="top" require-asterisk-position="right" :rules="rules" :model="formData" @submit.prevent>
       <el-form-item label="参数" prop="field">
         <el-input v-model="formData.field" :maxlength="64" placeholder="请输入参数" show-word-limit />
diff --git a/ui/src/workflow-canvas/nodes/reranker-node/component/SearchSetting.vue b/ui/src/workflow-canvas/nodes/reranker-node/component/SearchSetting.vue
index d12f743391f..4788d1dd526 100644
--- a/ui/src/workflow-canvas/nodes/reranker-node/component/SearchSetting.vue
+++ b/ui/src/workflow-canvas/nodes/reranker-node/component/SearchSetting.vue
@@ -32,7 +32,7 @@ function submit() {
   <el-button text type="primary" title="参数设置" @click="open">
     <MkIcon name="icon_setting" :size="20" />
   </el-button>
-  <MkDialog v-model="visible" align-center title="参数设置" width="550" @closed="resetData">
+  <MkDialog v-model="visible" title="参数设置" @closed="resetData">
     <el-form ref="formRef" :model="formData" label-position="top" @submit.prevent>
       <div class="grid grid-cols-2 gap-4">
         <el-form-item>
diff --git a/ui/src/workflow-canvas/nodes/search-knowledge-node/component/SearchSetting.vue b/ui/src/workflow-canvas/nodes/search-knowledge-node/component/SearchSetting.vue
index 0d6295c7cbb..5a6e67f5fa0 100644
--- a/ui/src/workflow-canvas/nodes/search-knowledge-node/component/SearchSetting.vue
+++ b/ui/src/workflow-canvas/nodes/search-knowledge-node/component/SearchSetting.vue
@@ -39,7 +39,7 @@ function resetData() {
 
 <template>
   <el-button text type="primary" title="参数设置" @click="open"><MkIcon name="icon_setting" /></el-button>
-  <MkDialog v-model="visible" title="参数设置" @closed="resetData" align-center>
+  <MkDialog v-model="visible" title="参数设置" @closed="resetData">
     <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
       <el-form-item label="检索模式">
         <el-radio-group v-model="formData.search_mode" class="space-y-2" @change="changeSearchMode">
diff --git a/ui/src/workflow-canvas/nodes/tool-base-node/component/input/InputFieldFormDialog.vue b/ui/src/workflow-canvas/nodes/tool-base-node/component/input/InputFieldFormDialog.vue
index 1eb944c4cca..b761b9a5a5a 100644
--- a/ui/src/workflow-canvas/nodes/tool-base-node/component/input/InputFieldFormDialog.vue
+++ b/ui/src/workflow-canvas/nodes/tool-base-node/component/input/InputFieldFormDialog.vue
@@ -47,7 +47,7 @@ defineExpose({ open, close })
 </script>
 
 <template>
-  <MkDialog v-model="dialogVisible" :title="editingIndex === undefined ? '添加参数' : '编辑参数'" align-center @closed="resetData">
+  <MkDialog v-model="dialogVisible" :title="editingIndex === undefined ? '添加参数' : '编辑参数'" @closed="resetData">
     <el-form label-position="top" ref="formRef" :rules="rules" :model="form" require-asterisk-position="right" @submit.prevent>
       <el-form-item label="参数" prop="field">
         <el-input v-model="form.field" placeholder="请输入参数" :maxlength="64" show-word-limit @blur="form.field = form.field.trim()" />
diff --git a/ui/src/workflow-canvas/nodes/tool-base-node/component/input/TitleSettingDialog.vue b/ui/src/workflow-canvas/nodes/tool-base-node/component/input/TitleSettingDialog.vue
index cf32332c2e3..06990a33718 100644
--- a/ui/src/workflow-canvas/nodes/tool-base-node/component/input/TitleSettingDialog.vue
+++ b/ui/src/workflow-canvas/nodes/tool-base-node/component/input/TitleSettingDialog.vue
@@ -34,7 +34,7 @@ defineExpose({ open, close })
 </script>
 
 <template>
-  <MkDialog v-model="dialogVisible" title="设置" align-center @closed="resetData">
+  <MkDialog v-model="dialogVisible" title="设置" @closed="resetData">
     <el-form ref="formRef" :model="form" label-position="top" require-asterisk-position="right" @submit.prevent>
       <el-form-item label="标题" prop="title" :rules="[{ whitespace: true, required: true, message: '请输入标题', trigger: 'blur' }]">
         <el-input v-model="form.title" maxlength="64" show-word-limit @blur="form.title = form.title.trim()" />
diff --git a/ui/src/workflow-canvas/nodes/tool-base-node/component/output/OutputFieldFormDialog.vue b/ui/src/workflow-canvas/nodes/tool-base-node/component/output/OutputFieldFormDialog.vue
index 7cc89b8be6d..c999f677641 100644
--- a/ui/src/workflow-canvas/nodes/tool-base-node/component/output/OutputFieldFormDialog.vue
+++ b/ui/src/workflow-canvas/nodes/tool-base-node/component/output/OutputFieldFormDialog.vue
@@ -45,7 +45,7 @@ defineExpose({ open, close })
 </script>
 
 <template>
-  <MkDialog v-model="dialogVisible" :title="editingIndex === undefined ? '添加参数' : '编辑参数'" align-center @closed="resetData">
+  <MkDialog v-model="dialogVisible" :title="editingIndex === undefined ? '添加参数' : '编辑参数'" @closed="resetData">
     <el-form label-position="top" ref="formRef" :rules="rules" :model="form" require-asterisk-position="right" @submit.prevent>
       <el-form-item label="参数" prop="field">
         <el-input v-model="form.field" placeholder="请输入参数" maxlength="64" show-word-limit @blur="form.field = form.field.trim()" />
diff --git a/ui/src/workflow-canvas/nodes/tool-base-node/component/output/TitleSettingDialog.vue b/ui/src/workflow-canvas/nodes/tool-base-node/component/output/TitleSettingDialog.vue
index 18abb7eb03f..84fc91d34ae 100644
--- a/ui/src/workflow-canvas/nodes/tool-base-node/component/output/TitleSettingDialog.vue
+++ b/ui/src/workflow-canvas/nodes/tool-base-node/component/output/TitleSettingDialog.vue
@@ -34,7 +34,7 @@ defineExpose({ open, close })
 </script>
 
 <template>
-  <MkDialog v-model="dialogVisible" title="设置" align-center append-to-body @closed="resetData">
+  <MkDialog v-model="dialogVisible" title="设置" append-to-body @closed="resetData">
     <el-form ref="formRef" :model="form" label-position="top" require-asterisk-position="right" @submit.prevent>
       <el-form-item label="标题" prop="title" :rules="[{ whitespace: true, required: true, message: '请输入标题', trigger: 'blur' }]">
         <el-input v-model="form.title" maxlength="64" show-word-limit @blur="form.title = form.title.trim()" />
diff --git a/ui/src/workflow-canvas/nodes/variable-aggregation-node/component/GroupFieldDialog.vue b/ui/src/workflow-canvas/nodes/variable-aggregation-node/component/GroupFieldDialog.vue
index 60ad29f29b7..72736819e23 100644
--- a/ui/src/workflow-canvas/nodes/variable-aggregation-node/component/GroupFieldDialog.vue
+++ b/ui/src/workflow-canvas/nodes/variable-aggregation-node/component/GroupFieldDialog.vue
@@ -59,7 +59,7 @@ defineExpose({ close, open })
 </script>
 
 <template>
-  <MkDialog v-model="visible" :title="editing ? '编辑分组' : '添加分组'" @closed="resetData" align-center>
+  <MkDialog v-model="visible" :title="editing ? '编辑分组' : '添加分组'" @closed="resetData">
     <el-form ref="formRef" label-position="top" require-asterisk-position="right" :rules="rules" :model="formData" @submit.prevent>
       <el-form-item label="变量" prop="field">
         <el-input v-model="formData.field" :maxlength="64" placeholder="请输入变量" show-word-limit />
diff --git a/ui/src/workflow-canvas/nodes/variable-splitting-node/component/variable-field/VariableFieldDialog.vue b/ui/src/workflow-canvas/nodes/variable-splitting-node/component/variable-field/VariableFieldDialog.vue
index c52f23cde35..f5f95b84d71 100644
--- a/ui/src/workflow-canvas/nodes/variable-splitting-node/component/variable-field/VariableFieldDialog.vue
+++ b/ui/src/workflow-canvas/nodes/variable-splitting-node/component/variable-field/VariableFieldDialog.vue
@@ -56,7 +56,7 @@ function resetData() {
 defineExpose({ close, open })
 </script>
 <template>
-  <MkDialog v-model="visible" :title="editing ? '编辑变量' : '添加变量'" @closed="resetData" align-center>
+  <MkDialog v-model="visible" :title="editing ? '编辑变量' : '添加变量'" @closed="resetData">
     <el-form ref="formRef" label-position="top" require-asterisk-position="right" :rules="rules" :model="formData" @submit.prevent>
       <el-form-item label="变量" prop="field">
         <el-input v-model="formData.field" :maxlength="64" placeholder="请输入变量" show-word-limit />
@@ -76,8 +76,9 @@ defineExpose({ close, open })
                   target="_blank"
                   rel="noopener noreferrer"
                   class="text-primary hover:text-primary/80"
-                  >点击查看详情 ➜ pypi.org</a
                 >
+                  点击查看详情 ➜ pypi.org
+                </a>
               </template>
               <MkIcon name="icon_info_outlined" class="text-N600!" />
             </MkTooltip>