From 3ba90ca4b35207c859884db8899154da00155b0b Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Tue, 27 Oct 2026 10:21:49 +0800
Subject: [PATCH] fix: button

---
 .../business/folder-tree/FolderFormDialog.vue |  2 +-
 .../business/folder-tree/MoveToDialog.vue     |  2 +-
 ui/src/components/codemirror-editor/Json.vue  |  2 +-
 .../mk-table-filter/TableFilterCustom.vue     |  2 +-
 ui/src/components/mk-dynamics-form/Demo.vue   |  2 +-
 .../items/table/TableCheckbox.vue             | 28 ++++++++++++-------
 .../items/table/TableRadio.vue                | 20 +++++++------
 .../main/share-panel/index.vue                |  2 +-
 .../trigger-form/TriggerFormDrawer.vue        |  2 +-
 .../EditPublishVersionDialog.vue              |  2 +-
 .../node-container/NodeOperateDropdown.vue    |  2 +-
 .../api-parameter/ApiParameterDialog.vue      |  2 +-
 .../ConversationVariableDialog.vue            |  2 +-
 .../user-input/UserInputFieldDialog.vue       |  2 +-
 .../user-input/UserInputSettingDialog.vue     |  2 +-
 .../component/TitleSettingDialog.vue          |  2 +-
 .../component/UserFieldFormDialog.vue         |  2 +-
 .../component/LoopFieldDialog.vue             |  2 +-
 .../component/McpServerInputDialog.vue        |  2 +-
 .../component/input/InputFieldFormDialog.vue  |  2 +-
 .../component/input/TitleSettingDialog.vue    |  2 +-
 .../output/OutputFieldFormDialog.vue          |  2 +-
 .../component/output/TitleSettingDialog.vue   |  2 +-
 23 files changed, 50 insertions(+), 40 deletions(-)

diff --git a/ui/src/components/business/folder-tree/FolderFormDialog.vue b/ui/src/components/business/folder-tree/FolderFormDialog.vue
index edec87ec373..873d5354e6d 100644
--- a/ui/src/components/business/folder-tree/FolderFormDialog.vue
+++ b/ui/src/components/business/folder-tree/FolderFormDialog.vue
@@ -96,7 +96,7 @@ defineExpose({ open })
     </el-form>
 
     <template #footer>
-      <el-button :disabled="loading" @click="visible = false">取消</el-button>
+      <el-button plain :disabled="loading" @click="visible = false">取消</el-button>
       <el-button type="primary" :loading="loading" @click="handleSubmit">
         {{ editId ? '保存' : '创建' }}
       </el-button>
diff --git a/ui/src/components/business/folder-tree/MoveToDialog.vue b/ui/src/components/business/folder-tree/MoveToDialog.vue
index 668505cc844..60101f3b09c 100644
--- a/ui/src/components/business/folder-tree/MoveToDialog.vue
+++ b/ui/src/components/business/folder-tree/MoveToDialog.vue
@@ -49,7 +49,7 @@ defineExpose({ close, open })
     />
 
     <template #footer>
-      <el-button :disabled="loading" @click="visible = false">取消</el-button>
+      <el-button plain :disabled="loading" @click="visible = false">取消</el-button>
       <el-button type="primary" :disabled="!canSubmit" :loading="loading" @click="handleSubmit">确定</el-button>
     </template>
   </MkDialog>
diff --git a/ui/src/components/codemirror-editor/Json.vue b/ui/src/components/codemirror-editor/Json.vue
index bf9f96681be..7ea81eac9dd 100644
--- a/ui/src/components/codemirror-editor/Json.vue
+++ b/ui/src/components/codemirror-editor/Json.vue
@@ -127,7 +127,7 @@ defineExpose({ format, validateRules })
     </div>
 
     <template #footer>
-      <el-button @click="closeEditorDialog">取消</el-button>
+      <el-button plain @click="closeEditorDialog">取消</el-button>
       <el-button type="primary" @click="submitEditorDialog">确定</el-button>
     </template>
   </MkDialog>
diff --git a/ui/src/components/global/mk-table/mk-table-filter/TableFilterCustom.vue b/ui/src/components/global/mk-table/mk-table-filter/TableFilterCustom.vue
index e49e76e5a42..b894476d054 100644
--- a/ui/src/components/global/mk-table/mk-table-filter/TableFilterCustom.vue
+++ b/ui/src/components/global/mk-table/mk-table-filter/TableFilterCustom.vue
@@ -45,7 +45,7 @@ function handleConfirm() {
 
     <div class="p-3 text-right">
       <!-- 清除多选筛选 -->
-      <el-button class="min-w-12! w-12!" size="small" @click="handleReset">重置</el-button>
+      <el-button plain class="min-w-12! w-12!" size="small" @click="handleReset">重置</el-button>
       <!-- 确认多选筛选 -->
       <el-button class="min-w-12! w-12!" size="small" type="primary" @click="handleConfirm">确定</el-button>
     </div>
diff --git a/ui/src/components/mk-dynamics-form/Demo.vue b/ui/src/components/mk-dynamics-form/Demo.vue
index 131f0b90995..560acf0935e 100644
--- a/ui/src/components/mk-dynamics-form/Demo.vue
+++ b/ui/src/components/mk-dynamics-form/Demo.vue
@@ -170,7 +170,7 @@ const validateForm = async () => {
   <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>
+      <el-button plain @click="dialogVisible = false">取消</el-button>
       <el-button type="primary" @click="submitField">确定</el-button>
     </template>
   </MkDialog>
diff --git a/ui/src/components/mk-dynamics-form/items/table/TableCheckbox.vue b/ui/src/components/mk-dynamics-form/items/table/TableCheckbox.vue
index f0375348a1f..54f75568373 100644
--- a/ui/src/components/mk-dynamics-form/items/table/TableCheckbox.vue
+++ b/ui/src/components/mk-dynamics-form/items/table/TableCheckbox.vue
@@ -2,7 +2,6 @@
 import type { DynamicFormValue } from '../../type'
 import type { FormField } from '@/components/mk-dynamics-form/type'
 import { computed, ref, watch } from 'vue'
-import { Search } from '@element-plus/icons-vue'
 import type { TableInstance } from 'element-plus'
 
 import _ from 'lodash'
@@ -135,24 +134,33 @@ const activeText = computed(() => {
     <div class="header">
       <div class="title">{{ title }}</div>
 
-      <el-input v-model="filterText" :validate-event="false" placeholder="请输入关键词搜索" class="input-with-select" style="--el-color-danger: #c0c4cc" clearable>
-        <template #prepend>
-          <el-button :icon="Search" />
-        </template>
-      </el-input>
+      <!-- 搜索表格选项 -->
+      <MkSearchInput
+        v-model="filterText"
+        :validate-event="false"
+        placeholder="请输入关键词搜索"
+        class="input-with-select"
+        style="--el-color-danger: #c0c4cc"
+      />
     </div>
 
-    <el-table ref="multipleTableRef" :data="tableData" highlight-current-row style="width: 100%; height: 100%; --el-bg-color: #f5f6f7" @selection-change="handleSelectionChange">
+    <el-table
+      ref="multipleTableRef"
+      :data="tableData"
+      highlight-current-row
+      style="width: 100%; height: 100%; --el-bg-color: #f5f6f7"
+      @selection-change="handleSelectionChange"
+    >
       <el-table-column type="selection" width="55" />
       <el-table-column v-for="(column, index) in tableColumns" :key="index" v-bind="column" :label="column.label">
         <template #default="scope">
           <template v-if="column.type === 'component'">
             <TableColumn :column="column" :row="scope.row"></TableColumn>
           </template>
-          <template v-else-if="column.type === 'eval'"> <span v-html="evalF(column.property, scope.row)"></span></template>
+          <template v-else-if="column.type === 'eval'"><span v-html="evalF(column.property, scope.row)"></span></template>
           <template v-else>
-            <span>{{ scope.row[column.property] }}</span></template
-          >
+            <span>{{ scope.row[column.property] }}</span>
+          </template>
         </template>
       </el-table-column>
     </el-table>
diff --git a/ui/src/components/mk-dynamics-form/items/table/TableRadio.vue b/ui/src/components/mk-dynamics-form/items/table/TableRadio.vue
index 1f5e1244ea8..d3f0a6e4d92 100644
--- a/ui/src/components/mk-dynamics-form/items/table/TableRadio.vue
+++ b/ui/src/components/mk-dynamics-form/items/table/TableRadio.vue
@@ -2,7 +2,6 @@
 import type { DynamicFormValue } from '../../type'
 import type { FormField } from '@/components/mk-dynamics-form/type'
 import { computed, ref, watch } from 'vue'
-import { Search } from '@element-plus/icons-vue'
 import type { TableInstance } from 'element-plus'
 
 import _ from 'lodash'
@@ -121,11 +120,14 @@ const activeText = computed(() => {
     <div class="header">
       <div class="title">{{ title }}</div>
 
-      <el-input v-model="filterText" :validate-event="false" placeholder="请输入关键词搜索" class="input-with-select" style="--el-color-danger: #c0c4cc" clearable>
-        <template #prepend>
-          <el-button :icon="Search" />
-        </template>
-      </el-input>
+      <!-- 搜索表格选项 -->
+      <MkSearchInput
+        v-model="filterText"
+        :validate-event="false"
+        placeholder="请输入关键词搜索"
+        class="input-with-select"
+        style="--el-color-danger: #c0c4cc"
+      />
     </div>
 
     <el-table
@@ -145,10 +147,10 @@ const activeText = computed(() => {
           <template v-if="column.type === 'component'">
             <TableColumn :column="column" :row="scope.row"></TableColumn>
           </template>
-          <template v-else-if="column.type === 'eval'"> <span v-html="evalF(column.property, scope.row)"></span></template>
+          <template v-else-if="column.type === 'eval'"><span v-html="evalF(column.property, scope.row)"></span></template>
           <template v-else>
-            <span>{{ scope.row[column.property] }}</span></template
-          >
+            <span>{{ scope.row[column.property] }}</span>
+          </template>
         </template>
       </el-table-column>
     </el-table>
diff --git a/ui/src/conversation-panel/main/share-panel/index.vue b/ui/src/conversation-panel/main/share-panel/index.vue
index 9715b9d9e1c..2ca2f8ceaaa 100644
--- a/ui/src/conversation-panel/main/share-panel/index.vue
+++ b/ui/src/conversation-panel/main/share-panel/index.vue
@@ -55,7 +55,7 @@ const handleShare = () => {
       </el-checkbox>
       <span class="min-w-0 flex-1 truncate text-N600">已选择 {{ selectedCount }} 条对话</span>
       <!-- 退出分享模式 -->
-      <el-button @click="share.close()">取消</el-button>
+      <el-button plain @click="share.close()">取消</el-button>
       <!-- 分享已选对话 -->
       <el-button type="primary" class="ml-0!" :disabled="!selectedCount" :loading="share.sharing.value" @click="handleShare">分享</el-button>
     </header>
diff --git a/ui/src/views/trigger/trigger-form/TriggerFormDrawer.vue b/ui/src/views/trigger/trigger-form/TriggerFormDrawer.vue
index 35e08dd9732..05d8787da1f 100644
--- a/ui/src/views/trigger/trigger-form/TriggerFormDrawer.vue
+++ b/ui/src/views/trigger/trigger-form/TriggerFormDrawer.vue
@@ -428,7 +428,7 @@ defineExpose({ open })
     </div>
     <template #footer>
       <!-- 取消触发器编辑 -->
-      <el-button :disabled="saving" @click="visible = false">取消</el-button>
+      <el-button plain :disabled="saving" @click="visible = false">取消</el-button>
       <!-- 保存触发器配置 -->
       <el-button type="primary" :loading="saving" :disabled="loading || detailFailed" @click="handleSave">
         {{ editingId ? '保存' : '创建' }}
diff --git a/ui/src/views/workflow/components/publish-history/EditPublishVersionDialog.vue b/ui/src/views/workflow/components/publish-history/EditPublishVersionDialog.vue
index feb9b2d3f2a..754ddc81786 100644
--- a/ui/src/views/workflow/components/publish-history/EditPublishVersionDialog.vue
+++ b/ui/src/views/workflow/components/publish-history/EditPublishVersionDialog.vue
@@ -77,7 +77,7 @@ defineExpose({ open, close })
     </el-form>
     <template #footer>
       <!-- 取消 -->
-      <el-button :disabled="saving" @click="visible = false">取消</el-button>
+      <el-button plain :disabled="saving" @click="visible = false">取消</el-button>
       <!-- 提交版本内容 -->
       <el-button type="primary" :loading="saving" @click="handleSubmit">发布</el-button>
     </template>
diff --git a/ui/src/workflow-canvas/core/node-container/NodeOperateDropdown.vue b/ui/src/workflow-canvas/core/node-container/NodeOperateDropdown.vue
index a52c14b3137..c7b651cc953 100644
--- a/ui/src/workflow-canvas/core/node-container/NodeOperateDropdown.vue
+++ b/ui/src/workflow-canvas/core/node-container/NodeOperateDropdown.vue
@@ -158,7 +158,7 @@ function deleteNode() {
       </el-form-item>
     </el-form>
     <template #footer>
-      <el-button @click.prevent="nodeNameDialogVisible = false">取消</el-button>
+      <el-button plain @click.prevent="nodeNameDialogVisible = false">取消</el-button>
       <el-button type="primary" @click="saveNodeName(titleFormRef)">保存</el-button>
     </template>
   </MkDialog>
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 08a63717d5a..231b60fa0b0 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
@@ -66,7 +66,7 @@ defineExpose({ open, close })
       </el-form-item>
     </el-form>
     <template #footer>
-      <el-button @click="dialogVisible = false">取消</el-button>
+      <el-button plain @click="dialogVisible = false">取消</el-button>
       <el-button type="primary" @click="submitField">{{ editingIndex === undefined ? '添加' : '保存' }}</el-button>
     </template>
   </MkDialog>
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 dbb9f637e22..efbc6aefe07 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
@@ -63,7 +63,7 @@ defineExpose({ open, close })
       </el-form-item>
     </el-form>
     <template #footer>
-      <el-button @click="dialogVisible = false">取消</el-button>
+      <el-button plain @click="dialogVisible = false">取消</el-button>
       <el-button type="primary" @click="submitField">{{ editingIndex === undefined ? '添加' : '保存' }}</el-button>
     </template>
   </MkDialog>
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 0dc7244a3ca..c32c02df382 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
@@ -73,7 +73,7 @@ defineExpose({ open, close })
   <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>
+      <el-button plain @click="fieldDialogVisible = false">取消</el-button>
       <el-button type="primary" @click="submitField">{{ editingIndex === undefined ? '添加' : '保存' }}</el-button>
     </template>
   </MkDialog>
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 9f99ac1f338..dd55d98258e 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
@@ -57,7 +57,7 @@ defineExpose({ open })
       </el-form-item>
     </el-form>
     <template #footer>
-      <el-button @click="settingDialogVisible = false">取消</el-button>
+      <el-button plain @click="settingDialogVisible = false">取消</el-button>
       <el-button type="primary" @click="submitSetting">保存</el-button>
     </template>
   </MkDialog>
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 7e75507a7ff..189e2ad89fb 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
@@ -42,7 +42,7 @@ defineExpose({ open, close })
     </el-form>
     <template #footer>
       <!-- 取消设置 -->
-      <el-button @click="dialogVisible = false">取消</el-button>
+      <el-button plain @click="dialogVisible = false">取消</el-button>
       <!-- 保存标题 -->
       <el-button type="primary" @click="submitTitle">保存</el-button>
     </template>
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 c5174d44f83..5a1df8e5b3a 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
@@ -78,7 +78,7 @@ defineExpose({ open, close })
     <MkDynamicsFormConstructor ref="constructorRef" v-model="currentField" :field-type-options="fieldTypeOptions" />
     <template #footer>
       <!-- 取消编辑 -->
-      <el-button @click="close">取消</el-button>
+      <el-button plain @click="close">取消</el-button>
       <!-- 提交参数 -->
       <el-button type="primary" @click="submitField">{{ editingIndex === undefined ? '添加' : '保存' }}</el-button>
     </template>
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 1046ea42893..be030b6d4b9 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
@@ -72,7 +72,7 @@ defineExpose({ open, close })
       </el-form-item>
     </el-form>
     <template #footer>
-      <el-button @click="close">取消</el-button>
+      <el-button plain @click="close">取消</el-button>
       <el-button type="primary" @click="submit">{{ isEdit ? '保存' : '添加' }}</el-button>
     </template>
   </MkDialog>
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 61be28a9f93..68fe6ba9cd0 100644
--- a/ui/src/workflow-canvas/nodes/mcp-node/component/McpServerInputDialog.vue
+++ b/ui/src/workflow-canvas/nodes/mcp-node/component/McpServerInputDialog.vue
@@ -52,7 +52,7 @@ defineExpose({ open })
     </el-form>
     <template #footer>
       <span class="dialog-footer">
-        <el-button @click.prevent="dialogVisible = false">取消</el-button>
+        <el-button plain @click.prevent="dialogVisible = false">取消</el-button>
         <el-button type="primary" :loading="loading" @click="submit(formRef)">保存</el-button>
       </span>
     </template>
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 b761b9a5a5a..9518e40984c 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
@@ -71,7 +71,7 @@ defineExpose({ open, close })
     <template #footer>
       <span>
         <!-- 取消编辑 -->
-        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button plain @click="dialogVisible = false">取消</el-button>
         <!-- 提交参数 -->
         <el-button type="primary" @click="submitField">
           {{ editingIndex === undefined ? '添加' : '保存' }}
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 06990a33718..24ed8c539f2 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
@@ -42,7 +42,7 @@ defineExpose({ open, close })
     </el-form>
     <template #footer>
       <!-- 取消设置 -->
-      <el-button @click="dialogVisible = false">取消</el-button>
+      <el-button plain @click="dialogVisible = false">取消</el-button>
       <!-- 保存标题 -->
       <el-button type="primary" @click="submitTitle">保存</el-button>
     </template>
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 c999f677641..4580b5d1847 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
@@ -58,7 +58,7 @@ defineExpose({ open, close })
     <template #footer>
       <span>
         <!-- 取消编辑 -->
-        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button plain @click="dialogVisible = false">取消</el-button>
         <!-- 提交参数 -->
         <el-button type="primary" @click="submitField">
           {{ editingIndex === undefined ? '添加' : '保存' }}
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 84fc91d34ae..45496a6c75c 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
@@ -42,7 +42,7 @@ defineExpose({ open, close })
     </el-form>
     <template #footer>
       <!-- 取消设置 -->
-      <el-button @click="dialogVisible = false">取消</el-button>
+      <el-button plain @click="dialogVisible = false">取消</el-button>
       <!-- 保存标题 -->
       <el-button type="primary" @click="submitTitle">保存</el-button>
     </template>