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

package/es/components/common/teambition/pipeline-source/scms/gitSample.js

@@ -0,0 +1,230 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useEffect, useState } from 'react';
+import { Form, Input, Balloon, Radio } from '@teamix/ui';
+import { YunxiaoIcon } from '@alife/devops-ui';
+import utils from "../../../../../utils";
+import track from "../../../../../utils/track";
+import { GitTipConnect } from "../../service-connection";
+import BranchTips from "./branchTips";
+import intl from "../../../../../locale";
+import "../../service-connection/index.scss";
+import Workspace from "../workspace";
+var Tooltip = Balloon.Tooltip;
+var FormItem = Form.Item;
+var PATTERN = /^(http(s)?:\/\/[^/:]+\/|git@[^/:]+:)[^/:]+\/[^/:]+\.git/;
+var layoutPrefix = 'connection-layout';
+var SAMPLES = [{
+  value: 'java',
+  label: 'JAVA',
+  repository: {
+    address: 'https://atomgit.com/flow-example/spring-boot.git',
+    branch: 'master',
+    desc: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.gitSample.JavaWebApplicationsBasedOn',
+      defaultMessage: '基于Spring Boot的Java Web应用，支持容器化'
+    })
+  }
+}, {
+  value: 'go',
+  label: 'Go',
+  repository: {
+    address: 'https://atomgit.com/flow-example/go-gonic.git',
+    branch: 'master',
+    desc: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.gitSample.GonicBasedGoWebApplications',
+      defaultMessage: '基于Gonic的Go Web应用，支持容器化'
+    })
+  }
+}, {
+  value: 'nodejs',
+  label: 'NodeJS',
+  repository: {
+    address: 'https://atomgit.com/flow-example/node-expressjs.git',
+    branch: 'master',
+    desc: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.gitSample.TheNodejsApplicationBasedOn',
+      defaultMessage: '基于Expressjs的Nodejs应用，支持容器化'
+    })
+  }
+}, {
+  value: 'python',
+  label: 'Python',
+  repository: {
+    address: 'https://atomgit.com/flow-example/python-tornado.git',
+    branch: 'master',
+    desc: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.gitSample.TornadoBasedPythonApplicationsThat',
+      defaultMessage: '基于Tornado的Python应用，支持容器化'
+    })
+  }
+}, {
+  value: 'php',
+  label: 'PHP',
+  repository: {
+    address: 'https://atomgit.com/flow-example/php-laravel-blog.git',
+    branch: 'master',
+    desc: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.gitSample.PhpApplicationsBasedOnLaravel',
+      defaultMessage: '基Laravel的PHP应用，支持容器化'
+    })
+  }
+}, {
+  value: 'dotnetcore',
+  label: '.NET Core',
+  repository: {
+    address: 'https://atomgit.com/flow-example/dotnet-core-sample.git',
+    branch: 'master',
+    desc: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.gitSample.WebApplicationsBasedOnNet',
+      defaultMessage: '基.NET Core的Web应用，支持容器化'
+    })
+  }
+}, {
+  value: 'gcc',
+  label: 'C++',
+  repository: {
+    address: 'https://atomgit.com/flow-example/gcc-helloworld.git',
+    branch: 'master',
+    desc: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.gitSample.BasicCApplicationsThatSupport',
+      defaultMessage: '基C++的普通应用，支持容器化'
+    })
+  }
+}];
+var GitSample = function GitSample(_ref) {
+  var field = _ref.field,
+    update = _ref.update,
+    sources = _ref.sources;
+  var init = field.init;
+  var _useState = useState(intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.gitSample.SampleCodeLibrariesProvidedBy',
+      defaultMessage: 'Flow提供的示例代码库'
+    })),
+    desc = _useState[0],
+    setDesc = _useState[1];
+  var onRepoChange = function onRepoChange(repo) {
+    var matches = repo.match(/[:/]([^/]+\/[^/]+)\.git/) || [];
+    field.setValues({
+      name: (matches[1] || '').split('/')[1] + "_" + utils.uuid(4),
+      label: "" + (matches[1] || ''),
+      repo: repo
+    });
+  };
+  var onTypeChange = function onTypeChange(tempType) {
+    var type = (tempType || 'java').toLowerCase();
+    var keys = SAMPLES.map(function (s) {
+      return s.value;
+    });
+    if (!keys.includes(type)) {
+      type = 'java';
+    }
+    field.setValue('language', type);
+    var sample = SAMPLES.find(function (item) {
+      return item.value.toLowerCase() === type;
+    });
+    onRepoChange(sample.repository.address);
+    field.setValue('branch', sample.repository.branch);
+    setDesc(sample.repository.desc);
+  };
+  useEffect(function () {
+    if (!field.getValue('repo')) {
+      onTypeChange('java');
+    }
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: layoutPrefix
+  }, /*#__PURE__*/React.createElement("div", {
+    className: layoutPrefix + "-content"
+  }, /*#__PURE__*/React.createElement(GitTipConnect, {
+    tip: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.gitSample.TheSampleCodeBaseIs',
+      defaultMessage: '示例代码库由 Flow 提供，用于新用户快速尝试流水线的配置和执行'
+    })
+  }), /*#__PURE__*/React.createElement(Form, {
+    field: field,
+    labelAlign: "top"
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    label: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.gitSample.CodeType',
+      defaultMessage: '代码类型'
+    })
+  }, /*#__PURE__*/React.createElement(Radio.Group, _extends({
+    dataSource: SAMPLES,
+    className: "git-sample-code-type"
+  }, init('language', {
+    initValue: 'java',
+    props: {
+      onChange: function onChange(type) {
+        track({
+          action: 'select demo source type',
+          page: 'source page',
+          sourceType: type
+        });
+        onTypeChange(type);
+      }
+    }
+  })))), /*#__PURE__*/React.createElement(FormItem, {
+    label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.gitSample.CodeWarehouse',
+      defaultMessage: '代码仓库'
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "repo-extra"
+    }, /*#__PURE__*/React.createElement(Tooltip, {
+      type: "primary",
+      trigger: /*#__PURE__*/React.createElement(YunxiaoIcon, {
+        type: "question-o"
+      }),
+      align: "tl"
+    }, desc)))
+  }, /*#__PURE__*/React.createElement(Input, _extends({}, init('repo', {
+    rules: [{
+      required: true,
+      message: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.scms.gitSample.EnterTheCodeRepository',
+        defaultMessage: '请输入代码仓库'
+      })
+    }, {
+      pattern: PATTERN,
+      message: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.scms.gitSample.EnterTheGitCodeRepository',
+        defaultMessage: '请输入 Git 代码仓库 HTTP 或者 SSH 地址'
+      })
+    }]
+  }, {
+    onChange: function onChange(repo) {
+      onRepoChange(repo);
+    }
+  }), {
+    disabled: true,
+    placeholder: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.gitSample.EnterTheCodeRepository',
+      defaultMessage: '请输入代码仓库'
+    })
+  }))), /*#__PURE__*/React.createElement(FormItem, {
+    label: BranchTips(intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.gitSample.DefaultBranch',
+      defaultMessage: '默认分支'
+    }))
+  }, /*#__PURE__*/React.createElement(Input, _extends({}, init('branch', {
+    initValue: 'master',
+    rules: [{
+      required: true,
+      message: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.scms.gitSample.EnterABranch',
+        defaultMessage: '请输入分支'
+      })
+    }]
+  }), {
+    disabled: true,
+    placeholder: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.gitSample.EnterABranch',
+      defaultMessage: '请输入分支'
+    })
+  }))), /*#__PURE__*/React.createElement(Workspace, {
+    update: update,
+    field: field,
+    disabled: true,
+    sources: sources
+  }))));
+};
+export default GitSample;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const Gitee: ({ field, webhookKey, idx, update, openBranchInfo, sources }: {
+    field: any;
+    webhookKey: any;
+    idx: any;
+    update: any;
+    openBranchInfo: any;
+    sources: any;
+}) => JSX.Element;
+export default Gitee;

package/es/components/common/teambition/pipeline-source/scms/gitee.js

@@ -0,0 +1,291 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["connection"];
+import React, { useEffect, useState } from 'react';
+import { Form, Button, Select, Message } from '@teamix/ui';
+import { YunxiaoIcon, Title } from '@alife/devops-ui';
+import { CopyToClipboard } from 'react-copy-to-clipboard';
+import utils from "../../../../../utils";
+import { getFeature } from "../../../../../utils";
+import exceed from "../../../../../utils/apimap";
+import { debounce } from 'lodash-es';
+import { OAuth2Connect } from "../../service-connection";
+import Webhook from "../webhook/webhook";
+import branchTips from "./branchTips";
+import Submodule from "../submodule/submodule";
+import FetchDepth from "../fetch-depth";
+import helpLink from "../../../../../utils/helplink";
+import BranchMode from "../branch-mode";
+import Workspace from "../workspace";
+import intl from "../../../../../locale";
+import BranchesFilter from "../BranchesFilter";
+var FormItem = Form.Item;
+var NEW = 'https://gitee.com/projects/new';
+var WEBHOOK_HELP = helpLink('gitee_webhook');
+var title = function title(trigger, text) {
+  return /*#__PURE__*/React.createElement(Title, {
+    trigger: trigger,
+    align: "t"
+  }, text || trigger);
+};
+var Repository = function Repository(_ref) {
+  var connection = _ref.connection,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _useState = useState([]),
+    repositories = _useState[0],
+    setRepositories = _useState[1];
+  var _useState2 = useState(null),
+    repoState = _useState2[0],
+    setRepoState = _useState2[1];
+  var _useState3 = useState(''),
+    searchTerm = _useState3[0],
+    setSearchTerm = _useState3[1];
+  var doGetRepos = function doGetRepos(q) {
+    exceed.fetch({
+      api: 'Gitee.getRepositories',
+      data: {
+        connection: connection,
+        q: q
+      }
+    }).then(function (res) {
+      if (res.successful) {
+        setRepositories(res.object);
+      }
+      setRepoState(null);
+    });
+  };
+  var getRepositories = function getRepositories(q) {
+    if (!connection || connection === 0) {
+      setRepositories([]);
+      return;
+    }
+    setRepoState('loading');
+    doGetRepos(q);
+  };
+  useEffect(function () {
+    getRepositories();
+  }, [connection]);
+  var onRepositorySelectChange = function onRepositorySelectChange(q) {
+    setSearchTerm(q);
+    getRepositories(q);
+  };
+  return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
+    onSearch: debounce(function (search) {
+      onRepositorySelectChange(search);
+    }, 200),
+    container: function container(trigger) {
+      return trigger.parentNode;
+    },
+    state: repoState,
+    onFocus: function onFocus() {
+      getRepositories(searchTerm);
+    },
+    placeholder: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.gitee.SelectACodeLibraryOr',
+      defaultMessage: '请选择代码库/更多代码库请名称搜索'
+    })
+  }), repositories.map(function (repo) {
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      value: repo.htmlURL,
+      key: repo.htmlURL
+    }, repo.humanName);
+  }));
+};
+var Gitee = function Gitee(_ref2) {
+  var field = _ref2.field,
+    webhookKey = _ref2.webhookKey,
+    idx = _ref2.idx,
+    update = _ref2.update,
+    openBranchInfo = _ref2.openBranchInfo,
+    sources = _ref2.sources;
+  var init = field.init;
+  var _useState4 = useState([]),
+    branches = _useState4[0],
+    setBranches = _useState4[1];
+  var _useState5 = useState(update),
+    disabled = _useState5[0],
+    setDisabled = _useState5[1];
+  var _useState6 = useState(null),
+    branchState = _useState6[0],
+    setBranchState = _useState6[1];
+  var getBranches = function getBranches() {
+    setBranchState('loading');
+    exceed.fetch({
+      api: 'Gitee.getRepositoryBranches',
+      data: {
+        path: field.getValue('path'),
+        connection: field.getValue('connection')
+      }
+    }).then(function (res) {
+      if (res.successful) {
+        setBranches(res.object);
+      }
+      setBranchState(null);
+    });
+  };
+  var onRepositoriesChange = function onRepositoriesChange(repo) {
+    var matches = repo.match(/[:/]([^/]+\/[^/]+)\.git/) || [];
+    var path = matches[1] || '';
+    field.setValues({
+      name: path.split('/')[1] + "_" + utils.uuid(4),
+      path: path,
+      label: path,
+      branch: ''
+    });
+    getBranches();
+  };
+  var repoItemRender = function repoItemRender(_ref3) {
+    var label = _ref3.label,
+      value = _ref3.value;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+      className: "label"
+    }, title(label)), /*#__PURE__*/React.createElement(CopyToClipboard, {
+      text: value,
+      onCopy: function onCopy() {
+        return Message.success({
+          title: intl.get({
+            id: 'rdc-tb-cd-assets.pipeline-source.scms.gitee.CopiedToSticker',
+            defaultMessage: '已复制到粘贴板'
+          })
+        });
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      text: true,
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      }
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.gitee.Copy',
+      defaultMessage: '复制'
+    }))));
+  };
+  var branchItemRender = function branchItemRender(_ref4) {
+    var label = _ref4.label;
+    return /*#__PURE__*/React.createElement("span", {
+      className: "label"
+    }, title(label));
+  };
+  return /*#__PURE__*/React.createElement(OAuth2Connect, _extends({
+    type: "gitee",
+    field: field,
+    fieldName: "connection",
+    connectionName: field.getValue('connectionName'),
+    update: update,
+    reset: function reset() {
+      field.setValue('repo', '');
+      field.setValue('branch', '');
+    },
+    enable: function enable() {
+      setDisabled(false);
+    }
+  }, init('connection', {
+    props: {
+      onChange: function onChange(id, name) {
+        field.setValue('repo', '');
+        field.setValue('branch', '');
+        field.setValue('connectionName', name);
+        field.setValue(id);
+      }
+    }
+  })), /*#__PURE__*/React.createElement(Form, {
+    field: field,
+    labelAlign: "top"
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.gitee.CodeWarehouse',
+      defaultMessage: '代码仓库'
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "extra"
+    }, /*#__PURE__*/React.createElement(Button, {
+      text: true,
+      type: "primary",
+      onClick: function onClick() {
+        return window.open(NEW);
+      }
+    }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "add-fill"
+    }), intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.gitee.CreateACodeLibrary',
+      defaultMessage: '新建代码库'
+    }))))
+  }, /*#__PURE__*/React.createElement(Repository, _extends({}, init('repo', {
+    rules: [{
+      required: true,
+      message: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.scms.gitee.SelectACodeRepository',
+        defaultMessage: '请选择代码仓库'
+      })
+    }]
+  }, {
+    onChange: onRepositoriesChange
+  }), {
+    showSearch: true,
+    itemRender: repoItemRender,
+    connection: field.getValue('connection'),
+    disabled: disabled,
+    popupClassName: "repo-select common-select-hide"
+  }))), /*#__PURE__*/React.createElement(FormItem, {
+    label: branchTips(intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.gitee.DefaultBranch',
+      defaultMessage: '默认分支'
+    }))
+  }, /*#__PURE__*/React.createElement(Select, _extends({}, init('branch', {
+    rules: [{
+      required: true,
+      message: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.scms.gitee.SelectTheDefaultBranch',
+        defaultMessage: '请选择默认分支'
+      })
+    }]
+  }), {
+    showSearch: true,
+    autoWidth: true,
+    placeholder: !field.getValue('repo') ? intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.codeup.SelectACodeRepositoryFirst',
+      defaultMessage: '请先选择代码仓库'
+    }) : intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.gitee.SelectBranchesMoreBranchesSearch',
+      defaultMessage: '请选择分支/更多分支请按名称搜索'
+    }),
+    disabled: disabled || !field.getValue('repo'),
+    container: function container(trigger) {
+      return trigger.parentNode;
+    },
+    popupClassName: "branch-select common-select-hide",
+    itemRender: branchItemRender,
+    state: branchState,
+    onFocus: function onFocus() {
+      getBranches();
+    }
+  }), branches.map(function (branch) {
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      key: branch.name,
+      value: branch.name
+    }, branch.name);
+  }))), /*#__PURE__*/React.createElement(BranchesFilter, {
+    field: field
+  }), /*#__PURE__*/React.createElement(Submodule, {
+    field: field
+  }), /*#__PURE__*/React.createElement(FetchDepth, {
+    field: field
+  }), /*#__PURE__*/React.createElement(Webhook, {
+    field: field,
+    webhookKey: webhookKey,
+    help: WEBHOOK_HELP,
+    type: "gitee",
+    openBranchInfo: openBranchInfo,
+    idx: idx,
+    update: update
+  }), getFeature('source.branch.mode') && /*#__PURE__*/React.createElement(BranchMode, {
+    idx: idx,
+    field: field,
+    update: update,
+    openBranchInfo: openBranchInfo
+  }), /*#__PURE__*/React.createElement(Workspace, {
+    update: update,
+    field: field,
+    sources: sources
+  })));
+};
+export default Gitee;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const Github: ({ field, webhookKey, idx, update, openBranchInfo }: {
+    field: any;
+    webhookKey: any;
+    idx: any;
+    update: any;
+    openBranchInfo: any;
+}) => JSX.Element;
+export default Github;

package/es/components/common/teambition/pipeline-source/scms/github.js

@@ -0,0 +1,122 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { Form, Input, Button } from '@teamix/ui';
+import { YunxiaoIcon } from '@alife/devops-ui';
+import utils from "../../../../../utils";
+import { getFeature } from "../../../../../utils";
+import CredentialFormItem from "../credential-form-item";
+import Webhook from "../webhook/webhook";
+import BranchTips from "./branchTips";
+import Submodule from "../submodule/submodule";
+import FetchDepth from "../fetch-depth";
+import helpLink from "../../../../../utils/helplink";
+import BranchMode from "../branch-mode";
+import intl from "../../../../../locale";
+import BranchesFilter from "../BranchesFilter";
+var FormItem = Form.Item;
+var PATTERN = /^(https:\/\/github\.com\/|git@github\.com:)[^/]+\/[^/]+\.git$/;
+var NEW = 'https://github.com/new';
+var HELP = 'https://help.github.com/en/articles/creating-a-personal-access-token-for-the-command-line';
+var WEBHOOK_HELP = helpLink('github_webhook');
+var Github = function Github(_ref) {
+  var field = _ref.field,
+    webhookKey = _ref.webhookKey,
+    idx = _ref.idx,
+    update = _ref.update,
+    openBranchInfo = _ref.openBranchInfo;
+  var init = field.init;
+  return /*#__PURE__*/React.createElement(Form, {
+    field: field,
+    labelAlign: "top"
+  }, /*#__PURE__*/React.createElement(FormItem, {
+    label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.github.CodeWarehouse',
+      defaultMessage: '代码仓库'
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "extra"
+    }, /*#__PURE__*/React.createElement(Button, {
+      text: true,
+      type: "primary",
+      onClick: function onClick() {
+        return window.open(NEW);
+      }
+    }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "add-fill"
+    }), intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.github.CreateACodeLibrary',
+      defaultMessage: '新建代码库'
+    }))))
+  }, /*#__PURE__*/React.createElement(Input, _extends({}, init('repo', {
+    rules: [{
+      required: true,
+      message: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.scms.github.EnterTheCodeRepository',
+        defaultMessage: '请输入代码仓库'
+      })
+    }, {
+      pattern: PATTERN,
+      message: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.scms.github.EnterTheHttpOrSsh',
+        defaultMessage: '请输入 Github 的代码仓库 HTTP 或者 SSH 地址'
+      })
+    }]
+  }, {
+    onChange: function onChange(repo) {
+      var matches = repo.match(/[:/]([^/]+\/[^/]+)\.git/) || [];
+      field.setValues({
+        name: (matches[1] || '').split('/')[1] + "_" + utils.uuid(4),
+        label: "" + (matches[1] || '')
+      });
+    }
+  }), {
+    trim: true,
+    placeholder: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.github.EnterTheCodeRepository',
+      defaultMessage: '请输入代码仓库'
+    })
+  }))), /*#__PURE__*/React.createElement(FormItem, {
+    label: BranchTips(intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.github.DefaultBranch',
+      defaultMessage: '默认分支'
+    }))
+  }, /*#__PURE__*/React.createElement(Input, _extends({}, init('branch', {
+    rules: [{
+      required: true,
+      message: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.scms.github.EnterADefaultBranch',
+        defaultMessage: '请输入默认分支'
+      })
+    }]
+  }), {
+    trim: true,
+    placeholder: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.scms.github.EnterADefaultBranch',
+      defaultMessage: '请输入默认分支'
+    })
+  }))), /*#__PURE__*/React.createElement(BranchesFilter, {
+    field: field
+  }), /*#__PURE__*/React.createElement(CredentialFormItem, {
+    sourceType: "github",
+    sourceTypeName: "Github",
+    field: field,
+    tokenHint: HELP
+  }), /*#__PURE__*/React.createElement(Submodule, {
+    field: field
+  }), /*#__PURE__*/React.createElement(FetchDepth, {
+    field: field
+  }), /*#__PURE__*/React.createElement(Webhook, {
+    field: field,
+    webhookKey: webhookKey,
+    help: WEBHOOK_HELP,
+    type: "github",
+    openBranchInfo: openBranchInfo,
+    idx: idx,
+    update: update
+  }), getFeature('source.branch.mode') && /*#__PURE__*/React.createElement(BranchMode, {
+    idx: idx,
+    field: field,
+    update: update,
+    openBranchInfo: openBranchInfo
+  }));
+};
+export default Github;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const Github: ({ field, webhookKey, update, idx, openBranchInfo, sources }: {
+    field: any;
+    webhookKey: any;
+    update: any;
+    idx: any;
+    openBranchInfo: any;
+    sources: any;
+}) => JSX.Element;
+export default Github;