panyy
/
UnisKB
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: update mcp_tool_id to mcp_tool_ids for multi-select functionality

v3.2
CaptainB 2025-09-05 10:18:51 +08:00
parent b5005e4744
commit f20235d662
2 changed files with 47 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
ui/src/views/application/component/McpServersDialog.vue
View File

@ -32,13 +32,13 @@
message: $t('common.selectPlaceholder') + ` MCP ${$t('views.tool.title')}`, message: $t('common.selectPlaceholder') + ` MCP ${$t('views.tool.title')}`,
}, },
]" ]"
prop="mcp_tool_id" prop="mcp_tool_ids"
> >
<template #label> <template #label>
{{ `MCP ${$t('views.tool.title')}` }} {{ `MCP ${$t('views.tool.title')}` }}
<span class="color-danger">*</span> <span class="color-danger">*</span>
</template> </template>
<el-select v-model="form.mcp_tool_id" filterable> <el-select v-model="form.mcp_tool_ids" filterable multiple>
<el-option <el-option
v-for="mcpTool in mcpToolSelectOptions" v-for="mcpTool in mcpToolSelectOptions"
:key="mcpTool.id" :key="mcpTool.id"
@ -121,7 +121,7 @@ const mcpServerJson = `{
const form = ref<any>({ const form = ref<any>({
mcp_servers: '', mcp_servers: '',
mcp_tool_id: '', mcp_tool_ids: [],
mcp_source: 'referencing', mcp_source: 'referencing',
}) })
@ -135,7 +135,7 @@ watch(dialogVisible, (bool) => {
if (!bool) { if (!bool) {
form.value = { form.value = {
mcp_servers: '', mcp_servers: '',
mcp_tool_id: '', mcp_tool_ids: '',
mcp_source: 'referencing', mcp_source: 'referencing',
} }
paramFormRef.value?.clearValidate() paramFormRef.value?.clearValidate()
@ -146,7 +146,7 @@ function mcpSourceChange() {
if (form.value.mcp_source === 'referencing') { if (form.value.mcp_source === 'referencing') {
form.value.mcp_servers = '' form.value.mcp_servers = ''
} else { } else {
form.value.mcp_tool_id = '' form.value.mcp_tool_ids = ''
} }
} }
@ -154,9 +154,9 @@ const open = (data: any, selectOptions: any) => {
form.value = { ...form.value, ...data } form.value = { ...form.value, ...data }
if (data.mcp_servers) { if (data.mcp_servers) {
form.value.mcp_source = 'custom' form.value.mcp_source = 'custom'
} else if (data.mcp_tool_id) { } else if (data.mcp_tool_ids) {
form.value.mcp_source = 'referencing' form.value.mcp_source = 'referencing'
form.value.mcp_tool_id = data.mcp_tool_id form.value.mcp_tool_ids = data.mcp_tool_ids
form.value.mcp_servers = '' form.value.mcp_servers = ''
} else { } else {
form.value.mcp_source = data.mcp_source || 'referencing' form.value.mcp_source = data.mcp_source || 'referencing'

69
ui/src/workflow/nodes/ai-chat-node/index.vue
View File

@ -134,38 +134,40 @@
<div <div
class="w-full mb-16" class="w-full mb-16"
v-if=" v-if="
chat_data.mcp_tool_id || (chat_data.mcp_servers && chat_data.mcp_servers.length > 0) chat_data.mcp_tool_ids?.length > 0 || (chat_data.mcp_servers && chat_data.mcp_servers.length > 0)
" "
> >
<div class="flex-between border border-r-6 white-bg mb-4" style="padding: 5px 8px" <template v-for="(item, index) in chat_data.mcp_tool_ids" :key="index">
v-if="relatedObject(mcpToolSelectOptions, chat_data.mcp_tool_id, 'id')" <div class="flex-between border border-r-6 white-bg mb-4" style="padding: 5px 8px"
> v-if="relatedObject(mcpToolSelectOptions, item, 'id')"
<div class="flex align-center" style="line-height: 20px"> >
<el-avatar <div class="flex align-center" style="line-height: 20px">
v-if="relatedObject(mcpToolSelectOptions, chat_data.mcp_tool_id, 'id')?.icon" <el-avatar
shape="square" v-if="relatedObject(mcpToolSelectOptions, item, 'id')?.icon"
:size="20" shape="square"
style="background: none" :size="20"
class="mr-8" style="background: none"
> class="mr-8"
<img :src="resetUrl(relatedObject(mcpToolSelectOptions, chat_data.mcp_tool_id, 'id')?.icon)" alt="" /> >
</el-avatar> <img :src="resetUrl(relatedObject(mcpToolSelectOptions, item, 'id')?.icon)" alt="" />
<ToolIcon v-else type="MCP" class="mr-8" :size="20" /> </el-avatar>
<ToolIcon v-else type="MCP" class="mr-8" :size="20" />
<div <div
class="ellipsis" class="ellipsis"
:title="relatedObject(mcpToolSelectOptions, chat_data.mcp_tool_id, 'id')?.name" :title="relatedObject(mcpToolSelectOptions, item, 'id')?.name"
> >
{{ {{
relatedObject(mcpToolSelectOptions, chat_data.mcp_tool_id, 'id')?.name || relatedObject(mcpToolSelectOptions, item, 'id')?.name ||
$t('common.custom') + ' MCP' $t('common.custom') + ' MCP'
}} }}
</div>
</div> </div>
<el-button text @click="removeMcpTool(item)">
<el-icon><Close /></el-icon>
</el-button>
</div> </div>
<el-button text @click="chat_data.mcp_tool_id = ''"> </template>
<el-icon><Close /></el-icon>
</el-button>
</div>
</div> </div>
<!-- 工具 --> <!-- 工具 -->
<div class="flex-between mb-16"> <div class="flex-between mb-16">
@ -424,7 +426,7 @@ const mcpServersDialogRef = ref()
function openMcpServersDialog() { function openMcpServersDialog() {
const config = { const config = {
mcp_servers: chat_data.value.mcp_servers, mcp_servers: chat_data.value.mcp_servers,
mcp_tool_id: chat_data.value.mcp_tool_id, mcp_tool_ids: chat_data.value.mcp_tool_ids,
mcp_source: chat_data.value.mcp_source, mcp_source: chat_data.value.mcp_source,
} }
mcpServersDialogRef.value.open(config, mcpToolSelectOptions.value) mcpServersDialogRef.value.open(config, mcpToolSelectOptions.value)
@ -432,7 +434,7 @@ function openMcpServersDialog() {
function submitMcpServersDialog(config: any) { function submitMcpServersDialog(config: any) {
set(props.nodeModel.properties.node_data, 'mcp_servers', config.mcp_servers) set(props.nodeModel.properties.node_data, 'mcp_servers', config.mcp_servers)
set(props.nodeModel.properties.node_data, 'mcp_tool_id', config.mcp_tool_id) set(props.nodeModel.properties.node_data, 'mcp_tool_ids', config.mcp_tool_ids)
set(props.nodeModel.properties.node_data, 'mcp_source', config.mcp_source) set(props.nodeModel.properties.node_data, 'mcp_source', config.mcp_source)
} }
@ -447,6 +449,10 @@ function removeTool(id: any) {
const list = props.nodeModel.properties.node_data.tool_ids.filter((v: any) => v !== id) const list = props.nodeModel.properties.node_data.tool_ids.filter((v: any) => v !== id)
set(props.nodeModel.properties.node_data, 'tool_ids', list) set(props.nodeModel.properties.node_data, 'tool_ids', list)
} }
function removeMcpTool(id: any) {
const list = props.nodeModel.properties.node_data.mcp_tool_ids.filter((v: any) => v !== id)
set(props.nodeModel.properties.node_data, 'mcp_tool_ids', list)
}
const toolSelectOptions = ref<any[]>([]) const toolSelectOptions = ref<any[]>([])
function getToolSelectOptions() { function getToolSelectOptions() {
@ -506,6 +512,11 @@ onMounted(() => {
chat_data.value.dialogue_type = 'WORKFLOW' chat_data.value.dialogue_type = 'WORKFLOW'
} }
if (props.nodeModel.properties.node_data?.mcp_tool_id) {
set(props.nodeModel.properties.node_data, 'mcp_tool_ids', [props.nodeModel.properties.node_data?.mcp_tool_id])
set(props.nodeModel.properties.node_data, 'mcp_tool_id', undefined)
}
getToolSelectOptions() getToolSelectOptions()
getMcpToolSelectOptions() getMcpToolSelectOptions()
}) })