feat: add Data Source tool functionality and localization

Author: liuruibin

apps/tools/migrations/0004_alter_tool_tool_type.py

@@ -0,0 +1,18 @@
+# Generated by Django 5.2.8 on 2025-11-17 07:07
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('tools', '0003_alter_tool_template_id'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='tool',
+            name='tool_type',
+            field=models.CharField(choices=[('INTERNAL', '内置'), ('CUSTOM', '自定义'), ('MCP', 'MCP工具'), ('DATA_SOURCE', '数据源')], db_index=True, default='CUSTOM', max_length=20, verbose_name='工具类型'),
+        ),
+    ]

apps/tools/models/tool.py

@@ -32,6 +32,7 @@ class ToolType(models.TextChoices):
     INTERNAL = "INTERNAL", '内置'
     CUSTOM = "CUSTOM", "自定义"
     MCP = "MCP", "MCP工具"
+    DATA_SOURCE = "DATA_SOURCE", "数据源"
 
 
 class Tool(AppModelMixin):

ui/src/locales/lang/en-US/views/tool.ts

@@ -4,6 +4,9 @@ export default {
   createTool: 'Create Tool',
   editTool: 'Edit Tool',
   createMcpTool: 'Create MCP',
+  createDataSourceTool: 'Create Data Source',
+  dataSource: 'Data Source',
+  editDataSourceTool: 'Edit Data Source',
   editMcpTool: 'Edit MCP',
   copyTool: 'Copy Tool',
   importTool: 'Import Tool',

ui/src/locales/lang/zh-CN/views/tool.ts

@@ -4,6 +4,9 @@ export default {
   createTool: '创建工具',
   editTool: '编辑工具',
   createMcpTool: '创建MCP',
+  createDataSourceTool: '创建数据源',
+  dataSource: '数据源',
+  editDataSourceTool: '编辑数据源',
   editMcpTool: '编辑MCP',
   copyTool: '复制工具',
   importTool: '导入工具',

ui/src/locales/lang/zh-Hant/views/tool.ts

@@ -4,6 +4,9 @@ export default {
   createTool: '建立工具',
   editTool: '編輯工具',
   createMcpTool: '建立MCP',
+  createDataSourceTool: '建立資料來源',
+  dataSource: '資料來源',
+  editDataSourceTool: '編輯資料來源',
   editMcpTool: '編輯MCP',
   copyTool: '複製工具',
   importTool: '匯入工具',

ui/src/views/system-resource-management/ToolResourceIndex.vue

@@ -82,6 +82,7 @@
         <el-table-column prop="tool_type" :label="$t('views.system.resource_management.type')">
           <template #default="scope">
             <span v-if="scope.row.tool_type === 'MCP'"> MCP </span>
+            <span v-else-if="scope.row.tool_type === 'DATA_SOURCE'"> {{ $t('views.tool.dataSource') }} </span>
             <span v-else-if="scope.row.version">{{ $t('views.tool.toolStore.title') }}</span>
             <span v-else>
               {{
@@ -248,6 +249,23 @@
                 </el-button>
               </span>
             </el-tooltip>
+            <el-tooltip
+              effect="dark"
+              :content="$t('common.edit')"
+              placement="top"
+              v-if="!row.template_id && row.tool_type === 'DATA_SOURCE' && permissionPrecise.edit()"
+            >
+              <span class="mr-8">
+                <el-button
+                  type="primary"
+                  text
+                  @click.stop="openCreateDataSourceDialog(row)"
+                  :title="$t('common.edit')"
+                >
+                  <AppIcon iconName="app-edit"></AppIcon>
+                </el-button>
+              </span>
+            </el-tooltip>
 
             <el-tooltip
               effect="dark"
@@ -323,6 +341,7 @@
     <InitParamDrawer ref="InitParamDrawerRef" @refresh="refresh" />
     <ToolFormDrawer ref="ToolFormDrawerRef" @refresh="refresh" :title="ToolDrawertitle" />
     <McpToolFormDrawer ref="McpToolFormDrawerRef" @refresh="refresh" :title="McpToolDrawertitle" />
+    <DataSourceToolFormDrawer ref="DataSourceToolFormDrawerRef" @refresh="refresh" :title="DataSourceToolDrawertitle" />
     <AddInternalToolDialog ref="AddInternalToolDialogRef" @refresh="confirmAddInternalTool" />
     <McpToolConfigDialog ref="McpToolConfigDialogRef" @refresh="refresh" />
     <ResourceAuthorizationDrawer :type="SourceTypeEnum.TOOL" ref="ResourceAuthorizationDrawerRef" />
@@ -337,6 +356,7 @@ import ToolResourceApi from '@/api/system-resource-management/tool'
 import AddInternalToolDialog from '@/views/tool/toolStore/AddInternalToolDialog.vue'
 import ToolFormDrawer from '@/views/tool/ToolFormDrawer.vue'
 import McpToolFormDrawer from '@/views/tool/McpToolFormDrawer.vue'
+import DataSourceToolFormDrawer from '@/views/tool/DataSourceToolFormDrawer.vue'
 import ResourceAuthorizationDrawer from '@/components/resource-authorization-drawer/index.vue'
 import { t } from '@/locales'
 import { SourceTypeEnum } from '@/enums/common'
@@ -460,8 +480,10 @@ async function copyTool(row: any) {
 
 const ToolFormDrawerRef = ref()
 const McpToolFormDrawerRef = ref()
+const DataSourceToolFormDrawerRef = ref()
 const ToolDrawertitle = ref('')
 const McpToolDrawertitle = ref('')
+const DataSourceToolDrawertitle = ref('')
 
 function openCreateDialog(data?: any) {
   // 有template_id的不允许编辑，是模板转换来的
@@ -495,6 +517,22 @@ function openCreateMcpDialog(data?: any) {
   }
 }
 
+function openCreateDataSourceDialog(data?: any) {
+  // 有template_id的不允许编辑，是模板转换来的
+  if (data?.template_id) {
+    return
+  }
+
+  DataSourceToolDrawertitle.value = data ? t('views.tool.editDataSourceTool') : t('views.tool.createDataSourceTool')
+  if (data) {
+    ToolResourceApi.getToolById(data?.id, loading).then((res: any) => {
+      DataSourceToolFormDrawerRef.value.open(res.data)
+    })
+  } else {
+    DataSourceToolFormDrawerRef.value.open(data)
+  }
+}
+
 const AddInternalToolDialogRef = ref<InstanceType<typeof AddInternalToolDialog>>()
 function addInternalTool(data?: any, isEdit?: boolean) {
   AddInternalToolDialogRef.value?.open(data, isEdit)

ui/src/views/system-shared/ToolSharedIndex.vue

@@ -14,6 +14,7 @@
             <el-radio-button value="">{{ $t('views.tool.all') }}</el-radio-button>
             <el-radio-button value="CUSTOM">{{ $t('views.tool.title') }}</el-radio-button>
             <el-radio-button value="MCP">MCP</el-radio-button>
+            <el-radio-button value="DATA_SOURCE">{{ $t('views.tool.dataSource') }}</el-radio-button>
           </el-radio-group>
         </el-space>
       </template>