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

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

@@ -0,0 +1,1071 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useState, useEffect, useImperativeHandle, forwardRef, useCallback } from 'react';
+import { Field, Form, Input, Select, Loading, Button, Message } from '@teamix/ui';
+import { YunxiaoIcon, Title } from '@alife/devops-ui';
+import CreateServiceConnection from "../../service-connection-create";
+import utils from "../../../../../utils";
+import track from "../../../../../utils/track";
+import Layout from "./layout";
+import exceed from "../../../../../utils/apimap";
+import { getCredentialList, getJenkinsVersions, getJenkinsJobs, createCredential, unbindingCredential, getLabel } from "./utils";
+import intl from "../../../../../locale";
+import "./index.scss";
+import Workspace from "../workspace";
+var FormItem = Form.Item;
+var scGrayEnable = window.YUNXIAO_COMMON.serviceConnectionGrayRegion === 'true'; // 是否灰度
+
+var prefix = 'jenkins';
+var title = function title(trigger, text) {
+  return /*#__PURE__*/React.createElement(Title, {
+    trigger: trigger,
+    align: "t"
+  }, text || trigger);
+};
+var timer = null;
+var Jenkins = /*#__PURE__*/forwardRef(function (props, ref) {
+  var field = props.field,
+    update = props.update,
+    sources = props.sources;
+  var innerField = Field.useField();
+  var _useState = useState([]),
+    credentiaInfo = _useState[0],
+    setCredentiaInfo = _useState[1];
+  var _useState2 = useState([]),
+    jenkinsJobs = _useState2[0],
+    setJenkinsJobs = _useState2[1];
+  var _useState3 = useState([]),
+    jenkinsVersions = _useState3[0],
+    setJenkinsVersions = _useState3[1];
+  var _useState4 = useState(false),
+    inputJob = _useState4[0],
+    setInputJob = _useState4[1];
+  var _useState5 = useState(true),
+    loading = _useState5[0],
+    setLoading = _useState5[1];
+  var _useState6 = useState(false),
+    btnLoading = _useState6[0],
+    setBtnLoading = _useState6[1];
+  var _useState7 = useState(true),
+    bindingMark = _useState7[0],
+    setBindingMark = _useState7[1];
+  var _getJenkinsJobs = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var credentalId, _yield$getJenkinsJobs, _yield$getJenkinsJobs2, list;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            credentalId = field.getValue('credential');
+            if (credentalId) {
+              _context.next = 4;
+              break;
+            }
+            Message.error({
+              title: intl.get({
+                id: 'rdc-tb-cd-assets.pipeline-source.jenkins.ASystemErrorHasOccurred',
+                defaultMessage: '系统出错了, 请联系管理员'
+              })
+            });
+            return _context.abrupt("return");
+          case 4:
+            _context.next = 6;
+            return getJenkinsJobs(credentalId);
+          case 6:
+            _yield$getJenkinsJobs = _context.sent;
+            _yield$getJenkinsJobs2 = _yield$getJenkinsJobs.list;
+            list = _yield$getJenkinsJobs2 === void 0 ? [] : _yield$getJenkinsJobs2;
+            if (list.length) {
+              _context.next = 11;
+              break;
+            }
+            return _context.abrupt("return");
+          case 11:
+            setJenkinsJobs(list);
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function _getJenkinsJobs() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var _getJenkinsVersions = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var repo, credentalId, _yield$getJenkinsVers, _yield$getJenkinsVers2, list;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            repo = field.getValue('repo');
+            credentalId = field.getValue('credential');
+            if (!(!repo || !credentalId)) {
+              _context2.next = 4;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 4:
+            _context2.next = 6;
+            return getJenkinsVersions(credentalId, repo);
+          case 6:
+            _yield$getJenkinsVers = _context2.sent;
+            _yield$getJenkinsVers2 = _yield$getJenkinsVers.list;
+            list = _yield$getJenkinsVers2 === void 0 ? [] : _yield$getJenkinsVers2;
+            if (list.length) {
+              _context2.next = 11;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 11:
+            setJenkinsVersions(list);
+          case 12:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function _getJenkinsVersions() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var onChangeServiceConnection = function onChangeServiceConnection(name, id) {
+    field.setValues({
+      credential: id,
+      credentialLabel: name,
+      repo: '',
+      branch: '',
+      name: '',
+      jobName: ''
+    });
+    _getJenkinsJobs();
+    setJenkinsVersions([]);
+  };
+  var _getCredentialList = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(setDefaultVal) {
+      var _yield$getCredentialL, successful, _yield$getCredentialL2, object, _field$getValues, credential, credentialLabel, _ref4, name, id, defaultBehavior, verify;
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            if (setDefaultVal === void 0) {
+              setDefaultVal = false;
+            }
+            _context3.next = 3;
+            return getCredentialList();
+          case 3:
+            _yield$getCredentialL = _context3.sent;
+            successful = _yield$getCredentialL.successful;
+            _yield$getCredentialL2 = _yield$getCredentialL.object;
+            object = _yield$getCredentialL2 === void 0 ? [] : _yield$getCredentialL2;
+            if (successful) {
+              _context3.next = 9;
+              break;
+            }
+            return _context3.abrupt("return");
+          case 9:
+            setCredentiaInfo(object);
+            if (object.length) {
+              _context3.next = 13;
+              break;
+            }
+            loading && setLoading(false);
+            return _context3.abrupt("return");
+          case 13:
+            _field$getValues = field.getValues(), credential = _field$getValues.credential, credentialLabel = _field$getValues.credentialLabel;
+            _ref4 = object[object.length - 1] || {}, name = _ref4.name, id = _ref4.id;
+            defaultBehavior = function defaultBehavior(mark) {
+              if (mark === void 0) {
+                mark = true;
+              }
+              if (mark && (!credential || !credentialLabel || setDefaultVal)) {
+                field.setValues({
+                  credential: id,
+                  credentialLabel: name
+                });
+              }
+              _getJenkinsJobs();
+              // 编辑获取versions
+              if (update && !jenkinsVersions.length) {
+                _getJenkinsVersions();
+              }
+              setBindingMark(false);
+            };
+            if (update && credential) {
+              // 验证账号是否还存在
+              verify = object.some(function (_ref5) {
+                var innerId = _ref5.id;
+                return innerId === credential;
+              });
+              if (verify) {
+                defaultBehavior(false);
+                // 不存在清空表单
+              } else {
+                field.setValues({
+                  credential: '',
+                  credentialLabel: intl.get({
+                    id: 'rdc-tb-cd-assets.pipeline-source.jenkins.TheAccountHasBeenUnbound',
+                    defaultMessage: '账号已解绑，请重新选择账号'
+                  }),
+                  repo: '',
+                  branch: ''
+                });
+                setBindingMark(false);
+              }
+            } else {
+              defaultBehavior();
+            }
+            loading && setLoading(false);
+          case 18:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function _getCredentialList(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    _getCredentialList();
+    return function () {
+      clearTimeout(timer);
+    };
+  }, []);
+  useEffect(function () {
+    if (jenkinsJobs.length === 0) return;
+    var jobRepo = field.getValue('repo');
+    if (update && jobRepo) {
+      var find = jenkinsJobs.find(function (_ref6) {
+        var value = _ref6.value;
+        return value === jobRepo;
+      });
+      if (!find) {
+        setInputJob(true);
+      }
+    }
+  }, [jenkinsJobs]);
+  useImperativeHandle(ref, function () {
+    return {
+      credentiaInfo: credentiaInfo
+    };
+  });
+  if (loading) {
+    return /*#__PURE__*/React.createElement(Loading, {
+      inline: false,
+      style: {
+        marginTop: 150
+      }
+    });
+  }
+  var _createCredential = /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(v, e) {
+      var _yield$createCredenti, successful;
+      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            if (!e) {
+              _context4.next = 2;
+              break;
+            }
+            return _context4.abrupt("return", null);
+          case 2:
+            setBtnLoading(true);
+            _context4.next = 5;
+            return createCredential(v);
+          case 5:
+            _yield$createCredenti = _context4.sent;
+            successful = _yield$createCredenti.successful;
+            if (successful) {
+              _context4.next = 10;
+              break;
+            }
+            setBtnLoading(false);
+            return _context4.abrupt("return");
+          case 10:
+            track({
+              action: 'add jenkins account',
+              page: 'source page'
+            });
+            _context4.next = 13;
+            return _getCredentialList();
+          case 13:
+            setBtnLoading(false);
+            Message.success({
+              title: intl.get({
+                id: 'rdc-tb-cd-assets.pipeline-source.jenkins.BoundSuccessfully',
+                defaultMessage: '绑定成功'
+              })
+            });
+          case 15:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }));
+    return function _createCredential(_x2, _x3) {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+  var getCredentialEle = function getCredentialEle() {
+    if (credentiaInfo.length && !bindingMark) return null;
+    var checkSite = function checkSite(_, value, callback) {
+      if (!/^http(s)?:\/\/.+/.test(value)) {
+        return callback(intl.get({
+          id: 'rdc-tb-cd-assets.pipeline-source.jenkins.StartWithHttpOrHttps',
+          defaultMessage: '请以http或https开头'
+        }));
+      }
+      callback();
+    };
+    return /*#__PURE__*/React.createElement("section", {
+      className: prefix + "-account"
+    }, /*#__PURE__*/React.createElement("header", {
+      className: "header"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "text"
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.jenkins.BindAJenkinsAccountFirst',
+      defaultMessage: '请先绑定Jenkins账号'
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "ops"
+    }, !!credentiaInfo.length && /*#__PURE__*/React.createElement(Button, {
+      text: true,
+      type: "primary",
+      onClick: function onClick() {
+        return setBindingMark(false);
+      }
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.jenkins.Return',
+      defaultMessage: '返回'
+    }), /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "arrow-right-line"
+    })))), /*#__PURE__*/React.createElement(Form, {
+      field: innerField
+    }, /*#__PURE__*/React.createElement(FormItem, {
+      required: true,
+      validator: checkSite,
+      requiredMessage: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.jenkins.EnterTheJenkinsMasterAddress',
+        defaultMessage: '请输入Jenkins Master地址'
+      }),
+      label: getLabel('name')
+    }, /*#__PURE__*/React.createElement(Input, {
+      name: "name",
+      placeholder: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.jenkins.Enter',
+        defaultMessage: '请输入'
+      })
+    })), /*#__PURE__*/React.createElement(FormItem, {
+      required: true,
+      requiredMessage: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.jenkins.EnterAUsername',
+        defaultMessage: '请输入用户名'
+      }),
+      label: getLabel('username')
+    }, /*#__PURE__*/React.createElement(Input, {
+      name: "username",
+      placeholder: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.jenkins.Enter',
+        defaultMessage: '请输入'
+      })
+    })), /*#__PURE__*/React.createElement(FormItem, {
+      required: true,
+      requiredMessage: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.jenkins.EnterAPassword',
+        defaultMessage: '请输入密码'
+      }),
+      label: getLabel('password')
+    }, /*#__PURE__*/React.createElement(Input, {
+      name: "password",
+      placeholder: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.jenkins.Enter',
+        defaultMessage: '请输入'
+      }),
+      htmlType: "password"
+    })), /*#__PURE__*/React.createElement(FormItem, null, /*#__PURE__*/React.createElement(Form.Submit, {
+      validate: true,
+      loading: btnLoading,
+      type: "primary",
+      style: {
+        marginTop: 16
+      },
+      onClick: _createCredential
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.jenkins.Binding',
+      defaultMessage: '绑定'
+    })))));
+  };
+  var _unbindingCredential = /*#__PURE__*/function () {
+    var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+      var _yield$unbindingCrede, successful;
+      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            _context5.next = 2;
+            return unbindingCredential(field.getValue('credential'));
+          case 2:
+            _yield$unbindingCrede = _context5.sent;
+            successful = _yield$unbindingCrede.successful;
+            if (successful) {
+              _context5.next = 7;
+              break;
+            }
+            setBtnLoading(false);
+            return _context5.abrupt("return");
+          case 7:
+            _context5.next = 9;
+            return _getCredentialList(true);
+          case 9:
+            field.setValues({
+              repo: '',
+              branch: '',
+              name: ''
+            });
+            Message.success({
+              title: intl.get({
+                id: 'rdc-tb-cd-assets.pipeline-source.jenkins.UnbindSuccessfully',
+                defaultMessage: '解除绑定成功'
+              })
+            });
+          case 11:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }));
+    return function _unbindingCredential() {
+      return _ref8.apply(this, arguments);
+    };
+  }();
+  var bindingCredential = /*#__PURE__*/function () {
+    var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            setBindingMark(true);
+          case 1:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee6);
+    }));
+    return function bindingCredential() {
+      return _ref9.apply(this, arguments);
+    };
+  }();
+  var getJenkinsFormEle = function getJenkinsFormEle() {
+    var repoChange = function repoChange(repo, _, params) {
+      // eslint-disable-next-line no-useless-escape
+      var reUrlPath = /(?:\w+:)?\/\/[^\/]+([^?#]+)/;
+      var urlParts = repo.match(reUrlPath) || [repo, 'jenkinsJob'];
+      field.setValues({
+        name: (urlParts.pop().split('/')[2] || params.label) + "_" + utils.uuid(4),
+        credentialType: 'personal-usernamepassword',
+        branch: ''
+      });
+      _getJenkinsVersions();
+    };
+    var repoChangeForInput = function repoChangeForInput(job) {
+      setJenkinsVersions([]);
+      var credentalId = field.getValue('credential');
+      var currentCredential = credentiaInfo.find(function (c) {
+        return c.id === credentalId;
+      });
+      if (!job || !currentCredential) return;
+      var repo = "" + currentCredential.name + (currentCredential.name.endsWith('/') ? '' : '/') + "job/" + job + "/";
+      if (timer) clearTimeout(timer);
+      timer = setTimeout(function () {
+        // eslint-disable-next-line no-useless-escape
+        var reUrlPath = /(?:\w+:)?\/\/[^\/]+([^?#]+)/;
+        var urlParts = repo.match(reUrlPath) || [repo, 'jenkinsJob'];
+        field.setValues({
+          repo: repo,
+          name: (urlParts.pop().split('/')[2] || 'jenkins') + "_" + utils.uuid(4),
+          credentialType: 'personal-usernamepassword',
+          branch: ''
+        });
+        _getJenkinsVersions();
+      }, 1500);
+    };
+    var itemRender = function itemRender(_ref10) {
+      var label = _ref10.label;
+      return /*#__PURE__*/React.createElement("span", {
+        className: "label"
+      }, title(label));
+    };
+    var layoutProps = {
+      credentiaInfo: credentiaInfo,
+      bindingCredential: bindingCredential,
+      onChangeServiceConnection: onChangeServiceConnection,
+      credential: field.getValue('credential'),
+      credentialLabel: field.getValue('credentialLabel'),
+      unbindingCredential: _unbindingCredential,
+      display: !credentiaInfo.length || bindingMark
+    };
+    return /*#__PURE__*/React.createElement(Layout, layoutProps, /*#__PURE__*/React.createElement(Form, {
+      field: field,
+      labelAlign: "top"
+    }, /*#__PURE__*/React.createElement(FormItem, {
+      label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, getLabel('repo')), /*#__PURE__*/React.createElement("div", {
+        className: "extra"
+      }, /*#__PURE__*/React.createElement(Button, {
+        text: true,
+        type: "primary",
+        className: "template-container-create-btn",
+        onClick: function onClick() {
+          if (timer) clearTimeout(timer);
+          setInputJob(!inputJob);
+          field.reset(['repo', 'jobName', 'name', 'branch']);
+          field.setValue('repo', '');
+          setJenkinsVersions([]);
+        }
+      }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+        type: "sort2-line"
+      }), inputJob ? intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.scms.jenkins.SelectRepo',
+        defaultMessage: '从数据源选择'
+      }) : intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.scms.jenkins.InputRepo',
+        defaultMessage: '直接输入'
+      }))))
+    }, inputJob ? /*#__PURE__*/React.createElement(Input, _extends({
+      placeholder: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.jenkins.PleaseInputAJobAddress',
+        defaultMessage: '请输入正确的Job名称'
+      })
+    }, field.init('jobName', {
+      rules: [{
+        required: true,
+        message: intl.get({
+          id: 'rdc-tb-cd-assets.pipeline-source.jenkins.InputTheJenkinsJobAddress',
+          defaultMessage: '请输入Job名称'
+        })
+      }],
+      props: {
+        onChange: repoChangeForInput
+      }
+    }))) : /*#__PURE__*/React.createElement(Select, _extends({}, field.init('repo', {
+      rules: [{
+        required: true,
+        message: intl.get({
+          id: 'rdc-tb-cd-assets.pipeline-source.jenkins.SelectTheJenkinsJobAddress',
+          defaultMessage: '请选择Jenkins Job地址'
+        })
+      }],
+      props: {
+        onChange: repoChange
+      }
+    }), {
+      placeholder: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.jenkins.PleaseSelectAJobAddress',
+        defaultMessage: '请选择Job地址/更多Job可直接输入'
+      }),
+      showSearch: true,
+      dataSource: jenkinsJobs,
+      itemRender: itemRender,
+      popupClassName: "common-select-hide"
+    }))), /*#__PURE__*/React.createElement(FormItem, {
+      label: getLabel('branch')
+    }, /*#__PURE__*/React.createElement(Select, _extends({}, field.init('branch', {
+      rules: [{
+        required: true,
+        message: intl.get({
+          id: 'rdc-tb-cd-assets.pipeline-source.jenkins.TriggerVersion',
+          defaultMessage: '触发版本'
+        })
+      }]
+    }), {
+      showSearch: true,
+      placeholder: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.jenkins.SelectATriggerVersionOr',
+        defaultMessage: '请选择触发版本/更多触发版本请按名称搜索'
+      }),
+      dataSource: jenkinsVersions,
+      itemRender: itemRender,
+      popupClassName: "common-select-hide"
+    }))), /*#__PURE__*/React.createElement(Workspace, {
+      update: update,
+      field: field,
+      sources: sources
+    })));
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: prefix
+  }, getCredentialEle(), getJenkinsFormEle());
+});
+var NewJenkins = /*#__PURE__*/forwardRef(function (props, ref) {
+  var field = props.field,
+    update = props.update,
+    sources = props.sources;
+  var _useState8 = useState([]),
+    jenkinsJobs = _useState8[0],
+    setJenkinsJobs = _useState8[1];
+  var _useState9 = useState([]),
+    jenkinsVersions = _useState9[0],
+    setJenkinsVersions = _useState9[1];
+  var _useState10 = useState(true),
+    loading = _useState10[0],
+    setLoading = _useState10[1];
+  var _useState11 = useState(false),
+    inputJob = _useState11[0],
+    setInputJob = _useState11[1];
+  var _useState12 = useState(true),
+    bindingMark = _useState12[0],
+    setBindingMark = _useState12[1];
+  var _useState13 = useState([]),
+    connections = _useState13[0],
+    setConnections = _useState13[1];
+  var _useState14 = useState({}),
+    jenkinsInfo = _useState14[0],
+    setJenkinsInfo = _useState14[1];
+  var layoutPrefix = 'connection-layout';
+  var _getJenkinsJobs = /*#__PURE__*/function () {
+    var _ref11 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
+      var connectionId, _yield$getJenkinsJobs3, _yield$getJenkinsJobs4, list;
+      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
+          case 0:
+            connectionId = field.getValue('connection');
+            if (connectionId) {
+              _context7.next = 4;
+              break;
+            }
+            Message.error({
+              title: intl.get({
+                id: 'rdc-tb-cd-assets.pipeline-source.jenkins.ASystemErrorHasOccurred',
+                defaultMessage: '系统出错了, 请联系管理员'
+              })
+            });
+            return _context7.abrupt("return");
+          case 4:
+            _context7.next = 6;
+            return getJenkinsJobs(connectionId);
+          case 6:
+            _yield$getJenkinsJobs3 = _context7.sent;
+            _yield$getJenkinsJobs4 = _yield$getJenkinsJobs3.list;
+            list = _yield$getJenkinsJobs4 === void 0 ? [] : _yield$getJenkinsJobs4;
+            setJenkinsJobs(list);
+          case 10:
+          case "end":
+            return _context7.stop();
+        }
+      }, _callee7);
+    }));
+    return function _getJenkinsJobs() {
+      return _ref11.apply(this, arguments);
+    };
+  }();
+  var _getJenkinsVersions = /*#__PURE__*/function () {
+    var _ref12 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(url) {
+      var connectionId, jobUrl, currentUrl, _yield$getJenkinsVers3, _yield$getJenkinsVers4, list;
+      return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
+          case 0:
+            if (url === void 0) {
+              url = '';
+            }
+            connectionId = field.getValue('connection');
+            jobUrl = field.getValue('jobUrl');
+            currentUrl = url || jobUrl;
+            if (!(!currentUrl || !connectionId)) {
+              _context8.next = 6;
+              break;
+            }
+            return _context8.abrupt("return");
+          case 6:
+            _context8.next = 8;
+            return getJenkinsVersions(connectionId, currentUrl);
+          case 8:
+            _yield$getJenkinsVers3 = _context8.sent;
+            _yield$getJenkinsVers4 = _yield$getJenkinsVers3.list;
+            list = _yield$getJenkinsVers4 === void 0 ? [] : _yield$getJenkinsVers4;
+            setJenkinsVersions(list);
+          case 12:
+          case "end":
+            return _context8.stop();
+        }
+      }, _callee8);
+    }));
+    return function _getJenkinsVersions(_x4) {
+      return _ref12.apply(this, arguments);
+    };
+  }();
+  var getJenkinsInfo = /*#__PURE__*/function () {
+    var _ref13 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(_connections) {
+      var connectionId, currentConnection, _yield$exceed$fetch, successful, object;
+      return _regeneratorRuntime.wrap(function _callee9$(_context9) {
+        while (1) switch (_context9.prev = _context9.next) {
+          case 0:
+            if (_connections === void 0) {
+              _connections = null;
+            }
+            connectionId = field.getValue('connection');
+            currentConnection = (_connections || connections).find(function (c) {
+              return c.id === connectionId;
+            });
+            if (currentConnection) {
+              _context9.next = 5;
+              break;
+            }
+            return _context9.abrupt("return");
+          case 5:
+            _context9.next = 7;
+            return exceed.fetch({
+              api: 'Get.jenkins.info',
+              data: {
+                id: currentConnection.authId,
+                detail: true,
+                version: 'v2'
+              }
+            });
+          case 7:
+            _yield$exceed$fetch = _context9.sent;
+            successful = _yield$exceed$fetch.successful;
+            object = _yield$exceed$fetch.object;
+            setJenkinsInfo(successful ? object : {});
+          case 11:
+          case "end":
+            return _context9.stop();
+        }
+      }, _callee9);
+    }));
+    return function getJenkinsInfo(_x5) {
+      return _ref13.apply(this, arguments);
+    };
+  }();
+  var onChangeServiceConnection = function onChangeServiceConnection(name, id) {
+    field.setValues({
+      connection: id,
+      credentialLabel: name,
+      repo: '',
+      branch: '',
+      name: '',
+      jobPath: '',
+      jobUrl: '',
+      connectionPrefer: true
+    });
+    getJenkinsInfo();
+    _getJenkinsJobs();
+    setJenkinsVersions([]);
+  };
+  var _getCredentialList = useCallback(/*#__PURE__*/function () {
+    var _ref14 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee11(setDefaultVal, needUpdate) {
+      var connectionId, _yield$exceed$fetch2, successful, _yield$exceed$fetch2$, object, _field$getValues2, connection, credentialLabel, _ref15, connectionName, id, defaultBehavior, verify, connectionList, list, tempConnection;
+      return _regeneratorRuntime.wrap(function _callee11$(_context11) {
+        while (1) switch (_context11.prev = _context11.next) {
+          case 0:
+            if (setDefaultVal === void 0) {
+              setDefaultVal = false;
+            }
+            if (needUpdate === void 0) {
+              needUpdate = true;
+            }
+            connectionId = field.getValue('connection');
+            _context11.next = 5;
+            return exceed.fetch({
+              api: 'service-connection.list',
+              data: {
+                pageOrder: 'DESC',
+                scType: 'jenkins',
+                userId: window.AK_GLOBAL.currentUser.workid,
+                id: connectionId || '',
+                version: 'v2'
+              }
+            });
+          case 5:
+            _yield$exceed$fetch2 = _context11.sent;
+            successful = _yield$exceed$fetch2.successful;
+            _yield$exceed$fetch2$ = _yield$exceed$fetch2.object;
+            object = _yield$exceed$fetch2$ === void 0 ? [] : _yield$exceed$fetch2$;
+            if (successful) {
+              _context11.next = 11;
+              break;
+            }
+            return _context11.abrupt("return");
+          case 11:
+            setConnections(object);
+            if (object.length) {
+              _context11.next = 15;
+              break;
+            }
+            loading && setLoading(false);
+            return _context11.abrupt("return");
+          case 15:
+            _field$getValues2 = field.getValues(), connection = _field$getValues2.connection, credentialLabel = _field$getValues2.credentialLabel;
+            _ref15 = object[0] || {}, connectionName = _ref15.connectionName, id = _ref15.id;
+            defaultBehavior = /*#__PURE__*/function () {
+              var _ref16 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(mark) {
+                return _regeneratorRuntime.wrap(function _callee10$(_context10) {
+                  while (1) switch (_context10.prev = _context10.next) {
+                    case 0:
+                      if (mark === void 0) {
+                        mark = true;
+                      }
+                      if (mark && (!connection || !credentialLabel || setDefaultVal)) {
+                        field.setValues({
+                          connection: id,
+                          credentialLabel: connectionName
+                        });
+                      }
+                      getJenkinsInfo(object);
+                      _getJenkinsJobs();
+                      // 编辑获取versions
+                      if (update && !jenkinsVersions.length) {
+                        _getJenkinsVersions();
+                      }
+                      setBindingMark(false);
+                    case 6:
+                    case "end":
+                      return _context10.stop();
+                  }
+                }, _callee10);
+              }));
+              return function defaultBehavior(_x8) {
+                return _ref16.apply(this, arguments);
+              };
+            }();
+            if (update && connection) {
+              // 验证账号是否还存在
+              verify = object.some(function (_ref17) {
+                var innerId = _ref17.id;
+                return innerId === connection;
+              });
+              if (verify) {
+                defaultBehavior(false);
+                // 不存在清空表单
+              } else {
+                field.setValues({
+                  connection: '',
+                  credentialLabel: intl.get({
+                    id: 'rdc-tb-cd-assets.pipeline-source.jenkins.TheAccountHasBeenUnbound',
+                    defaultMessage: '账号已解绑，请重新选择账号'
+                  }),
+                  repo: '',
+                  branch: '',
+                  jobPath: '',
+                  jobUrl: '',
+                  connectionPrefer: true
+                });
+                setBindingMark(false);
+              }
+            } else {
+              defaultBehavior();
+            }
+            if (needUpdate && object.length > 0) {
+              connectionList = object;
+              list = connectionList.filter(function (c) {
+                return c.owner === window.AK_GLOBAL.currentUser.workid;
+              });
+              tempConnection = list.length === 0 ? connectionList[0] : list[0];
+              onChangeServiceConnection(tempConnection.connectionName, tempConnection.id);
+            }
+            loading && setLoading(false);
+          case 21:
+          case "end":
+            return _context11.stop();
+        }
+      }, _callee11);
+    }));
+    return function (_x6, _x7) {
+      return _ref14.apply(this, arguments);
+    };
+  }(), [update, jenkinsVersions]);
+  useEffect(function () {
+    if (jenkinsJobs.length === 0) return;
+    var jobRepo = field.getValue('repo');
+    if (update && jobRepo) {
+      var find = jenkinsJobs.find(function (_ref18) {
+        var value = _ref18.value;
+        return value === jobRepo;
+      });
+      if (!find) {
+        setInputJob(true);
+      }
+    }
+  }, [jenkinsJobs]);
+  useEffect(function () {
+    _getCredentialList(false, false);
+    return function () {
+      clearTimeout(timer);
+    };
+  }, []);
+  useImperativeHandle(ref, function () {
+    return {
+      credentiaInfo: connections
+    };
+  });
+  if (loading) {
+    return /*#__PURE__*/React.createElement(Loading, {
+      inline: false,
+      style: {
+        marginTop: 150
+      }
+    });
+  }
+  var createBtn = /*#__PURE__*/React.createElement(CreateServiceConnection, {
+    type: "jenkins",
+    onSuccess: _getCredentialList,
+    tipsAlign: "bl"
+  });
+  var getCredentialEle = function getCredentialEle() {
+    return /*#__PURE__*/React.createElement("div", {
+      className: layoutPrefix + "-empty"
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.service-connection.gitee.NotAvailable',
+      defaultMessage: '您暂无可用的'
+    }), "JenKins", intl.get({
+      id: 'rdc-tb-cd-assets.service-connection.gitee.PleaseCreateConnection',
+      defaultMessage: '服务连接，请先创建服务连接'
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "ops"
+    }, /*#__PURE__*/React.createElement(CreateServiceConnection, {
+      type: "jenkins",
+      onSuccess: _getCredentialList,
+      tipsAlign: "t"
+    })));
+  };
+  var getJenkinsFormEle = function getJenkinsFormEle() {
+    var repoChange = function repoChange(repo, _, params) {
+      // eslint-disable-next-line no-useless-escape
+      var reUrlPath = /(?:\w+:)?\/\/[^\/]+([^?#]+)/;
+      var urlParts = params.url.match(reUrlPath) || [params.url, 'jenkinsJob'];
+      field.setValues({
+        name: (urlParts.pop().split('/')[2] || params.label) + "_" + utils.uuid(4),
+        credentialType: 'personal-usernamepassword',
+        branch: '',
+        repo: repo,
+        jobPath: params.path,
+        jobUrl: params.url,
+        connectionPrefer: true
+      });
+      _getJenkinsVersions(params.url);
+    };
+    var repoChangeForInput = function repoChangeForInput(job) {
+      setJenkinsVersions([]);
+      if (!job || !jenkinsInfo.host) return;
+      if (timer) clearTimeout(timer);
+      var repo = "" + jenkinsInfo.host + (jenkinsInfo.host.endsWith('/') ? '' : '/') + "job/" + job + "/";
+      timer = setTimeout(function () {
+        // eslint-disable-next-line no-useless-escape
+        var reUrlPath = /(?:\w+:)?\/\/[^\/]+([^?#]+)/;
+        var urlParts = repo.match(reUrlPath) || [repo, 'jenkinsJob'];
+        var repoName = urlParts[1].split('/')[2] || '';
+        var jobPath = urlParts[1] || '';
+        field.setValues({
+          name: (repoName || 'jenkins') + "_" + utils.uuid(4),
+          credentialType: 'personal-usernamepassword',
+          branch: '',
+          repo: repoName,
+          jobPath: jobPath,
+          jobUrl: repo,
+          connectionPrefer: true
+        });
+        _getJenkinsVersions(repo);
+      }, 1500);
+    };
+    var itemRender = function itemRender(_ref19) {
+      var label = _ref19.label;
+      return /*#__PURE__*/React.createElement("span", {
+        className: "label"
+      }, title(label));
+    };
+    var layoutProps = {
+      credentiaInfo: connections,
+      onChangeServiceConnection: onChangeServiceConnection,
+      credential: field.getValue('connection'),
+      credentialLabel: field.getValue('credentialLabel'),
+      display: !connections.length || bindingMark,
+      createBtn: createBtn,
+      onSuccess: _getCredentialList
+    };
+    return /*#__PURE__*/React.createElement(Layout, layoutProps, /*#__PURE__*/React.createElement(Form, {
+      field: field,
+      labelAlign: "top"
+    }, /*#__PURE__*/React.createElement(FormItem, {
+      label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, getLabel('repo')), /*#__PURE__*/React.createElement("div", {
+        className: "extra"
+      }, /*#__PURE__*/React.createElement(Button, {
+        text: true,
+        type: "primary",
+        className: "template-container-create-btn",
+        onClick: function onClick() {
+          if (timer) clearTimeout(timer);
+          setInputJob(!inputJob);
+          field.reset(['repo', 'name', 'branch']);
+          setJenkinsVersions([]);
+        }
+      }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+        type: "sort2-line"
+      }), inputJob ? intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.scms.jenkins.SelectRepo',
+        defaultMessage: '从数据源选择'
+      }) : intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.scms.jenkins.InputRepo',
+        defaultMessage: '直接输入'
+      }))))
+    }, inputJob ? /*#__PURE__*/React.createElement(Input, _extends({
+      placeholder: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.jenkins.PleaseInputAJobAddress',
+        defaultMessage: '请输入正确的Job名称'
+      })
+    }, field.init('repo', {
+      rules: [{
+        required: true,
+        message: intl.get({
+          id: 'rdc-tb-cd-assets.pipeline-source.jenkins.InputTheJenkinsJobAddress',
+          defaultMessage: '请输入Job名称'
+        })
+      }],
+      props: {
+        onChange: repoChangeForInput
+      }
+    }))) : /*#__PURE__*/React.createElement(Select, _extends({}, field.init('repo', {
+      rules: [{
+        required: true,
+        message: intl.get({
+          id: 'rdc-tb-cd-assets.pipeline-source.jenkins.SelectTheJenkinsJobAddress',
+          defaultMessage: '请选择Jenkins Job地址'
+        })
+      }],
+      props: {
+        onChange: repoChange
+      }
+    }), {
+      placeholder: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.jenkins.PleaseSelectAJobAddress',
+        defaultMessage: '请选择Job地址/更多Job可直接输入'
+      }),
+      showSearch: true,
+      dataSource: jenkinsJobs,
+      itemRender: itemRender,
+      popupClassName: "common-select-hide"
+    }))), /*#__PURE__*/React.createElement(FormItem, {
+      label: getLabel('branch')
+    }, /*#__PURE__*/React.createElement(Select, _extends({}, field.init('branch', {
+      rules: [{
+        required: true,
+        message: intl.get({
+          id: 'rdc-tb-cd-assets.pipeline-source.jenkins.TriggerVersion',
+          defaultMessage: '触发版本'
+        })
+      }]
+    }), {
+      showSearch: true,
+      placeholder: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.jenkins.SelectATriggerVersionOr',
+        defaultMessage: '请选择触发版本/更多触发版本请按名称搜索'
+      }),
+      dataSource: jenkinsVersions,
+      itemRender: itemRender,
+      popupClassName: "common-select-hide"
+    }))), /*#__PURE__*/React.createElement(Workspace, {
+      update: update,
+      field: field,
+      sources: sources
+    })));
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: prefix
+  }, connections.length === 0 ? getCredentialEle() : getJenkinsFormEle());
+});
+export default scGrayEnable ? NewJenkins : Jenkins;