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

package/es/components/common/teambition/run-pipeline-btn/index.js

@@ -0,0 +1,826 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/extends";
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { Fragment } from 'react';
+import { navigateWithContexPath } from "../../../../utils/route-utils";
+import { Button, Dialog, Message, Field, Form, Input, Grid, Balloon } from '@teamix/ui';
+import { YunxiaoIcon } from '@alife/devops-ui';
+import track from "../../../../utils/track";
+import { intervalEnterTime, setLocalStorageCache, getLocalStorageCache } from "../../../../utils";
+import exceed from "../../../../utils/apimap";
+import RunParamConfigDialog from "../run-param-config-dialog";
+import { NEWBIE_TASK_STATUS } from "../../../newbieTask/util";
+import PipelineRunConfirm, { removeDoubleQuote } from "../pipeline-run-confirm";
+import intl from "../../../../locale";
+import { get } from 'lodash-es';
+import "./index.scss";
+import { navigate } from '@reach/router';
+var Row = Grid.Row;
+var Tooltip = Balloon.Tooltip;
+var FormItem = Form.Item;
+var pipelineRunCommitKey = 'FLOW_INST_RUNNING_COMMENT';
+var RunPipelineButton = /*#__PURE__*/function (_React$Component) {
+  function RunPipelineButton(props) {
+    var _this;
+    _this = _React$Component.call(this, props) || this;
+    _this.setBranchRepoConfigs = function (branchRepoConfigs) {
+      _this.setState({
+        branchRepoConfigs: branchRepoConfigs
+      });
+    };
+    _this.setAppstackChanges = function (appstackChangs) {
+      _this.setState({
+        appstackChangs: appstackChangs
+      });
+    };
+    _this.setAppstackReleaseBranch = function (appstackReleaseBranch) {
+      _this.setState({
+        appstackReleaseBranch: appstackReleaseBranch
+      });
+    };
+    _this.setAppReleaseSn = function (appReleaseSn) {
+      _this.setState({
+        appReleaseSn: appReleaseSn
+      });
+    };
+    _this.submitRunPipeline = function () {
+      var resolve;
+      var reject;
+      var promiseForSuccessRequest = new Promise(function (res, rej) {
+        resolve = res;
+        reject = rej;
+      });
+      _this.field.remove('runBranch');
+      _this.field.validate(function (errors) {
+        if (errors) {
+          var messages = Object.keys(errors).flatMap(function (e) {
+            return errors[e].errors;
+          }).join(',');
+          Message.error({
+            title: intl.get({
+              id: 'rdc-tb-cd-assets.teambition.run-pipeline-btn.ConfigurationItemErrorCheckMessages',
+              defaultMessage: '配置项错误，请检查: {messages}'
+            }, {
+              messages: messages
+            })
+          });
+          reject();
+          return;
+        }
+        var _ref = _this.state.branchRepoConfigs.find(function (_ref2) {
+            var _ref2$data = _ref2.data,
+              data = _ref2$data === void 0 ? {} : _ref2$data;
+            return data.isBranchMode && data.baseBranch;
+          }) || {},
+          _ref$data = _ref.data,
+          branchData = _ref$data === void 0 ? {} : _ref$data;
+        var changeConfig = _this.props.changeConfig;
+        if (branchData.isBranchMode && !get(branchData, 'aoneFlow.featureBranchs', []).length) {
+          reject();
+          return Message.warning({
+            title: intl.get({
+              id: 'rdc-tb-cd-assets.teambition.pipeline-flow-dialog.AddARunningBranch',
+              defaultMessage: '请添加运行分支'
+            })
+          });
+        }
+
+        // appstack 变更集成
+        if ((changeConfig === null || changeConfig === void 0 ? void 0 : changeConfig.ciType) === 'CR' && !_this.state.appstackChangs.length) {
+          reject();
+          return Message.warning({
+            title: intl.get({
+              id: 'rdc-tb-cd-assets.teambition.run-pipeline-btn.AddIntegrationChanges',
+              defaultMessage: '请添加集成变更'
+            })
+          });
+        }
+
+        // appstack 变更集成
+        if ((changeConfig === null || changeConfig === void 0 ? void 0 : changeConfig.ciType) === 'SINGLE_CR' && !_this.state.appstackChangs.length) {
+          reject();
+          return Message.warning({
+            title: '请选择变更'
+          });
+        }
+
+        // appstack 发布
+        if ((changeConfig === null || changeConfig === void 0 ? void 0 : changeConfig.ciType) === 'APP_RELEASE' && !_this.state.appReleaseSn) {
+          reject();
+          return Message.warning({
+            title: intl.get({
+              id: 'rdc-tb-cd-assets.teambition.run-pipeline-btn.SelectPublish',
+              defaultMessage: '请选择发布'
+            })
+          });
+        }
+        var hasTracked = false;
+        (_this.state.runningGlobalParams || []).forEach(function (runningGlobalParam) {
+          if (_this.field.getValue(runningGlobalParam.key) !== runningGlobalParam.value && !hasTracked) {
+            track(_extends({
+              action: 'execute pipeline change global params',
+              page: 'detail page',
+              daysinceenterflow: intervalEnterTime()
+            }, _this.props.trackInfo || {}));
+            hasTracked = true;
+          }
+        });
+        var params = Object.assign({}, _this.field.getValues());
+        var branchRepoInfo = _this.state.branchRepoConfigs.filter(function (it) {
+          var _it$data, _it$data2;
+          var isAppstack预置代码库_且变更集成开启 = ((_it$data = it.data) === null || _it$data === void 0 ? void 0 : _it$data.createdBy) && (changeConfig === null || changeConfig === void 0 ? void 0 : changeConfig.ciType);
+          return isAppstack预置代码库_且变更集成开启 || ((_it$data2 = it.data) === null || _it$data2 === void 0 ? void 0 : _it$data2.isBranchMode) === true;
+        }).map(function (it) {
+          var branch = _extends({}, it.data.aoneFlow);
+          branch.sign = it.sign;
+          branch.repo = it.data.repo;
+          branch.name = it.name;
+          branch.baseBranch = {
+            branchName: it.data.baseBranch
+          };
+          return branch;
+        });
+
+        // appstack 变更集成参数
+        if (changeConfig !== null && changeConfig !== void 0 && changeConfig.ciType && branchRepoInfo.length) {
+          var _this$state$appstackC, _this$state$appstackC2;
+          branchRepoInfo[0] = Object.assign(_extends({}, branchRepoInfo[0], {
+            featureBranchs: ((_this$state$appstackC = _this.state.appstackChangs) === null || _this$state$appstackC === void 0 ? void 0 : (_this$state$appstackC2 = _this$state$appstackC.map) === null || _this$state$appstackC2 === void 0 ? void 0 : _this$state$appstackC2.call(_this$state$appstackC, function (item) {
+              return {
+                branchName: item.branch,
+                status: item.state,
+                changeRequestSn: item.sn
+              };
+            })) || [],
+            appName: changeConfig === null || changeConfig === void 0 ? void 0 : changeConfig.appName
+          }, function () {
+            if ((changeConfig === null || changeConfig === void 0 ? void 0 : changeConfig.ciType) === 'CR') {
+              var needCreateBranch = true;
+              if (_this.state.latestInstance) {
+                var _branchRepoInfoObj$;
+                var contextObj = JSON.parse(_this.state.latestInstance.context);
+                var branchRepoInfoObj = JSON.parse(contextObj.branchRepoInfo || '{}');
+                needCreateBranch = !(branchRepoInfoObj !== null && branchRepoInfoObj !== void 0 && (_branchRepoInfoObj$ = branchRepoInfoObj[0]) !== null && _branchRepoInfoObj$ !== void 0 && _branchRepoInfoObj$.featureBranchs.every(function (_ref3) {
+                  var _this$state$appstackC3;
+                  var changeRequestSn = _ref3.changeRequestSn;
+                  return !!((_this$state$appstackC3 = _this.state.appstackChangs) !== null && _this$state$appstackC3 !== void 0 && _this$state$appstackC3.find(function (item) {
+                    return item.sn === changeRequestSn;
+                  }));
+                }));
+              }
+              return {
+                appstackMode: 'BRANCH_MODE',
+                needCreateBranch: needCreateBranch,
+                baseBranch: {
+                  branchName: changeConfig === null || changeConfig === void 0 ? void 0 : changeConfig.defaultBranch
+                }
+              };
+            }
+            if ((changeConfig === null || changeConfig === void 0 ? void 0 : changeConfig.ciType) === 'APP_RELEASE') {
+              return {
+                appstackMode: 'BRANCH_MODE',
+                baseBranch: {
+                  branchName: changeConfig === null || changeConfig === void 0 ? void 0 : changeConfig.defaultBranch
+                }
+              };
+            }
+            if ((changeConfig === null || changeConfig === void 0 ? void 0 : changeConfig.ciType) === 'BRANCH') {
+              return {
+                appstackMode: 'FREE_BRANCH_MODE',
+                baseBranch: {
+                  branchName: params[branchRepoInfo[0].name]
+                }
+              };
+            }
+            if ((changeConfig === null || changeConfig === void 0 ? void 0 : changeConfig.ciType) === 'SPECIFIC_BRANCH') {
+              return {
+                appstackMode: 'FIXED_BRANCH_MODE',
+                baseBranch: {
+                  branchName: changeConfig === null || changeConfig === void 0 ? void 0 : changeConfig.branch
+                }
+              };
+            }
+            if ((changeConfig === null || changeConfig === void 0 ? void 0 : changeConfig.ciType) === 'SINGLE_CR') {
+              var _needCreateBranch = true;
+              if (_this.state.latestInstance) {
+                var _branchRepoInfoObj$2;
+                var _contextObj = JSON.parse(_this.state.latestInstance.context);
+                var _branchRepoInfoObj = JSON.parse(_contextObj.branchRepoInfo || '{}');
+                _needCreateBranch = !(_branchRepoInfoObj !== null && _branchRepoInfoObj !== void 0 && (_branchRepoInfoObj$2 = _branchRepoInfoObj[0]) !== null && _branchRepoInfoObj$2 !== void 0 && _branchRepoInfoObj$2.featureBranchs.every(function (_ref4) {
+                  var _this$state$appstackC4;
+                  var changeRequestSn = _ref4.changeRequestSn;
+                  return !!((_this$state$appstackC4 = _this.state.appstackChangs) !== null && _this$state$appstackC4 !== void 0 && _this$state$appstackC4.find(function (item) {
+                    return item.sn === changeRequestSn;
+                  }));
+                }));
+              }
+              return {
+                appstackMode: 'SINGLE_BRANCH_MODE',
+                needCreateBranch: _needCreateBranch,
+                baseBranch: {
+                  branchName: changeConfig === null || changeConfig === void 0 ? void 0 : changeConfig.defaultBranch
+                }
+              };
+            }
+            return {};
+          }()));
+        }
+
+        // as运行变更，选「自动合并上一阶段集成分支」后
+        if ((changeConfig === null || changeConfig === void 0 ? void 0 : changeConfig.ciType) === 'CR' && branchRepoInfo[0] && _this.state.appstackReleaseBranch) {
+          var _this$state$appstackR;
+          branchRepoInfo[0].releaseBranch = _this.state.appstackReleaseBranch; // 带上接口返回的releaseBranch
+          branchRepoInfo[0].needCreateBranch = true; // 设 needCreateBranch 为 true
+          if (
+          // 设 baseBranch.branchName 为上一个release的分支名
+          (_this$state$appstackR = _this.state.appstackReleaseBranch) !== null && _this$state$appstackR !== void 0 && _this$state$appstackR.branchName && branchRepoInfo[0].baseBranch) {
+            var _this$state$appstackR2;
+            branchRepoInfo[0].baseBranch.branchName = (_this$state$appstackR2 = _this.state.appstackReleaseBranch) === null || _this$state$appstackR2 === void 0 ? void 0 : _this$state$appstackR2.branchName;
+          }
+        }
+
+        // as运行变更，选「自动合并上一阶段集成分支」后
+        if ((changeConfig === null || changeConfig === void 0 ? void 0 : changeConfig.ciType) === 'SINGLE_CR' && branchRepoInfo[0] && _this.state.appstackReleaseBranch) {
+          var _this$state$appstackR3;
+          branchRepoInfo[0].releaseBranch = _this.state.appstackReleaseBranch; // 带上接口返回的releaseBranch
+          branchRepoInfo[0].needCreateBranch = true; // 设 needCreateBranch 为 true
+          if (
+          // 设 baseBranch.branchName 为上一个release的分支名
+          (_this$state$appstackR3 = _this.state.appstackReleaseBranch) !== null && _this$state$appstackR3 !== void 0 && _this$state$appstackR3.branchName && branchRepoInfo[0].baseBranch) {
+            var _this$state$appstackR4;
+            branchRepoInfo[0].baseBranch.branchName = (_this$state$appstackR4 = _this.state.appstackReleaseBranch) === null || _this$state$appstackR4 === void 0 ? void 0 : _this$state$appstackR4.branchName;
+          }
+        }
+        console.log(branchRepoInfo, 'branchRepoInfo');
+        console.log(params, 'params');
+        params.branchRepoInfo = JSON.stringify(branchRepoInfo);
+
+        // appstack发布类型，带上发布sn参数
+        if ((changeConfig === null || changeConfig === void 0 ? void 0 : changeConfig.ciType) === 'APP_RELEASE') {
+          params.appReleaseSn = _this.state.appReleaseSn;
+        }
+        if (params.signArr) {
+          var signArr = params.signArr;
+          signArr.forEach(function (item) {
+            delete params[item];
+          });
+          delete params.signArr;
+        }
+        var data = {
+          params: JSON.stringify(params)
+        };
+        _this.executePipeline(data).then(resolve, reject);
+      });
+      return promiseForSuccessRequest;
+    };
+    _this.getLatestPiepline = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var pipelineId, _yield$exceed$fetch, successful, object;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            pipelineId = _this.props.pipelineId;
+            _context.next = 3;
+            return exceed.fetch({
+              api: 'Pipeline.get.instance.latest',
+              params: {
+                pipelineId: pipelineId
+              }
+            });
+          case 3:
+            _yield$exceed$fetch = _context.sent;
+            successful = _yield$exceed$fetch.successful;
+            object = _yield$exceed$fetch.object;
+            return _context.abrupt("return", successful ? object : null);
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    _this.executePipeline = function (data) {
+      if (data === void 0) {
+        data = {};
+      }
+      _this.setState({
+        loading: true,
+        requesting: true
+      });
+      var isYamlPipeline = _this.state.isYamlPipeline;
+      var api = isYamlPipeline ? 'Pipeline2.execute' : 'Pipeline.execute';
+      return new Promise(function (resolve, reject) {
+        var propsRun = function propsRun() {
+          return _this.props.onRunPipeline(JSON.parse(data.params), _this.props.id);
+        };
+        var flowRun = function flowRun() {
+          return exceed.fetch({
+            api: api,
+            params: {
+              id: _this.props.id
+            },
+            data: data
+          })["catch"](function () {
+            _this.setState({
+              loading: false,
+              requesting: false
+            });
+          });
+        };
+        var run = _this.props.onRunPipeline ? propsRun : flowRun;
+        run().then(function (result) {
+          _this.setState({
+            loading: false
+          });
+          if (result.successful && result.object) {
+            Message.success({
+              title: intl.get({
+                id: 'rdc-tb-cd-assets.teambition.run-pipeline-btn.PipelineTriggered',
+                defaultMessage: '流水线已触发'
+              })
+            });
+            _this.field.setValue(pipelineRunCommitKey, '');
+            _this.handleNewbieTaskStatus();
+            _this.props.onRunPost && _this.props.onRunPost();
+            !_this.props.notJump && navigateWithContexPath("/" + (_this.props.path || 'pipelines') + "/" + _this.props.id + "/current");
+            _this.setState({
+              runParamConfigDialog: false,
+              runConfirmVisible: false
+            });
+
+            // 更改当前企业为运行过流水线
+            window.AK_GLOBAL.alreadyRunPipeline = 'true';
+            track(_extends({
+              action: 'run pipeline success',
+              page: 'detail page',
+              daysinceenterflow: intervalEnterTime()
+            }, _this.props.trackInfo || {}));
+            resolve();
+          } else {
+            reject();
+            _this.setState({
+              requesting: false
+            });
+            if (result.errorCode === '403') {
+              Message.error({
+                title: intl.get({
+                  id: 'rdc-tb-cd-assets.teambition.run-pipeline-btn.NoPermissionToRun',
+                  defaultMessage: '无运行权限'
+                })
+              });
+            }
+          }
+        })["catch"](function () {
+          _this.setState({
+            loading: false,
+            requesting: false
+          });
+        });
+      }).then(function () {
+        _this.setState({
+          requesting: false
+        });
+      });
+    };
+    _this.handleNewbieTaskStatus = function () {
+      var cache = getLocalStorageCache(NEWBIE_TASK_STATUS) || {};
+      setLocalStorageCache(NEWBIE_TASK_STATUS, _extends({}, cache, {
+        create_pipeline: true,
+        update: true
+      }));
+      window.AK_GLOBAL.alreadyRunPipeline = 'true';
+    };
+    _this.executePipeline2 = function (pipeline) {
+      exceed.fetch({
+        api: 'Pipeline2.execute',
+        params: {
+          id: pipeline.id
+        }
+      }).then(function () {
+        Message.success({
+          title: intl.get({
+            id: 'rdc-tb-cd-assets.teambition.run-pipeline-btn.TriggeredSuccessfully',
+            defaultMessage: '触发成功'
+          })
+        });
+        _this.handleNewbieTaskStatus();
+        _this.props.onRunPost && _this.props.onRunPost();
+        !_this.props.notJump && navigateWithContexPath("/pipelines/" + _this.props.id + "/current");
+        window.AK_GLOBAL.alreadyRunPipeline = 'true';
+      });
+    };
+    _this.alert = /*#__PURE__*/function () {
+      var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(addAppstackChangeSn) {
+        var _this$props$changeCon;
+        var _this$props, disabled, id, changeConfig, _yield$Promise$all, pipeline, latestInstanceRes, pipelineConfigVo, latestInstance, latestInstanceNumber, appstackChangs, _changeConfig$queryCh, crItem, sources, branchRepoSources, settings, _settings$globalParam, globalParams, runningGlobalParams, isYamlPipeline, contextObj, branchRepoInfoObj;
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _this$props = _this.props, disabled = _this$props.disabled, id = _this$props.id, changeConfig = _this$props.changeConfig;
+              if (!disabled) {
+                _context2.next = 3;
+                break;
+              }
+              return _context2.abrupt("return");
+            case 3:
+              _context2.next = 5;
+              return Promise.all([exceed.fetch({
+                api: 'Pipeline.get',
+                params: {
+                  id: id
+                }
+              }), exceed.fetch({
+                api: 'Pipeline.get.instance.latest',
+                params: {
+                  pipelineId: id
+                }
+              })]);
+            case 5:
+              _yield$Promise$all = _context2.sent;
+              pipeline = _yield$Promise$all[0];
+              latestInstanceRes = _yield$Promise$all[1];
+              pipelineConfigVo = get(pipeline, 'object.pipelineVo.pipelineConfigVo');
+              latestInstance = get(latestInstanceRes, 'object');
+              latestInstanceNumber = latestInstance === null || latestInstance === void 0 ? void 0 : latestInstance.instNumber;
+              if (!latestInstanceNumber) {
+                _context2.next = 17;
+                break;
+              }
+              _context2.next = 14;
+              return changeConfig === null || changeConfig === void 0 ? void 0 : changeConfig.getDefaultChangeList(latestInstanceNumber);
+            case 14:
+              _context2.t0 = _context2.sent;
+              _context2.next = 18;
+              break;
+            case 17:
+              _context2.t0 = [];
+            case 18:
+              appstackChangs = _context2.t0;
+              if (!addAppstackChangeSn) {
+                _context2.next = 24;
+                break;
+              }
+              _context2.next = 22;
+              return changeConfig === null || changeConfig === void 0 ? void 0 : (_changeConfig$queryCh = changeConfig.queryChangeList) === null || _changeConfig$queryCh === void 0 ? void 0 : _changeConfig$queryCh.call(changeConfig).then(function (list) {
+                return list.find(function (aCr) {
+                  return aCr.sn === addAppstackChangeSn;
+                });
+              });
+            case 22:
+              crItem = _context2.sent;
+              if (crItem) {
+                if (!appstackChangs.find(function (v) {
+                  return v.sn === crItem.sn;
+                })) {
+                  appstackChangs.push(crItem);
+                }
+              }
+            case 24:
+              sources = JSON.parse(pipelineConfigVo.sources);
+              branchRepoSources = sources.filter(function (source) {
+                return source.data;
+              });
+              branchRepoSources.forEach(function (source) {
+                _this.field.setValue("" + source.sign, source.data.branch);
+              });
+              // appstack 变更集成参数
+              if (branchRepoSources.length === 1 && (changeConfig === null || changeConfig === void 0 ? void 0 : changeConfig.ciType) === 'SPECIFIC_BRANCH') {
+                _this.field.setValue("" + branchRepoSources[0].sign, changeConfig === null || changeConfig === void 0 ? void 0 : changeConfig.branch);
+              }
+              settings = JSON.parse(pipelineConfigVo.settings);
+              _settings$globalParam = settings.globalParams, globalParams = _settings$globalParam === void 0 ? [] : _settings$globalParam;
+              runningGlobalParams = globalParams.filter(function (globalParam) {
+                return globalParam.runningConfig && !globalParam.masked;
+              });
+              runningGlobalParams.forEach(function (runningGlobalParam) {
+                _this.field.setValue(runningGlobalParam.key, runningGlobalParam.value);
+              });
+              track(_extends({
+                action: 'execute pipeline',
+                page: 'detail page',
+                daysinceenterflow: intervalEnterTime()
+              }, _this.props.trackInfo || {}));
+
+              // yaml流水线
+              isYamlPipeline = pipeline.object.pipelineVo.type === 'PIPELINEASCODE';
+              if (branchRepoSources && branchRepoSources.length > 0 || runningGlobalParams && runningGlobalParams.length > 0 || ((_this$props$changeCon = _this.props.changeConfig) === null || _this$props$changeCon === void 0 ? void 0 : _this$props$changeCon.ciType) === 'APP_RELEASE') {
+                if (latestInstance && latestInstance.context) {
+                  contextObj = JSON.parse(latestInstance.context);
+                  if (contextObj.branchRepoInfo) {
+                    branchRepoInfoObj = JSON.parse(contextObj.branchRepoInfo);
+                    branchRepoSources.forEach(function (ele) {
+                      var matchedBranch = branchRepoInfoObj.find(function (it) {
+                        return it.sign === ele.sign;
+                      });
+                      if (matchedBranch) {
+                        ele.data.aoneFlow = matchedBranch;
+                        ele.data.aoneFlow.needCreateBranch = true;
+                        if (latestInstance.flowInstVo && latestInstance.flowInstVo.result && latestInstance.flowInstVo.result.REPO_URL) {
+                          if (latestInstance.flowInstVo.result.REPO_URL === ele.data.repo && latestInstance.flowInstVo.result.RELEASE_BRANCH_NAME) {
+                            ele.data.aoneFlow.releaseBranch = {
+                              branchName: latestInstance.flowInstVo.result.RELEASE_BRANCH_NAME
+                            };
+                            console.log('set release branch');
+                            ele.data.aoneFlow.needCreateBranch = false;
+                          }
+                        }
+                      } else {
+                        ele.data.aoneFlow = {
+                          needCreateBranch: true
+                        };
+                      }
+                    });
+                  }
+                }
+                _this.setState({
+                  runParamConfigDialog: true,
+                  branchRepoConfigs: branchRepoSources,
+                  runningGlobalParams: runningGlobalParams,
+                  latestInstance: latestInstance,
+                  isYamlPipeline: isYamlPipeline,
+                  appstackChangs: appstackChangs
+                });
+              } else {
+                _this.setState({
+                  latestInstance: latestInstance,
+                  runConfirmVisible: true,
+                  isYamlPipeline: isYamlPipeline,
+                  appstackChangs: appstackChangs
+                });
+              }
+            case 35:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      }));
+      return function (_x) {
+        return _ref6.apply(this, arguments);
+      };
+    }();
+    _this.field = new Field(_this, {
+      autoUnmount: false
+    });
+    _this.state = {
+      requesting: false,
+      globalParams: [],
+      branchRepoConfigs: [],
+      latestInstance: {},
+      appstackChangs: [],
+      appstackReleaseBranch: null,
+      // as选「自动合并上一阶段集成分支」后，需带上接口返回的releaseBranch
+      appReleaseSn: null,
+      runParamConfigDialog: false,
+      runConfirmVisible: false,
+      loading: false
+    };
+    return _this;
+  }
+  _inheritsLoose(RunPipelineButton, _React$Component);
+  var _proto = RunPipelineButton.prototype;
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {
+    var disabled = this.props.disabled;
+    var reg = /pipelines\/[0-9]+\/current\?start=true$/;
+    if (reg.test(location.href) && prevProps.disabled !== disabled && !disabled) {
+      this.alert();
+    }
+
+    // 关闭运行弹窗时，重置 appstackReleaseBranch
+    if (prevState.runParamConfigDialog !== this.state.runParamConfigDialog && this.state.runParamConfigDialog === false && this.state.appstackReleaseBranch) {
+      this.setAppstackReleaseBranch(null);
+    }
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    var init = this.field.init;
+    var _this$state = this.state,
+      runningGlobalParams = _this$state.runningGlobalParams,
+      runParamConfigDialog = _this$state.runParamConfigDialog,
+      branchRepoConfigs = _this$state.branchRepoConfigs,
+      latestInstance = _this$state.latestInstance,
+      runConfirmVisible = _this$state.runConfirmVisible,
+      appstackChangs = _this$state.appstackChangs,
+      appstackReleaseBranch = _this$state.appstackReleaseBranch,
+      appReleaseSn = _this$state.appReleaseSn,
+      loading = _this$state.loading;
+    var prevRunningComment = JSON.parse((latestInstance || {}).context || '{}').FLOW_INST_RUNNING_COMMENT || '';
+    var renderBtn = function renderBtn() {
+      var trigger = /*#__PURE__*/React.createElement(Button, {
+        key: "btn-schedule",
+        type: "primary",
+        loading: _this2.state.requesting,
+        onClick: function onClick() {
+          return _this2.alert();
+        },
+        disabled: _this2.props.disabled
+      }, _this2.props.icon && !_this2.state.requesting && !_this2.props.hideIcon && /*#__PURE__*/React.createElement(YunxiaoIcon, {
+        type: _this2.props.icon
+      }), _this2.props.text);
+      return _this2.props.disabled ? /*#__PURE__*/React.createElement(Tooltip, {
+        trigger: trigger,
+        align: _this2.props.tipsAlign || 'bl',
+        popupStyle: {
+          width: 292
+        }
+      }, _this2.props.disabledTips) : trigger;
+    };
+
+    // 支持 action = run | directRunWithDefaultParams ，相当于进页面自动点击运行，在 appstack 中用到
+    var searchParams = new URLSearchParams(location.search);
+    var action = searchParams.get('runPipelineBtnAction');
+    if (['run', 'directRunWithDefaultParams'].includes(action)) {
+      /** crSn 参数可选，可能没有 */
+      var crSn = searchParams.get('runPipelineBtnActionChangeRequestSn');
+      setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+        var _JSON$stringify, params;
+        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.next = 2;
+              return _this2.alert(crSn);
+            case 2:
+              _context3.next = 4;
+              return new Promise(function (r) {
+                return setTimeout(r, 500);
+              });
+            case 4:
+              if (action === 'directRunWithDefaultParams') {
+                Message.notice({
+                  title: intl.get({
+                    id: 'rdc-tb-cd-assets.teambition.run-pipeline-btn.RunningPipeline',
+                    defaultMessage: '正在运行流水线...'
+                  })
+                });
+                // 相当于在参数弹窗里点运行
+                if (_this2.state.runParamConfigDialog) {
+                  _this2.submitRunPipeline();
+                } else if (_this2.state.runConfirmVisible) {
+                  params = JSON.stringify((_JSON$stringify = {}, _JSON$stringify[pipelineRunCommitKey] = _this2.field.getValue(pipelineRunCommitKey), _JSON$stringify));
+                  _this2.executePipeline({
+                    params: params
+                  });
+                }
+              }
+            case 5:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3);
+      })), 1000);
+      searchParams["delete"]('runPipelineBtnAction');
+      searchParams["delete"]('runPipelineBtnActionChangeRequestSn');
+      var url = new URL(location.href);
+      url.search = searchParams.toString();
+      navigate(url, {
+        replace: true
+      });
+    }
+    return /*#__PURE__*/React.createElement(Fragment, null, this.props.trigger ? /*#__PURE__*/React.cloneElement(this.props.trigger, {
+      onClick: function onClick() {
+        return _this2.alert();
+      }
+    }) : renderBtn(), runParamConfigDialog && /*#__PURE__*/React.createElement(RunParamConfigDialog, {
+      visible: true,
+      onClose: function onClose() {
+        _this2.setState(function (state) {
+          return _extends({}, state, {
+            runParamConfigDialog: false,
+            appReleaseSn: ''
+          });
+        });
+        _this2.field.reset();
+        _this2.field.setValue(pipelineRunCommitKey, '');
+      },
+      onOk: this.submitRunPipeline,
+      field: this.field,
+      loading: loading,
+      runningGlobalParams: runningGlobalParams,
+      branchRepoConfigs: branchRepoConfigs,
+      setBranchRepoConfigs: this.setBranchRepoConfigs,
+      pipelineId: this.props.id,
+      prevRunningComment: prevRunningComment,
+      appstack: {
+        appstackChangs: appstackChangs,
+        changeConfig: this.props.changeConfig,
+        setAppstackChanges: this.setAppstackChanges,
+        appReleaseSn: appReleaseSn,
+        setAppReleaseSn: this.setAppReleaseSn,
+        appstackReleaseBranch: appstackReleaseBranch,
+        setAppstackReleaseBranch: this.setAppstackReleaseBranch
+      }
+    }), !!runConfirmVisible && /*#__PURE__*/React.createElement(PipelineRunConfirm, _extends({
+      visible: true,
+      loading: loading,
+      extraDisabled: !prevRunningComment,
+      onExtraClick: function onExtraClick() {
+        _this2.field.setValue(pipelineRunCommitKey, removeDoubleQuote(prevRunningComment));
+      },
+      onClose: function onClose() {
+        _this2.setState({
+          runConfirmVisible: false,
+          loading: false
+        });
+        _this2.field.setValue(pipelineRunCommitKey, '');
+      },
+      onOk: function onOk() {
+        var _JSON$stringify2;
+        var params = JSON.stringify((_JSON$stringify2 = {}, _JSON$stringify2[pipelineRunCommitKey] = _this2.field.getValue(pipelineRunCommitKey), _JSON$stringify2));
+        _this2.executePipeline({
+          params: params
+        });
+      }
+    }, init(pipelineRunCommitKey))), /*#__PURE__*/React.createElement(Dialog, {
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.teambition.run-pipeline-btn.RunConfiguration',
+        defaultMessage: '运行配置'
+      }),
+      visible: false,
+      className: "running-param-config-dailog",
+      footer: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+        type: "normal",
+        onClick: function onClick() {
+          _this2.setState({
+            visible: false,
+            appReleaseSn: ''
+          });
+        }
+      }, intl.get({
+        id: 'rdc-tb-cd-assets.teambition.run-pipeline-btn.Cancel',
+        defaultMessage: '取消'
+      })), /*#__PURE__*/React.createElement(Button, {
+        type: "primary",
+        onClick: function onClick() {
+          _this2.submitRunPipeline();
+        }
+      }, intl.get({
+        id: 'rdc-tb-cd-assets.teambition.run-pipeline-btn.Run',
+        defaultMessage: '运行'
+      }))),
+      onClose: function onClose() {
+        _this2.setState({
+          visible: false,
+          appReleaseSn: ''
+        });
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "running-param-config-div"
+    }, /*#__PURE__*/React.createElement(Form, {
+      field: this.field
+    }, this.state.branchRepoConfigs && this.state.branchRepoConfigs.map(function (source) {
+      return /*#__PURE__*/React.createElement(FormItem, {
+        label: source.data.repo,
+        required: true,
+        key: source.sign
+      }, /*#__PURE__*/React.createElement(Input, init("" + source.sign, {
+        rules: [{
+          required: true,
+          message: intl.get({
+            id: 'rdc-tb-cd-assets.teambition.run-pipeline-btn.TheBranchMustBeSpecified',
+            defaultMessage: '分支不能为空'
+          })
+        }]
+      })));
+    }), this.state.runningGlobalParams && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement("span", {
+      className: "running-global-param-title"
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.teambition.run-pipeline-btn.CommonVariables',
+      defaultMessage: '通用变量'
+    }))), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement("span", {
+      span: "8",
+      className: "running-global-param-key-title"
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.teambition.run-pipeline-btn.Parameter',
+      defaultMessage: '变量名称'
+    })), /*#__PURE__*/React.createElement("span", {
+      span: "7",
+      className: "running-global-param-value-title"
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.teambition.run-pipeline-btn.RunValue',
+      defaultMessage: '运行值'
+    }))), this.state.runningGlobalParams.map(function (runningGlobalParam, index) {
+      return /*#__PURE__*/React.createElement(Row, {
+        key: runningGlobalParam.key + "-" + (index - 1)
+      }, /*#__PURE__*/React.createElement("span", {
+        span: "8",
+        className: "running-global-param-key"
+      }, /*#__PURE__*/React.createElement(FormItem, null, runningGlobalParam.key)), /*#__PURE__*/React.createElement("span", {
+        span: "7",
+        className: "running-global-param-value"
+      }, /*#__PURE__*/React.createElement(FormItem, null, /*#__PURE__*/React.createElement(Input, _extends({
+        size: "small"
+      }, init(runningGlobalParam.key, {
+        rules: [{
+          required: false,
+          message: intl.get({
+            id: 'rdc-tb-cd-assets.teambition.run-pipeline-btn.TheParameterValueMustBe',
+            defaultMessage: '变量值不能为空'
+          })
+        }]
+      }))))), /*#__PURE__*/React.createElement("span", {
+        span: "7",
+        className: "running-global-param-value"
+      }));
+    }))))));
+  };
+  return RunPipelineButton;
+}(React.Component);
+export default RunPipelineButton;