fix: trigger

Author: wangdan-fit2cloud

ui/src/components/ai-chat/component/operation-button/ChatOperationButton.vue

@@ -48,7 +48,7 @@
         <el-divider direction="vertical" />
         <el-tooltip effect="dark" :content="$t('chat.operation.regeneration')" placement="top">
           <el-button :disabled="chat_loading" text @click="regeneration">
-            <el-icon><RefreshRight /></el-icon>
+            <AppIcon iconName="app-refresh"></AppIcon>
           </el-button>
         </el-tooltip>
         <el-divider direction="vertical" />

ui/src/components/app-icon/index.ts

@@ -558,6 +558,27 @@ export const iconMap: any = {
       ])
     },
   },
+  'app-refresh': {
+    iconReader: () => {
+      return h('i', [
+        h(
+          'svg',
+          {
+            style: { height: '100%', width: '100%' },
+            viewBox: '0 0 1024 1024',
+            version: '1.1',
+            xmlns: 'http://www.w3.org/2000/svg',
+          },
+          [
+            h('path', {
+              d: 'M757.12 341.333333a298.666667 298.666667 0 1 0 41.173333 256h88.192A384 384 0 1 1 810.666667 270.634667V149.333333a21.333333 21.333333 0 0 1 21.333333-21.333333h42.666667a21.333333 21.333333 0 0 1 21.333333 21.333333V384a42.666667 42.666667 0 0 1-42.666667 42.666667h-234.666666a21.333333 21.333333 0 0 1-21.333334-21.333334v-42.666666a21.333333 21.333333 0 0 1 21.333334-21.333334h138.453333z',
+              fill: 'currentColor',
+            }),
+          ],
+        ),
+      ])
+    },
+  },
   // 动态加载的图标
   ...dynamicIcons,
 }

ui/src/locales/lang/en-US/workflow.ts

@@ -532,6 +532,8 @@ You are a master of problem optimization, adept at accurately inferring user int
     len_gt: 'Length greater than',
     len_le: 'Length less than or equal to',
     len_lt: 'Length less than',
+    is_true: 'Is true',
+    is_not_true: 'Is not true',
   },
   SystemPromptPlaceholder: 'System Prompt, can reference variables in the system, such as',
   UserPromptPlaceholder: 'User Prompt, can reference variables in the system, such as',

ui/src/locales/lang/zh-Hant/workflow.ts

@@ -517,6 +517,8 @@ export default {
     len_gt: '長度大於',
     len_le: '長度小於等於',
     len_lt: '長度小於',
+    is_true: '為真',
+    is_not_true: '不為真',
   },
   SystemPromptPlaceholder: '系統提示詞，可以引用系統中的變量：如',
   UserPromptPlaceholder: '用戶提示詞，可以引用系統中的變量：如',

ui/src/views/application-overview/index.vue

@@ -11,7 +11,7 @@
             <div class="title flex align-center">
               <div class="edit-avatar mr-12">
                 <el-avatar shape="square" :size="32" style="background: none">
-                  <img :src="resetUrl(detail?.icon, resetUrl('./favicon.ico'))" alt=""/>
+                  <img :src="resetUrl(detail?.icon, resetUrl('./favicon.ico'))" alt="" />
                 </el-avatar>
               </div>
 
@@ -22,7 +22,7 @@
               <el-col :span="12" class="mt-16">
                 <div class="flex">
                   <el-text type="info"
-                  >{{ $t('views.applicationOverview.appInfo.publicAccessLink') }}
+                    >{{ $t('views.applicationOverview.appInfo.publicAccessLink') }}
                   </el-text>
                   <el-switch
                     v-model="accessToken.is_active"
@@ -51,9 +51,7 @@
                       text
                       style="margin-left: 1px"
                     >
-                      <el-icon>
-                        <RefreshRight/>
-                      </el-icon>
+                      <AppIcon iconName="app-refresh"></AppIcon>
                     </el-button>
                   </el-tooltip>
                 </div>
@@ -98,7 +96,7 @@
               <el-col :span="12" class="mt-16">
                 <div class="flex">
                   <el-text type="info"
-                  >{{ $t('views.applicationOverview.appInfo.apiAccessCredentials') }}
+                    >{{ $t('views.applicationOverview.appInfo.apiAccessCredentials') }}
                   </el-text>
                 </div>
                 <div class="mt-4 mb-16 url-height">
@@ -119,8 +117,8 @@
                     </span>
 
                     <span class="vertical-middle lighter break-all ellipsis-1">{{
-                        baseUrl + id
-                      }}</span>
+                      baseUrl + id
+                    }}</span>
                     <el-tooltip effect="dark" :content="$t('common.copy')" placement="top">
                       <el-button type="primary" text @click="copyClick(baseUrl + id)">
                         <AppIcon iconName="app-copy"></AppIcon>
@@ -134,7 +132,7 @@
                     v-if="permissionPrecise.overview_api_key(id)"
                   >
                     <el-icon class="mr-4">
-                      <Key/>
+                      <Key />
                     </el-icon>
                     {{ $t('views.applicationOverview.appInfo.apiKey') }}
                   </el-button>
@@ -148,12 +146,7 @@
             {{ $t('views.applicationOverview.monitor.monitoringStatistics') }}
           </h4>
           <div class="mb-16">
-            <el-select
-              v-model="history_day"
-              class="mr-12 w-180"
-              @change="changeDayHandle"
-
-            >
+            <el-select v-model="history_day" class="mr-12 w-180" @change="changeDayHandle">
               <el-option
                 v-for="item in dayOptions"
                 :key="item.value"
@@ -173,8 +166,11 @@
             />
           </div>
           <div v-loading="statisticsLoading">
-            <StatisticsCharts :data="statisticsData" :token-usage="tokenUsage"
-                              :top-questions="topQuestions"/>
+            <StatisticsCharts
+              :data="statisticsData"
+              :token-usage="tokenUsage"
+              :top-questions="topQuestions"
+            />
           </div>
         </el-card>
       </div>
@@ -185,38 +181,38 @@
       :data="detail"
       :api-input-params="mapToUrlParams(apiInputParams)"
     />
-    <APIKeyDialog ref="APIKeyDialogRef"/>
+    <APIKeyDialog ref="APIKeyDialogRef" />
 
     <!-- 社区版访问限制 -->
-    <component :is="currentLimitDialog" ref="LimitDialogRef" @refresh="refresh"/>
+    <component :is="currentLimitDialog" ref="LimitDialogRef" @refresh="refresh" />
     <!-- 显示设置 -->
-    <component :is="currentDisplaySettingDialog" ref="DisplaySettingDialogRef" @refresh="refresh"/>
+    <component :is="currentDisplaySettingDialog" ref="DisplaySettingDialogRef" @refresh="refresh" />
   </div>
 </template>
 <script setup lang="ts">
-import {ref, computed, onMounted, shallowRef, nextTick} from 'vue'
-import {useRoute} from 'vue-router'
+import { ref, computed, onMounted, shallowRef, nextTick } from 'vue'
+import { useRoute } from 'vue-router'
 import EmbedDialog from './component/EmbedDialog.vue'
 import APIKeyDialog from './component/APIKeyDialog.vue'
 import LimitDialog from './component/LimitDialog.vue'
 import XPackLimitDrawer from './xpack-component/XPackLimitDrawer.vue'
 import DisplaySettingDialog from './component/DisplaySettingDialog.vue'
 import XPackDisplaySettingDialog from './xpack-component/XPackDisplaySettingDialog.vue'
 import StatisticsCharts from './component/StatisticsCharts.vue'
-import {nowDate, beforeDay} from '@/utils/time'
-import {MsgSuccess, MsgConfirm} from '@/utils/message'
-import {copyClick} from '@/utils/clipboard'
-import {resetUrl} from '@/utils/common'
-import {mapToUrlParams} from '@/utils/application'
-import {t} from '@/locales'
-import {EditionConst} from '@/utils/permission/data'
-import {hasPermission} from '@/utils/permission/index'
+import { nowDate, beforeDay } from '@/utils/time'
+import { MsgSuccess, MsgConfirm } from '@/utils/message'
+import { copyClick } from '@/utils/clipboard'
+import { resetUrl } from '@/utils/common'
+import { mapToUrlParams } from '@/utils/application'
+import { t } from '@/locales'
+import { EditionConst } from '@/utils/permission/data'
+import { hasPermission } from '@/utils/permission/index'
 import permissionMap from '@/permission'
-import {loadSharedApi} from '@/utils/dynamics-api/shared-api'
+import { loadSharedApi } from '@/utils/dynamics-api/shared-api'
 
 const route = useRoute()
 const {
-  params: {id},
+  params: { id },
 } = route as any
 
 const apiType = computed(() => {
@@ -311,7 +307,7 @@ function openDisplaySettingDialog() {
   }
   nextTick(() => {
     if (currentDisplaySettingDialog.value == XPackDisplaySettingDialog) {
-      loadSharedApi({type: 'application', systemType: apiType.value})
+      loadSharedApi({ type: 'application', systemType: apiType.value })
         .getApplicationSetting(id)
         .then((ok: any) => {
           DisplaySettingDialogRef.value?.open(ok.data, detail.value)
@@ -354,18 +350,18 @@ function changeDayRangeHandle(val: string) {
 }
 
 function getAppStatistics() {
-  loadSharedApi({type: 'application', systemType: apiType.value})
+  loadSharedApi({ type: 'application', systemType: apiType.value })
     .getStatistics(id, daterange.value, statisticsLoading)
     .then((res: any) => {
       statisticsData.value = res.data
     })
-  loadSharedApi({type: 'application', systemType: apiType.value})
+  loadSharedApi({ type: 'application', systemType: apiType.value })
     .getTokenUsage(id, daterange.value, statisticsLoading)
     .then((res: any) => {
       // [{'token_usage': 200, 'username': '张三'}, ...]
       tokenUsage.value = res.data
     })
-  loadSharedApi({type: 'application', systemType: apiType.value})
+  loadSharedApi({ type: 'application', systemType: apiType.value })
     .topQuestions(id, daterange.value, statisticsLoading)
     .then((res: any) => {
       // [{'chat_record_count': 200, 'username': '张三'}, ...]
@@ -389,8 +385,7 @@ function refreshAccessToken() {
       const str = t('views.applicationOverview.appInfo.refreshToken.refreshSuccess')
       updateAccessToken(obj, str)
     })
-    .catch(() => {
-    })
+    .catch(() => {})
 }
 
 async function changeState(bool: boolean) {
@@ -408,7 +403,7 @@ async function changeState(bool: boolean) {
 }
 
 async function updateAccessToken(obj: any, str: string) {
-  loadSharedApi({type: 'application', systemType: apiType.value})
+  loadSharedApi({ type: 'application', systemType: apiType.value })
     .putAccessToken(id as string, obj, loading)
     .then((res: any) => {
       accessToken.value = res?.data
@@ -425,15 +420,15 @@ function openDialog() {
 }
 
 function getAccessToken() {
-  loadSharedApi({type: 'application', systemType: apiType.value})
+  loadSharedApi({ type: 'application', systemType: apiType.value })
     .getAccessToken(id, loading)
     .then((res: any) => {
       accessToken.value = res?.data
     })
 }
 
 function getDetail() {
-  loadSharedApi({type: 'application', systemType: apiType.value})
+  loadSharedApi({ type: 'application', systemType: apiType.value })
     .getApplicationDetail(id, loading)
     .then((res: any) => {
       detail.value = res.data
@@ -442,20 +437,20 @@ function getDetail() {
         .map((v: any) => {
           apiInputParams.value = v.properties.api_input_field_list
             ? v.properties.api_input_field_list.map((v: any) => {
-              return {
-                name: v.variable,
-                value: v.default_value,
-              }
-            })
+                return {
+                  name: v.variable,
+                  value: v.default_value,
+                }
+              })
             : v.properties.input_field_list
               ? v.properties.input_field_list
-                .filter((v: any) => v.assignment_method === 'api_input')
-                .map((v: any) => {
-                  return {
-                    name: v.variable,
-                    value: v.default_value,
-                  }
-                })
+                  .filter((v: any) => v.assignment_method === 'api_input')
+                  .map((v: any) => {
+                    return {
+                      name: v.variable,
+                      value: v.default_value,
+                    }
+                  })
               : []
         })
     })

ui/src/views/application-overview/xpack-component/XPackLimitDrawer.vue

@@ -49,9 +49,9 @@
             </p>
           </el-radio>
           <el-form-item class="ml-24" v-if="form.authentication_value.type === 'password'">
-            <div class="complex-search flex align-center">
+            <div class="complex-input flex align-center">
               <el-input
-                class="authentication-append-input"
+                class="complex-input__left"
                 v-model="form.authentication_value.password_value"
                 readonly
                 style="width: 268px"
@@ -69,9 +69,7 @@
                     text
                     style="margin: 0 4px 0 0 !important"
                   >
-                    <el-icon class="color-secondary">
-                      <RefreshRight />
-                    </el-icon>
+                    <AppIcon iconName="app-refresh" class="color-secondary"></AppIcon>
                   </el-button>
                 </el-tooltip>
               </div>
@@ -308,7 +306,4 @@ function firstGeneration() {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scoped>
-.authentication-append-input {
-}
-</style>
+<style lang="scss" scoped></style>

ui/src/views/application/index.vue

@@ -245,6 +245,13 @@
                               ></AppIcon>
                               {{ $t('views.system.resourceAuthorization.title') }}
                             </el-dropdown-item>
+                            <el-dropdown-item
+                              @click.stop="openTriggerDrawer(item)"
+                              v-if="apiType === 'workspace'"
+                            >
+                              <AppIcon iconName="app-trigger" class="color-secondary"></AppIcon>
+                              {{ $t('views.trigger.title') }}
+                            </el-dropdown-item>
                             <el-dropdown-item
                               @click.stop="openMoveToDialog(item)"
                               v-if="permissionPrecise.edit(item.id) && apiType === 'workspace'"
@@ -302,6 +309,10 @@
       ref="ResourceAuthorizationDrawerRef"
     />
     <TemplateStoreDialog ref="templateStoreDialogRef" :api-type="apiType" @refresh="getList" />
+    <ResourceTriggerDrawer
+      ref="resourceTriggerDrawerRef"
+      :source="SourceTypeEnum.APPLICATION"
+    ></ResourceTriggerDrawer>
   </LayoutContainer>
 </template>
 
@@ -312,6 +323,7 @@ import CreateFolderDialog from '@/components/folder-tree/CreateFolderDialog.vue'
 import CopyApplicationDialog from '@/views/application/component/CopyApplicationDialog.vue'
 import MoveToDialog from '@/components/folder-tree/MoveToDialog.vue'
 import ResourceAuthorizationDrawer from '@/components/resource-authorization-drawer/index.vue'
+import ResourceTriggerDrawer from '@/views/trigger/ResourceTriggerDrawer.vue'
 import ApplicationApi from '@/api/application/application'
 import { MsgSuccess, MsgConfirm, MsgError } from '@/utils/message'
 import useStore from '@/stores'
@@ -361,6 +373,11 @@ const folderList = ref<any[]>([])
 const applicationList = ref<any[]>([])
 const CopyApplicationDialogRef = ref()
 
+const resourceTriggerDrawerRef = ref<InstanceType<typeof ResourceTriggerDrawer>>()
+const openTriggerDrawer = (data: any) => {
+  resourceTriggerDrawerRef.value?.open(data)
+}
+
 const ResourceAuthorizationDrawerRef = ref()
 
 function openAuthorization(item: any) {