feat: introduce trigger functionality (#27644)

Signed-off-by: lyzno1 <yuanyouhuilyz@gmail.com> Co-authored-by: Stream <Stream_2@qq.com> Co-authored-by: lyzno1 <92089059+lyzno1@users.noreply.github.com> Co-authored-by: zhsama <torvalds@linux.do> Co-authored-by: Harry <xh001x@hotmail.com> Co-authored-by: lyzno1 <yuanyouhuilyz@gmail.com> Co-authored-by: yessenia <yessenia.contact@gmail.com> Co-authored-by: hjlarry <hjlarry@163.com> Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> Co-authored-by: Copilot Autofix powered by AI <62310815+github-advanced-security[bot]@users.noreply.github.com> Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com> Co-authored-by: WTW0313 <twwu@dify.ai> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
2025-11-12 17:59:37 +08:00
parent ca7794305b
commit b76e17b25d
785 changed files with 41186 additions and 3725 deletions
--- a/web/app/components/plugins/plugin-detail-panel/subscription-list/delete-confirm.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/subscription-list/delete-confirm.tsx
@@ -0,0 +1,75 @@
+import Confirm from '@/app/components/base/confirm'
+import Input from '@/app/components/base/input'
+import Toast from '@/app/components/base/toast'
+import { useDeleteTriggerSubscription } from '@/service/use-triggers'
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { usePluginSubscriptionStore } from './store'
+
+type Props = {
+  onClose: (deleted: boolean) => void
+  isShow: boolean
+  currentId: string
+  currentName: string
+  workflowsInUse: number
+}
+
+const tPrefix = 'pluginTrigger.subscription.list.item.actions.deleteConfirm'
+
+export const DeleteConfirm = (props: Props) => {
+  const { onClose, isShow, currentId, currentName, workflowsInUse } = props
+  const { refresh } = usePluginSubscriptionStore()
+  const { mutate: deleteSubscription, isPending: isDeleting } = useDeleteTriggerSubscription()
+  const { t } = useTranslation()
+  const [inputName, setInputName] = useState('')
+
+  const onConfirm = () => {
+    if (workflowsInUse > 0 && inputName !== currentName) {
+      Toast.notify({
+        type: 'error',
+        message: t(`${tPrefix}.confirmInputWarning`),
+        // temporarily
+        className: 'z-[10000001]',
+      })
+      return
+    }
+    deleteSubscription(currentId, {
+      onSuccess: () => {
+        Toast.notify({
+          type: 'success',
+          message: t(`${tPrefix}.success`, { name: currentName }),
+          className: 'z-[10000001]',
+        })
+        refresh?.()
+        onClose(true)
+      },
+      onError: (error: any) => {
+        Toast.notify({
+          type: 'error',
+          message: error?.message || t(`${tPrefix}.error`, { name: currentName }),
+          className: 'z-[10000001]',
+        })
+      },
+    })
+  }
+  return <Confirm
+    title={t(`${tPrefix}.title`, { name: currentName })}
+    confirmText={t(`${tPrefix}.confirm`)}
+    content={workflowsInUse > 0 ? <>
+      {t(`${tPrefix}.contentWithApps`, { count: workflowsInUse })}
+      <div className='system-sm-medium mb-2 mt-6 text-text-secondary'>{t(`${tPrefix}.confirmInputTip`, { name: currentName })}</div>
+      <Input
+        value={inputName}
+        onChange={e => setInputName(e.target.value)}
+        placeholder={t(`${tPrefix}.confirmInputPlaceholder`, { name: currentName })}
+      />
+    </>
+      : t(`${tPrefix}.content`)}
+    isShow={isShow}
+    isLoading={isDeleting}
+    isDisabled={isDeleting}
+    onConfirm={onConfirm}
+    onCancel={() => onClose(false)}
+    maskClosable={false}
+  />
+}