@devops-flow/devops-flow-pipeline-detail 0.0.37

package/es/components/common/teambition/pipeline-source/webhook/jenkins-webhook.js

@@ -0,0 +1,171 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useEffect, useState } from 'react';
+import { Form, Switch, Input, Balloon, Message, Checkbox } from '@teamix/ui';
+import { YunxiaoIcon } from '@alife/devops-ui';
+import { CopyToClipboard } from 'react-copy-to-clipboard';
+import { tireToast } from "../../../../../utils";
+import exceed from "../../../../../utils/apimap";
+import Link from "../../help-link";
+import intl from "../../../../../locale";
+import "../index.scss";
+import "./index.scss";
+var Tooltip = Balloon.Tooltip;
+var FormItem = Form.Item;
+var tooltip = function tooltip(text, trigger) {
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    align: "tl",
+    trigger: trigger,
+    popupProps: {
+      display: 400
+    }
+  }, text);
+};
+var JenkinsWebhook = function JenkinsWebhook(_ref) {
+  var field = _ref.field,
+    webhookKey = _ref.webhookKey,
+    help = _ref.help,
+    _ref$message = _ref.message,
+    message = _ref$message === void 0 ? intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.webhook.jenkins-webhook.AddWebhookToJenkins',
+      defaultMessage: '请在jenkins中添加webhook'
+    }) : _ref$message,
+    _ref$onChange = _ref.onChange,
+    _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
+  var _useState = useState('http://flow-openapi.aliyun.com'),
+    webhookHost = _useState[0],
+    setWebhooHost = _useState[1];
+  useEffect(function () {
+    exceed.fetch({
+      api: 'scm.webhook.host'
+    }).then(function (res) {
+      if (res.successful && res.object) {
+        setWebhooHost(res.object);
+      }
+    });
+  }, []);
+  var init = field.init;
+  var labelWithHint = function labelWithHint(labelText) {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, labelText, tooltip(/*#__PURE__*/React.createElement("span", {
+      className: "webhook-help"
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.webhook.jenkins-webhook.WebhookIsTheNotificationAddress',
+      defaultMessage: 'Webhook 为 Jenkins 服务的通知地址，将该地址复制到 Jenkins 服务中可监听任务执行事件'
+    }), help && '，', help && /*#__PURE__*/React.createElement(Link, {
+      href: help
+    })), /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "question-line",
+      style: {
+        color: 'var(--color-text1-7, #8b8b8b)',
+        marginLeft: 5,
+        cursor: 'pointer'
+      }
+    }))), /*#__PURE__*/React.createElement("div", {
+      className: "extra",
+      style: {
+        marginTop: -26
+      }
+    }, /*#__PURE__*/React.createElement(Switch, _extends({
+      required: false,
+      checked: field.getValue('trigger')
+    }, init('trigger', {
+      props: {
+        onChange: function onChange(val) {
+          field.setValue('trigger', val);
+          if (val) {
+            if (!field.getValue('webhook')) {
+              var webhook = webhookHost + "/scm/webhook/" + webhookKey;
+              if (window.AK_GLOBAL.isAliVpc) {
+                webhook = "https://flow.aone.alibaba-inc.com/flow/service/pipeline/trigger/scm/hook/call/" + webhookKey;
+              }
+              field.setValue('webhook', webhook);
+            }
+          } else {
+            field.setValue('webhook', '');
+          }
+          _onChange(val, field.getValue('webhook'));
+        }
+      }
+    })))));
+  };
+  var trigger = field.getValue('trigger');
+  var getMessage = function getMessage() {
+    return /*#__PURE__*/React.createElement(FormItem, {
+      className: "next-top next-inline",
+      label: labelWithHint(intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.webhook.jenkins-webhook.JenkinsAutomaticallyTriggers',
+        defaultMessage: 'jenkins自动触发'
+      }))
+    }, trigger && message && /*#__PURE__*/React.createElement(Message, {
+      shape: "inline",
+      title: message,
+      type: "warning",
+      style: {
+        marginTop: 8
+      }
+    }));
+  };
+  var getTrigger = function getTrigger() {
+    if (!trigger) return null;
+    return /*#__PURE__*/React.createElement(FormItem, null, /*#__PURE__*/React.createElement("div", {
+      className: "item-layout"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "before"
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.webhook.jenkins-webhook.TriggerEvent',
+      defaultMessage: '触发事件'
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "content",
+      style: {
+        marginLeft: 15
+      }
+    }, /*#__PURE__*/React.createElement(Checkbox.Group, _extends({}, init('events', {
+      initValue: 'jobSucceed'
+    }), {
+      itemDirection: "hoz"
+    }), /*#__PURE__*/React.createElement(Checkbox, {
+      value: "jobSucceed"
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.webhook.jenkins-webhook.JobExecutionSucceeded',
+      defaultMessage: 'job执行成功'
+    })), /*#__PURE__*/React.createElement(Checkbox, {
+      value: "jobFailure"
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.webhook.jenkins-webhook.JobExecutionFailed',
+      defaultMessage: 'job执行失败'
+    }))))));
+  };
+  var getWebhook = function getWebhook() {
+    if (!trigger) return null;
+    return /*#__PURE__*/React.createElement(FormItem, null, /*#__PURE__*/React.createElement("div", {
+      className: "item-layout"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "before"
+    }, "Webhook"), /*#__PURE__*/React.createElement("div", {
+      className: "content"
+    }, /*#__PURE__*/React.createElement(Input, {
+      readOnly: true,
+      disabled: true,
+      className: "webhook-input",
+      onClick: function onClick(event) {
+        return event.target.select();
+      },
+      value: field.getValue('webhook')
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "after"
+    }, /*#__PURE__*/React.createElement(CopyToClipboard, {
+      text: field.getValue('webhook'),
+      onCopy: function onCopy() {
+        return tireToast({
+          title: intl.get({
+            id: 'rdc-tb-cd-assets.pipeline-source.webhook.jenkins-webhook.CopiedToClipboard',
+            defaultMessage: '成功复制到剪贴板'
+          })
+        }, 'copyWebhook', 'success', '500');
+      }
+    }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "copy-line"
+    })))));
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, getMessage(), getTrigger(), getWebhook());
+};
+export default JenkinsWebhook;

package/es/components/common/teambition/pipeline-source/webhook/webhook.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import '../index.scss';
+import './index.scss';
+declare const Webhook: (props: any) => JSX.Element;
+export default Webhook;

package/es/components/common/teambition/pipeline-source/webhook/webhook.js

@@ -0,0 +1,448 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useEffect, useState } from 'react';
+import { Form, Switch, Input, Balloon, Message, Checkbox, Tag, Icon } from '@teamix/ui';
+import { YunxiaoIcon, ButtonIcon, Tooltip as DUITooltips } from '@alife/devops-ui';
+import { CopyToClipboard } from 'react-copy-to-clipboard';
+import Link from "../../help-link";
+import { tireToast, getFeature } from "../../../../../utils";
+import exceed from "../../../../../utils/apimap";
+import helpLink from "../../../../../utils/helplink";
+import intl from "../../../../../locale";
+import "../index.scss";
+import "./index.scss";
+var Tooltip = Balloon.Tooltip;
+var FormItem = Form.Item;
+var EVENTS_MAP = {
+  codeup: [{
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.TagCreation',
+      defaultMessage: 'TAG创建'
+    }),
+    event: 'tag_push'
+  }, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.AfterTheMergeRequestIs',
+      defaultMessage: '合并请求完成后'
+    }),
+    event: 'merge_request/merged'
+  }, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.MergeRequestCreationUpdate',
+      defaultMessage: '合并请求 新建/更新'
+    }),
+    event: 'merge_request/opened+merge_request/reopened'
+  }],
+  gitlab: [{
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.TagCreation',
+      defaultMessage: 'TAG创建'
+    }),
+    event: 'tag_push'
+  }, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.AfterTheMergeRequestIs',
+      defaultMessage: '合并请求完成后'
+    }),
+    event: 'merge_request/merged'
+  }],
+  customGitlab: [{
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.TagCreation',
+      defaultMessage: 'TAG创建'
+    }),
+    event: 'tag_push'
+  }, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.AfterTheMergeRequestIs',
+      defaultMessage: '合并请求完成后'
+    }),
+    event: 'merge_request/merged'
+  }],
+  aliyunGit: [{
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.TagCreation',
+      defaultMessage: 'TAG创建'
+    }),
+    event: 'tag_push'
+  }],
+  // gitee: [
+  //   {
+  //     title: 'TAG创建',
+  //     event: 'tag_push',
+  //   },
+  // ],
+  // github: [
+  //   {
+  //     title: 'TAG创建',
+  //     event: 'tag_push',
+  //   },
+  // ],
+  "default": []
+};
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+var tooltip = function tooltip(text, trigger, hasLink, align) {
+  if (hasLink === void 0) {
+    hasLink = false;
+  }
+  if (align === void 0) {
+    align = 't';
+  }
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    align: align,
+    trigger: trigger
+  }, text);
+};
+var Webhook = function Webhook(props) {
+  var _props$appstackChange;
+  var field = props.field,
+    webhookKey = props.webhookKey,
+    help = props.help,
+    _props$message = props.message,
+    message = _props$message === void 0 ? intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.AddWebhookTriggerSettingsTo',
+      defaultMessage: '请在代码仓库中添加Webhook触发设置'
+    }) : _props$message,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'default' : _props$type,
+    update = props.update,
+    idx = props.idx,
+    openBranchInfo = props.openBranchInfo,
+    _props$openTrigger = props.openTrigger,
+    openTrigger = _props$openTrigger === void 0 ? false : _props$openTrigger,
+    onOpenTrigger = props.onOpenTrigger,
+    presetSourceType = props.presetSourceType;
+  var _props$onChange = props.onChange,
+    _onChange = _props$onChange === void 0 ? function () {} : _props$onChange;
+  var disabledForBranchMode = field.getValue('isBranchMode') || update && idx === openBranchInfo.index && openBranchInfo.isBranchMode;
+  var _useState = useState('http://flow-openapi.aliyun.com'),
+    webhookHost = _useState[0],
+    setWebhooHost = _useState[1];
+  var _useState2 = useState((EVENTS_MAP[type] || []).length === 2 ? (EVENTS_MAP[type] || []).slice(0, 1) : EVENTS_MAP[type]),
+    eventsAry = _useState2[0],
+    setEventsAry = _useState2[1];
+  useEffect(function () {
+    var enableFilter = field.getValue('enableFilter');
+    var branchesFilterEnable = field.getValue('branchesFilterEnable');
+    if (trigger && enableFilter === undefined && !branchesFilterEnable) {
+      // 兼容历史数据，历史流水线的默认值是true，新建的初始值是false
+      field.setValue('enableFilter', update);
+    }
+    exceed.fetch({
+      api: 'scm.webhook.host'
+    }).then(function (res) {
+      if (res.successful && res.object) {
+        setWebhooHost(res.object);
+      }
+    });
+  }, [field.getValue('trigger')]);
+  function setWebhook() {
+    var webhook = webhookHost + "/scm/webhook/" + webhookKey;
+    if (window.AK_GLOBAL.isAliVpc) {
+      webhook = "https://flow.aone.alibaba-inc.com/flow/service/pipeline/trigger/scm/hook/call/" + webhookKey;
+    }
+    field.setValue('webhook', webhook);
+  }
+  var isAppstackCiTypeEqSpecificBranch = ((_props$appstackChange = props.appstackChangeConfig) === null || _props$appstackChange === void 0 ? void 0 : _props$appstackChange.ciType) === 'SPECIFIC_BRANCH';
+  var appstackOverrideTriggerBranch = presetSourceType && isAppstackCiTypeEqSpecificBranch;
+  useEffect(function () {
+    if (idx === null) return;
+    if (!field.getValue('triggerBranch') && field.getValue('trigger')) {
+      console.log('set errors');
+      field.setError('triggerBranch', intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.EnterAFilterCondition',
+        defaultMessage: '请输入过滤条件'
+      }));
+    }
+  }, [field.getValue('triggerBranch')], field.getValue('trigger'), idx);
+  useEffect(function () {
+    if (openTrigger) {
+      var webhook = webhookHost + "/scm/webhook/" + webhookKey;
+      if (window.AK_GLOBAL.isAliVpc) {
+        webhook = "https://flow.aone.alibaba-inc.com/flow/service/pipeline/trigger/scm/hook/call/" + webhookKey;
+      }
+      field.setValue('webhook', webhook);
+      onOpenTrigger && onOpenTrigger();
+    }
+  }, [openTrigger]);
+
+  // 专有云不能用默认的webhookHost，需更新成接口返回的
+  useEffect(function () {
+    if (!field.getValue('trigger')) {
+      return;
+    }
+    var webhook = webhookHost + "/scm/webhook/" + webhookKey;
+    if (window.AK_GLOBAL.isAliVpc) {
+      webhook = "https://flow.aone.alibaba-inc.com/flow/service/pipeline/trigger/scm/hook/call/" + webhookKey;
+    }
+    field.setValue('webhook', webhook);
+  }, [webhookHost, webhookKey, field.getValue('trigger')]);
+  var switchExpandByEvent = function switchExpandByEvent() {
+    setEventsAry(eventsAry.length === 1 ? EVENTS_MAP[type] : EVENTS_MAP[type].slice(0, 1));
+  };
+  var init = field.init;
+  var labelWithHint = function labelWithHint(labelText) {
+    var _switch = /*#__PURE__*/React.createElement(Switch, _extends({
+      required: false,
+      checked: field.getValue('trigger'),
+      disabled: disabledForBranchMode,
+      className: "webhook-trigger-btn"
+    }, init('trigger', {
+      props: {
+        onChange: function onChange(val) {
+          field.setValue('trigger', val);
+          if (val) {
+            if (!field.getValue('webhook')) {
+              setWebhook();
+            }
+            if (appstackOverrideTriggerBranch) {
+              var _props$appstackChange2;
+              field.setValue('enableFilter', true);
+              field.setValue('triggerBranch', (_props$appstackChange2 = props.appstackChangeConfig) === null || _props$appstackChange2 === void 0 ? void 0 : _props$appstackChange2.branch);
+            }
+          } else {
+            field.setValue('webhook', '');
+          }
+          _onChange(val, field.getValue('webhook'));
+        }
+      }
+    })));
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, labelText, tooltip(/*#__PURE__*/React.createElement("span", {
+      className: "webhook-help"
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.WebhookIsTheNotificationAddress',
+      defaultMessage: 'Webhook 为 代码源的通知地址，将该地址复制到代码仓库 Webhook 中可以监听代码事件'
+    }), help && '，', help && /*#__PURE__*/React.createElement(Link, {
+      href: help
+    })), /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "question-line",
+      style: {
+        color: 'var(--color-text1-7, #8b8b8b)',
+        marginLeft: 5,
+        cursor: 'pointer'
+      }
+    }), help)), /*#__PURE__*/React.createElement("div", {
+      className: "extra",
+      style: {
+        marginTop: -26
+      }
+    }, disabledForBranchMode ? tooltip(intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.EnableTriggerFilter',
+      defaultMessage: '开启分支模式，运行时输入分支人工触发，不支持开启代码源触发'
+    }), _switch, false, 'tl') : _switch));
+  };
+  var trigggerBranchLabel = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, intl.get({
+    id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.TriggerBranch',
+    defaultMessage: '过滤条件'
+  }), tooltip(/*#__PURE__*/React.createElement("span", {
+    className: "webhook-help"
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.TheFilterConditionIsA',
+    defaultMessage: '过滤条件 为 可以通过代码源触发的过滤规则。 当代码源触发事件发生时，只有符合条件的分支或tag可以触发流水线运行，填写过滤条件支持正则表达式。 过滤条件为空，则所有分支或tag均会触发。对合并请求相关事件来说，触发分支为合并请求的目标分支。'
+  }), helpLink('code_webhook') && /*#__PURE__*/React.createElement(Link, {
+    href: helpLink('code_webhook')
+  })), /*#__PURE__*/React.createElement(YunxiaoIcon, {
+    type: "question-line",
+    style: {
+      color: 'var(--color-text1-7, #8b8b8b)',
+      marginLeft: 5,
+      cursor: 'pointer'
+    }
+  }), getFeature('help.webhook'))));
+  var trigggerFilePathsLabel = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, intl.get({
+    id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.TriggerFilePaths',
+    defaultMessage: '过滤条件'
+  }), tooltip(/*#__PURE__*/React.createElement("span", {
+    className: "webhook-help"
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.TheTriggerFilePaths',
+    defaultMessage: '可以通过代码源触发的过滤规则。当代码源触发事件发生时，只有代码路径过滤规则下的代码发生更新才可以触发流水线运行，填写过滤条件支持正则表达式。暂不支持 Tag 创建事件。目前仅支持 CodeUp 代码源 Push 事件。'
+  })), /*#__PURE__*/React.createElement(YunxiaoIcon, {
+    type: "question-line",
+    style: {
+      color: 'var(--color-text1-7, #8b8b8b)',
+      marginLeft: 5,
+      cursor: 'pointer'
+    }
+  }))));
+  var events = field.getValue('events') || ['push'];
+  var trigger = field.getValue('trigger');
+  var enableFilter = field.getValue('enableFilter');
+  var enablePathFilter = field.getValue('enablePathFilter');
+  var getMessage = function getMessage() {
+    return /*#__PURE__*/React.createElement(FormItem, {
+      className: "next-top next-inline",
+      label: labelWithHint(intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.EnableCodeSourceTrigger',
+        defaultMessage: '开启代码源触发'
+      }))
+    }, trigger && message && /*#__PURE__*/React.createElement(Message, {
+      shape: "inline",
+      title: message,
+      type: "warning",
+      style: {
+        marginTop: 8
+      }
+    }));
+  };
+  var getTrigger = function getTrigger() {
+    if (!trigger) return null;
+    return /*#__PURE__*/React.createElement(FormItem, null, /*#__PURE__*/React.createElement("div", {
+      className: "item-layout"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "before"
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.TriggerEvent',
+      defaultMessage: '触发事件'
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "content",
+      style: {
+        marginLeft: 15
+      }
+    }, /*#__PURE__*/React.createElement(Checkbox.Group, _extends({}, init('events', {
+      initValue: events
+    }), {
+      itemDirection: "hoz"
+    }), /*#__PURE__*/React.createElement(Checkbox, {
+      value: "push"
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.CodeSubmission',
+      defaultMessage: '代码提交'
+    })), (eventsAry || []).map(function (item) {
+      return /*#__PURE__*/React.createElement(Checkbox, {
+        key: item.event,
+        value: item.event
+      }, item.title);
+    }))), !!(EVENTS_MAP[type] || []).length && /*#__PURE__*/React.createElement("div", {
+      className: "after"
+    }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: eventsAry.length === 1 ? 'extend-3-line' : 'shrink-3-line',
+      onClick: switchExpandByEvent
+    }))));
+  };
+  var getWebhook = function getWebhook() {
+    if (!trigger) return null;
+    return /*#__PURE__*/React.createElement(FormItem, null, /*#__PURE__*/React.createElement(Input, {
+      readOnly: true,
+      disabled: true,
+      className: "webhook-input-addon",
+      onClick: function onClick(event) {
+        return event.target.select();
+      },
+      value: field.getValue('webhook'),
+      addonTextBefore: "Webhook",
+      addonTextAfter: /*#__PURE__*/React.createElement(CopyToClipboard, {
+        text: field.getValue('webhook'),
+        onCopy: function onCopy() {
+          return tireToast({
+            title: intl.get({
+              id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.CopiedToClipboard',
+              defaultMessage: '成功复制到剪贴板'
+            })
+          }, 'copyWebhook', 'success', '500');
+        }
+      }, /*#__PURE__*/React.createElement(ButtonIcon, {
+        name: "copy-line"
+      }))
+    }));
+  };
+  var getBranch = function getBranch() {
+    if (!trigger) return null;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, type !== 'svn' && /*#__PURE__*/React.createElement(FormItem, {
+      disabled: appstackOverrideTriggerBranch
+    }, /*#__PURE__*/React.createElement(DUITooltips, {
+      trigger: /*#__PURE__*/React.createElement(Checkbox, _extends({
+        disabled: field.getValue('branchesFilterEnable')
+      }, init('enableFilter', {
+        initValue: enableFilter,
+        props: {
+          onChange: function onChange(checked) {
+            field.setValue('enableFilter', checked);
+            if (checked === false) {
+              field.setValue('triggerBranch', '.*');
+            } else {
+              field.setValue('triggerBranch', '');
+            }
+          }
+        }
+      }), {
+        checked: enableFilter
+      }), intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.EnableBranchOrTagFiltering',
+        defaultMessage: '开启分支或标签过滤'
+      }), /*#__PURE__*/React.createElement(Tag, {
+        color: "warning",
+        icon: /*#__PURE__*/React.createElement(Icon, {
+          type: "warning"
+        })
+      }, "Deprecated"))
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.EnableBranchOrTagFiltering.1',
+      defaultMessage: '「开启分支或标签过滤」已处于 Deprecated 状态，建议您使用上方「过滤规则」'
+    }))), /*#__PURE__*/React.createElement(FormItem, {
+      hidden: !enableFilter,
+      disabled: appstackOverrideTriggerBranch
+    }, /*#__PURE__*/React.createElement(Input, _extends({
+      addonTextBefore: trigggerBranchLabel
+    }, init('triggerBranch', {
+      initValue: field.getValue('triggerBranch') ? field.getValue('triggerBranch') : '.*',
+      rules: [{
+        required: true,
+        message: intl.get({
+          id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.EnterAFilterCondition',
+          defaultMessage: '请输入过滤条件'
+        })
+      }]
+    }), {
+      placeholder: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.YouCanEnterBranchOr',
+        defaultMessage: '可输入分支或标签过滤规则，如^feature.*'
+      }),
+      className: "webhook-input-addon"
+    }))));
+  };
+  var getFilePaths = function getFilePaths() {
+    if (!trigger) return null;
+    // 当前只有codeup代码源支持路径过滤
+    if (type !== 'codeup') return null;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormItem, null, /*#__PURE__*/React.createElement(Checkbox, _extends({}, init('enablePathFilter', {
+      initValue: enablePathFilter,
+      props: {
+        onChange: function onChange(checked) {
+          field.setValue('enablePathFilter', checked);
+          if (checked === false) {
+            field.setValue('triggerFilePaths', '.*');
+          } else {
+            field.setValue('triggerFilePaths', '');
+          }
+        }
+      }
+    }), {
+      checked: enablePathFilter
+    }), intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.EnableFilePathFilterCondition',
+      defaultMessage: '开启代码路径过滤（特定路径下代码发生更新触发）'
+    }))), /*#__PURE__*/React.createElement(FormItem, {
+      hidden: !enablePathFilter
+    }, /*#__PURE__*/React.createElement(Input, _extends({
+      addonTextBefore: trigggerFilePathsLabel
+    }, init('triggerFilePaths', {
+      initValue: field.getValue('triggerFilePaths') ? field.getValue('triggerFilePaths') : '.*',
+      rules: [{
+        required: true,
+        message: intl.get({
+          id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.EnterAFilterCondition',
+          defaultMessage: '请输入过滤条件'
+        })
+      }]
+    }), {
+      placeholder: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.webhook.webhook.YouCanEnterFilePathsOr',
+        defaultMessage: '可输入代码路径过滤规则，如^A/.*.java或^A/'
+      }),
+      className: "webhook-input-addon"
+    }))));
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, getMessage(), getTrigger(), getWebhook(), getBranch(), getFilePaths());
+};
+export default Webhook;

package/es/components/common/teambition/pipeline-source/workspace/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const Workspace: ({ field, disabled, sources, update }: {
+    field: any;
+    disabled?: boolean;
+    sources: any;
+    update: any;
+}) => JSX.Element;
+export default Workspace;