feat: resource trigger

Author: wangdan-fit2cloud

ui/src/api/system-resource-management/trigger.ts

@@ -18,7 +18,7 @@ const prefix = 'system/resource'
  */
 const postResourceTrigger: (
   source_type: string,
-  resource_id: string,
+  source_id: string,
   data: TriggerData,
   loading?: Ref<boolean>,
 ) => Promise<Result<any>> = (source_type, source_id, data, loading) => {
@@ -32,14 +32,14 @@ const postResourceTrigger: (
 
 /**
  * 资源端触发器列表
- * @param source_type 
- * @param source_id 
- * @param loading 
- * @returns 
+ * @param source_type
+ * @param source_id
+ * @param loading
+ * @returns
  */
 const getResourceTriggerList: (
   source_type: string,
-  resource_id: string,
+  source_id: string,
   loading?: Ref<boolean>,
 ) => Promise<Result<any>> = (source_type, source_id, loading) => {
   return get(
@@ -51,15 +51,15 @@ const getResourceTriggerList: (
 
 /**
  * 资源端触发器详情
- * @param source_type 
- * @param source_id 
- * @param trigger_id 
- * @param loading 
- * @returns 
+ * @param source_type
+ * @param source_id
+ * @param trigger_id
+ * @param loading
+ * @returns
  */
 const getResourceTriggerDetail: (
     source_type: string,
-  resource_id: string,
+  source_id: string,
   trigger_id: string,
   loading?: Ref<boolean>,
 ) => Promise<Result<any>> = (source_type, source_id, trigger_id, loading) => {
@@ -72,15 +72,15 @@ const getResourceTriggerDetail: (
 
 /**
  * 资源端删除触发器
- * @param source_type 
- * @param source_id 
- * @param trigger_id 
- * @param loading 
- * @returns 
+ * @param source_type
+ * @param source_id
+ * @param trigger_id
+ * @param loading
+ * @returns
  */
 const deleteResourceTrigger: (
     source_type: string,
-  resource_id: string,
+  source_id: string,
   trigger_id: string,
   loading?: Ref<boolean>,
 ) => Promise<Result<any>> = (source_type, source_id, trigger_id, loading) => {
@@ -103,7 +103,7 @@ const deleteResourceTrigger: (
  */
 const putResourceTrigger: (
   source_type: string,
-  resource_id: string,
+  source_id: string,
   trigger_id: string,
   data: TriggerData,
   loading?: Ref<boolean>,
@@ -122,4 +122,4 @@ export default {
   getResourceTriggerDetail,
   deleteResourceTrigger,
   putResourceTrigger
-}
+}

ui/src/api/trigger/trigger.ts

@@ -173,7 +173,7 @@ const getTriggerTaskRecordDetails = (
  */
 const postResourceTrigger: (
   source_type: string,
-  resource_id: string,
+  source_id: string,
   data: TriggerData,
   loading?: Ref<boolean>,
 ) => Promise<Result<any>> = (source_type, source_id, data, loading) => {
@@ -187,14 +187,14 @@ const postResourceTrigger: (
 
 /**
  * 资源端触发器列表
- * @param source_type 
- * @param source_id 
- * @param loading 
- * @returns 
+ * @param source_type
+ * @param source_id
+ * @param loading
+ * @returns
  */
 const getResourceTriggerList: (
   source_type: string,
-  resource_id: string,
+  source_id: string,
   loading?: Ref<boolean>,
 ) => Promise<Result<any>> = (source_type, source_id, loading) => {
   return get(
@@ -206,15 +206,15 @@ const getResourceTriggerList: (
 
 /**
  * 资源端触发器详情
- * @param source_type 
- * @param source_id 
- * @param trigger_id 
- * @param loading 
- * @returns 
+ * @param source_type
+ * @param source_id
+ * @param trigger_id
+ * @param loading
+ * @returns
  */
 const getResourceTriggerDetail: (
     source_type: string,
-  resource_id: string,
+  source_id: string,
   trigger_id: string,
   loading?: Ref<boolean>,
 ) => Promise<Result<any>> = (source_type, source_id, trigger_id, loading) => {
@@ -227,15 +227,15 @@ const getResourceTriggerDetail: (
 
 /**
  * 资源端删除触发器
- * @param source_type 
- * @param source_id 
- * @param trigger_id 
- * @param loading 
- * @returns 
+ * @param source_type
+ * @param source_id
+ * @param trigger_id
+ * @param loading
+ * @returns
  */
 const deleteResourceTrigger: (
     source_type: string,
-  resource_id: string,
+  source_id: string,
   trigger_id: string,
   loading?: Ref<boolean>,
 ) => Promise<Result<any>> = (source_type, source_id, trigger_id, loading) => {
@@ -258,7 +258,7 @@ const deleteResourceTrigger: (
  */
 const putResourceTrigger: (
   source_type: string,
-  resource_id: string,
+  source_id: string,
   trigger_id: string,
   data: TriggerData,
   loading?: Ref<boolean>,

ui/src/utils/dynamics-api/shared-api.ts

@@ -11,6 +11,7 @@ import applicationKeyWorkspaceApi from '@/api/application/application-key'
 import workflowVersionWorkspaceApi from '@/api/application/workflow-version'
 import chatLogWorkspaceApi from '@/api/application/chat-log'
 import resourceAuthorizationWorkspaceApi from '@/api/workspace/resource-authorization'
+import triggerApi from '@/api/trigger/trigger'
 import sharedWorkspaceApi from '@/api/shared-workspace'
 import toolSystemShareApi from '@/api/system-shared/tool'
 import modelSystemShareApi from '@/api/system-shared/model'
@@ -38,6 +39,8 @@ import resourceAuthorizationResourceApi
 import folderResourceApi from '@/api/system-resource-management/folder'
 import systemResourceMappingApi from '@/api/system-shared/resource-mapping'
 import resourceManageMappingApi from '@/api/system-resource-management/resource-mapping'
+import resourceTriggerApi from '@/api/system-resource-management/trigger'
+
 
 // 普通 API
 const workspaceApiMap = {
@@ -56,6 +59,7 @@ const workspaceApiMap = {
   resourceAuthorization: resourceAuthorizationWorkspaceApi,
   folder: folderWorkspaceApi,
   resourceMapping: resourceMappingApi,
+  trigger: triggerApi,
 } as any
 
 // 系统分享 API
@@ -87,6 +91,7 @@ const systemManageApiMap = {
   resourceAuthorization: resourceAuthorizationResourceApi,
   folder: folderResourceApi,
   resourceMapping: resourceManageMappingApi,
+  trigger: resourceTriggerApi,
 } as any
 
 const data = {

ui/src/views/application/ApplicationSetting.vue

@@ -760,11 +760,30 @@
                       </el-button>
                     </div>
                   </template>
-                  <el-card shadow="never" class="card-never" style="--el-card-padding: 12px">
-                    <div class="w-full">
-                      <!-- TO DO -->
-                    </div>
-                  </el-card>
+                  <div v-if="triggerList.length > 0" class="w-full">
+                    <template v-for="(item, index) in triggerList" :key="index">
+                      <div
+                        class="flex-between border border-r-6 white-bg mb-8"
+                        style="padding: 2px 8px"
+                      >
+                        <div class="flex align-center">
+                          <TriggerIcon :type="item.trigger_type" class="mr-8" :size="20" />
+                          <span class="ellipsis-1"> {{ item.name }}</span>
+                        </div>
+                        <div>
+                          <span class="mr-4">
+                            <el-button text @click="openEditTriggerDrawer(item)">
+                              <AppIcon iconName="app-edit" class="color-secondary"></AppIcon>
+                            </el-button>
+                          </span>
+
+                          <el-button text @click="removeTrigger(item)">
+                            <el-icon><Close /></el-icon>
+                          </el-button>
+                        </div>
+                      </div>
+                    </template>
+                  </div>
                 </el-form-item>
               </el-form>
             </el-scrollbar>
@@ -808,6 +827,7 @@
       ref="triggerDrawerRef"
       :create-trigger="createTrigger"
       :edit-trigger="editTrigger"
+      resourceType="APPLICATION"
     ></TriggerDrawer>
   </div>
 </template>
@@ -855,12 +875,6 @@ const apiType = computed(() => {
 const permissionPrecise = computed(() => {
   return permissionMap['application'][apiType.value]
 })
-const createTrigger = (trigger: any) => {
-  return triggerAPI.postResourceTrigger('APPLICATION', id, trigger)
-}
-const editTrigger = (trigger_id: string, trigger: any) => {
-  return triggerAPI.putResourceTrigger('APPLICATION', id, trigger_id, trigger)
-}
 const toolPermissionPrecise = computed(() => {
   return permissionMap['tool'][apiType.value]
 })
@@ -939,7 +953,6 @@ const applicationForm = ref<ApplicationFormType>({
   tool_ids: [],
   mcp_output_enable: false,
 })
-const themeDetail = ref({})
 
 const rules = reactive<FormRules<ApplicationFormType>>({
   name: [
@@ -955,6 +968,8 @@ const knowledgeList = ref<Array<any>>([])
 const sttModelOptions = ref<any>(null)
 const ttsModelOptions = ref<any>(null)
 
+const triggerList = ref<Array<any>>([])
+
 const triggerDrawerRef = ref<InstanceType<typeof TriggerDrawer>>()
 
 const openCreateTriggerDrawer = () => {
@@ -964,8 +979,31 @@ const openEditTriggerDrawer = (trigger: any) => {
   triggerDrawerRef.value?.open(trigger.id)
 }
 
+const createTrigger = (trigger: any) => {
+  return triggerAPI.postResourceTrigger('APPLICATION', id, trigger)
+}
+const editTrigger = (trigger_id: string, trigger: any) => {
+  return triggerAPI.putResourceTrigger('APPLICATION', id, trigger_id, trigger)
+}
+
+function getTriggerList() {
+  loadSharedApi({ type: 'trigger', systemType: apiType.value })
+    .getResourceTriggerList('APPLICATION', id, loading)
+    .then((res: any) => {
+      triggerList.value = res.data
+    })
+}
+
 function refreshTrigger() {
-  // do nothing, just to refresh the trigger list in the drawer
+  getTriggerList()
+}
+
+function removeTrigger(trigger: any) {
+  loadSharedApi({ type: 'trigger', systemType: apiType.value })
+    .deleteResourceTrigger('APPLICATION', id, trigger.id, loading)
+    .then((res: any) => {
+      getTriggerList()
+    })
 }
 
 function submitPrologueDialog(val: string) {
@@ -1352,6 +1390,7 @@ onMounted(() => {
   getDetail()
   getSTTModel()
   getTTSModel()
+  getTriggerList()
   if (toolPermissionPrecise.value.read()) {
     getToolSelectOptions()
     getMcpToolSelectOptions()