工作流新增调用插件功能组件

src/components/workflow/AddDownloadAction.vue

@@ -32,7 +32,7 @@ async function loadDownloaderSetting() {
       })),
     ]
   } catch (error) {
-    console.error('加载下载器设置失败:', error)
+    console.error(error)
   }
 }
 
@@ -69,7 +69,7 @@ onMounted(() => {
             <VTextField
               v-model="data.labels"
               :label="t('workflow.addDownload.category')"
-              placeholder="多个使用,分隔"
+              :placeholder="t('workflow.addDownload.categoryPlaceholder')"
               outlined
               dense
             />
@@ -80,7 +80,7 @@ onMounted(() => {
               storage="local"
               :label="t('workflow.addDownload.savePath')"
               clearable
-              placeholder="留空自动"
+              :placeholder="t('workflow.addDownload.savePathPlaceholder')"
             />
           </VCol>
           <VCol cols="12">

src/components/workflow/InvokePluginAction.vue

@@ -0,0 +1,137 @@
+<script setup lang="ts">
+import api from '@/api'
+import { Handle, Position } from '@vue-flow/core'
+import { useI18n } from 'vue-i18n'
+import type { Plugin } from '@/api/types'
+
+const { t } = useI18n()
+
+const props = defineProps({
+  id: {
+    type: String,
+    required: true,
+  },
+  data: {
+    type: Object,
+    required: true,
+  },
+})
+
+interface ActionItem {
+  id: string
+  name: string
+}
+
+// 插件选项
+const pluginOptions = ref<{ title: string; value: string }[]>([])
+
+// 动作选项
+const actionOptions = ref<{ title: string; value: string }[]>([])
+
+// 用于在文本框显示和保存时转换action_params
+const actionParamsText = computed({
+  get: () => {
+    try {
+      return typeof props.data.action_params === 'object'
+        ? JSON.stringify(props.data.action_params, null, 2)
+        : props.data.action_params || ''
+    } catch (error) {
+      console.error(error)
+      return ''
+    }
+  },
+  set: (value: string) => {
+    try {
+      props.data.action_params = value ? JSON.parse(value) : {}
+    } catch (error) {
+      // 如果JSON解析失败，保留原始文本
+      props.data.action_params = value
+      console.error(error)
+    }
+  },
+})
+
+// 加载所有插件
+async function loadPluginSetting() {
+  try {
+    const plugins: Plugin[] = await api.get('plugin/', {
+      params: {
+        state: 'installed',
+      },
+    })
+    pluginOptions.value = plugins.map((item: Plugin) => ({
+      title: item.plugin_name,
+      value: item.id,
+    }))
+  } catch (error) {
+    console.error(error)
+  }
+}
+
+// 加载动作选项
+async function loadPluginActions(pluginId: string) {
+  try {
+    const actions: ActionItem[] = await api.get(`workflow/actions/${pluginId}`)
+    actionOptions.value = actions.map((item: ActionItem) => ({
+      title: item.name,
+      value: item.id,
+    }))
+  } catch (error) {
+    console.error(error)
+  }
+}
+
+watch(
+  () => props.data.plugin_id,
+  newVal => {
+    loadPluginActions(newVal)
+  },
+)
+
+onMounted(() => {
+  loadPluginSetting()
+})
+</script>
+<template>
+  <div>
+    <VCard max-width="20rem">
+      <Handle id="edge_in" type="target" :position="Position.Left" />
+      <VCardItem>
+        <template v-slot:prepend>
+          <VAvatar>
+            <VIcon icon="mdi-run" size="x-large"></VIcon>
+          </VAvatar>
+        </template>
+        <VCardTitle>{{ t('workflow.invokePlugin.title') }}</VCardTitle>
+        <VCardSubtitle>{{ t('workflow.invokePlugin.subtitle') }}</VCardSubtitle>
+      </VCardItem>
+      <VDivider />
+      <VCardText>
+        <VRow>
+          <VCol cols="12">
+            <VSelect
+              v-model="data.plugin_id"
+              :items="pluginOptions"
+              :label="t('workflow.invokePlugin.plugin')"
+              outlined
+              dense
+            />
+          </VCol>
+          <VCol cols="12">
+            <VSelect
+              v-model="data.action_id"
+              :items="actionOptions"
+              :label="t('workflow.invokePlugin.actionid')"
+              outlined
+              dense
+            />
+          </VCol>
+          <VCol cols="12">
+            <VTextarea v-model="actionParamsText" :label="t('workflow.invokePlugin.actionParams')" outlined dense />
+          </VCol>
+        </VRow>
+      </VCardText>
+      <Handle id="edge_out" type="source" :position="Position.Right" />
+    </VCard>
+  </div>
+</template>