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

package/es/components/common/teambition/deploy-group-dialog/index.js

@@ -0,0 +1,1225 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useState, useContext, useEffect, Fragment, useCallback, useRef } from 'react';
+import { Dialog, Button, Message, Loading, Field } from '@teamix/ui';
+import { YunxiaoIcon } from '@alife/devops-ui';
+import exceed from "../../../../utils/apimap";
+import track from "../../../../utils/track";
+import { intervalEnterTime, pureObjs, getFeature } from "../../../../utils";
+import HostType from "./host-type";
+import AddHost from "./add-host";
+import HostInfo from "./host-info";
+import EditHostGroup from "./edit-host-group";
+import { DeployGroupContext, Provider } from "./store";
+import { StepDialog, StepView } from '@alife/teamix-step-dialog';
+import { DEPLOY_GROUP_HOST_TYPE, DEPLOY_GROUP_ADD_HOST, DEPLOY_GROUP_HOST_INFO, CHANGE_CURRENT, CHANGE_TYPE, CHANGE_HOST_INSTANCE_ID, CHANGE_CONNECTIONS, CHANGE_REGIONS, CHANGE_CONNECTION_ID, CHANGE_REGION_ID, CHANGE_MACHINE_TITLE_LIST, EMPTY_DATA, CHANGE_LOADING, CHANGE_HOST_INFO_FORM_DATA, CHANGE_EDIT_HOST_BASE_DATA, DEFAULT_OBJECT_TYPE, CHANGE_EDIT_MEMBER_LIST, CHANGE_EDIT_HOST_GROUP_CURRENT, CHANGE_EDIT_HOST_LIST, CHANGE_EDIT_ADD_HOST_LOADING, CHANGE_EDIT_HOST_TABLE_LOADING, CHANGE_HOST_INFO_NAME, CHANGE_ECS_ADD_TYPE, CHANGE_ECS_LABEL_KEY, CHANGE_ECS_LABEL_VALUE, CHANGE_ECS_LABEL_KEY_LIST, CHANGE_ECS_LABEL_VALUE_LIST, EDIT_HOST_GROUP_LIST, footerMap } from "./config";
+import intl from "../../../../locale";
+import cx from 'classnames';
+import "./index.scss";
+var scGrayEnable = window.YUNXIAO_COMMON.serviceConnectionGrayRegion === 'true'; // 是否灰度
+var sleep = function sleep(ms) {
+  return new Promise(function (resolve) {
+    return setTimeout(resolve, ms);
+  });
+};
+var timer = null;
+export var PREFIX = 'deploy-group-dialog';
+var ECS_MANAGED = 'ECS_MANAGED';
+
+// 这里的代码已经乱的没法看了
+
+var DeployGroupDialog = function DeployGroupDialog(props) {
+  var visible = props.visible,
+    groupId = props.groupId,
+    newly = props.newly,
+    purpose = props.purpose,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'new' : _props$mode,
+    _props$trackConfig = props.trackConfig,
+    trackConfig = _props$trackConfig === void 0 ? {} : _props$trackConfig;
+  var _onClose = props.onClose,
+    onRefresh = props.onRefresh;
+  var _useState = useState(getFeature('app.public.machine') ? '' : intl.get({
+      id: 'rdc-tb-cd-assets.dashboardMain.build-manage.tableColumns.AlibabaCloudEcs',
+      defaultMessage: '阿里云ECS'
+    })),
+    hostTitle = _useState[0],
+    setHostTitle = _useState[1];
+  var _ref = useContext(DeployGroupContext) || {},
+    state = _ref.state,
+    dispatch = _ref.dispatch;
+  var _useState2 = useState(false),
+    editAddHostVisible = _useState2[0],
+    setEditAddHostVisible = _useState2[1];
+  var _useState3 = useState([]),
+    editAddHostData = _useState3[0],
+    setEditAddHostData = _useState3[1];
+  var infoRef = useRef(null);
+  var _ref2 = state || {},
+    current = _ref2.current,
+    type = _ref2.type,
+    hostInstanceIds = _ref2.hostInstanceIds,
+    nowHostInstanceIds = _ref2.nowHostInstanceIds,
+    connections = _ref2.connections,
+    regions = _ref2.regions,
+    serviceConnectionId = _ref2.serviceConnectionId,
+    aliyunRegionId = _ref2.aliyunRegionId,
+    _ref2$allHostDataObj = _ref2.allHostDataObj,
+    allHostDataObj = _ref2$allHostDataObj === void 0 ? {} : _ref2$allHostDataObj,
+    name = _ref2.name,
+    envId = _ref2.envId,
+    uuid = _ref2.uuid,
+    tagIdList = _ref2.tagIdList,
+    memberList = _ref2.memberList,
+    editCurrent = _ref2.editCurrent,
+    editHostTableList = _ref2.editHostTableList,
+    machineInfos = _ref2.machineInfos,
+    loading = _ref2.loading,
+    editAddHostLoading = _ref2.editAddHostLoading,
+    editHostTableLiading = _ref2.editHostTableLiading,
+    ecsAddType = _ref2.ecsAddType,
+    ecsLabelKey = _ref2.ecsLabelKey,
+    ecsLabelValue = _ref2.ecsLabelValue,
+    ecsLabelKeyList = _ref2.ecsLabelKeyList,
+    ecsLabelValueList = _ref2.ecsLabelValueList;
+  var demoEcsField = Field.useField();
+  var changeLoading = function changeLoading(status) {
+    return dispatch({
+      type: CHANGE_LOADING,
+      data: status
+    });
+  };
+  var cheangeHostInfoFormData = function cheangeHostInfoFormData(_name, value) {
+    dispatch({
+      type: CHANGE_HOST_INFO_FORM_DATA,
+      data: {
+        name: _name,
+        value: value
+      }
+    });
+  };
+  var saveMembers = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(objId) {
+      var config;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            config = {
+              api: 'Member.batchOverrideResourceMembers',
+              data: {
+                objType: DEFAULT_OBJECT_TYPE,
+                objId: objId,
+                purpose: purpose || 'DEPLOY_GROUP',
+                members: JSON.stringify(memberList.map(function (it) {
+                  return _extends({}, it, {
+                    objectId: objId
+                  });
+                }))
+              }
+            };
+            _context.next = 3;
+            return exceed.fetch(config);
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function saveMembers(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var onSave = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var _infoRef$current, _infoRef$current$base;
+      var _ref5, errors, resutObj, respErrorCode, ignoredCode, _yield$demoEcsField$v, errors1, values, fetchConfig, _yield$exceed$fetch, successful, object, i, createResult, params, machineGroupStr, _fetchConfig, _yield$exceed$fetch2, errorCode, _successful, _object, statusText, target;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return (_infoRef$current = infoRef.current) === null || _infoRef$current === void 0 ? void 0 : (_infoRef$current$base = _infoRef$current.baseInfoField) === null || _infoRef$current$base === void 0 ? void 0 : _infoRef$current$base.validatePromise();
+          case 2:
+            _context2.t0 = _context2.sent;
+            if (_context2.t0) {
+              _context2.next = 5;
+              break;
+            }
+            _context2.t0 = {};
+          case 5:
+            _ref5 = _context2.t0;
+            errors = _ref5.errors;
+            if (!(errors !== null && errors !== undefined)) {
+              _context2.next = 9;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 9:
+            // https://devops.aliyun.com/projex/bug/3272c4ccea1956630b8d28c4bf
+            // 《构建集群实例安装失败，但是构建集群是创建成功的，这时应该关闭新建窗口》
+            // 忽略这个错误码
+            ignoredCode = '3000005';
+            if (!(type === 'DEMO_ECS')) {
+              _context2.next = 52;
+              break;
+            }
+            _context2.next = 13;
+            return demoEcsField.validatePromise();
+          case 13:
+            _yield$demoEcsField$v = _context2.sent;
+            errors1 = _yield$demoEcsField$v.errors;
+            values = _yield$demoEcsField$v.values;
+            if (!(errors1 !== null && errors1 !== undefined)) {
+              _context2.next = 18;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 18:
+            changeLoading(true);
+            fetchConfig = {
+              api: 'Machine.group.demoEcs.save',
+              data: values
+            };
+            _context2.next = 22;
+            return exceed.fetch(fetchConfig);
+          case 22:
+            _yield$exceed$fetch = _context2.sent;
+            successful = _yield$exceed$fetch.successful;
+            object = _yield$exceed$fetch.object;
+            resutObj = object;
+            if (successful) {
+              _context2.next = 29;
+              break;
+            }
+            changeLoading(false);
+            return _context2.abrupt("return");
+          case 29:
+            if (object) {
+              _context2.next = 50;
+              break;
+            }
+            i = 0; // 循环去检查结果
+          case 31:
+            if (!true) {
+              _context2.next = 50;
+              break;
+            }
+            if (!(i > 20)) {
+              _context2.next = 36;
+              break;
+            }
+            Message.warning({
+              title: intl.get({
+                id: 'rdc-tb-cd-assets.teambition.deploy-group-dialog.demo-ecs.error',
+                defaultMessage: '创建失败，请稍后重试，或查看页面帮助文档解决'
+              })
+            });
+            changeLoading(false);
+            return _context2.abrupt("return");
+          case 36:
+            _context2.next = 38;
+            return sleep(1000);
+          case 38:
+            _context2.next = 40;
+            return exceed.fetch({
+              api: 'Machine.group.demoEcs.result',
+              data: {
+                instanceId: values.instanceId
+              }
+            });
+          case 40:
+            createResult = _context2.sent;
+            if (createResult.successful) {
+              _context2.next = 44;
+              break;
+            }
+            changeLoading(false);
+            return _context2.abrupt("return");
+          case 44:
+            i++;
+            if (!(createResult.successful && createResult.object)) {
+              _context2.next = 48;
+              break;
+            }
+            resutObj = createResult.object;
+            return _context2.abrupt("break", 50);
+          case 48:
+            _context2.next = 31;
+            break;
+          case 50:
+            _context2.next = 68;
+            break;
+          case 52:
+            params = {
+              type: type,
+              id: groupId,
+              envId: envId,
+              uuid: uuid,
+              name: name,
+              tagIds: tagIdList.join(','),
+              serviceConnectionId: serviceConnectionId,
+              purpose: purpose || 'DEPLOY_GROUP',
+              ecsType: ecsAddType || 'ECS_ALIYUN',
+              ecsLabelKey: ecsLabelKey,
+              ecsLabelValue: ecsLabelValue,
+              aliyunRegion: aliyunRegionId
+            }; // 防止实例id被清空
+            params.machineInfos = (hostInstanceIds.length ? hostInstanceIds : nowHostInstanceIds).map(function (k) {
+              return allHostDataObj[k];
+            }).filter(function (v) {
+              return !!v;
+            }).map(function (_ref6) {
+              var instanceId = _ref6.instanceId,
+                instanceName = _ref6.instanceName,
+                ipAddress = _ref6.ipAddress,
+                _uuid = _ref6.uuid;
+              return pureObjs(_extends({
+                machineSn: instanceId,
+                instanceName: instanceName,
+                ip: ipAddress,
+                aliyunRegionId: aliyunRegionId
+              }, _uuid ? {
+                uuid: _uuid
+              } : {}));
+            });
+            machineGroupStr = JSON.stringify(params);
+            _fetchConfig = {
+              api: 'Machine.group.save',
+              params: {
+                purpose: purpose === 'BUILD_GROUP' ? 'build' : 'deploy'
+              },
+              data: {
+                machineGroupStr: machineGroupStr
+              }
+            };
+            changeLoading(true);
+            _context2.next = 59;
+            return exceed.fetch(_fetchConfig);
+          case 59:
+            _yield$exceed$fetch2 = _context2.sent;
+            errorCode = _yield$exceed$fetch2.errorCode;
+            _successful = _yield$exceed$fetch2.successful;
+            _object = _yield$exceed$fetch2.object;
+            resutObj = _object;
+            respErrorCode = errorCode;
+            if (!(!_successful && errorCode !== ignoredCode)) {
+              _context2.next = 68;
+              break;
+            }
+            changeLoading(false);
+            return _context2.abrupt("return");
+          case 68:
+            if (!(memberList.length && !purpose && resutObj)) {
+              _context2.next = 71;
+              break;
+            }
+            _context2.next = 71;
+            return saveMembers(resutObj);
+          case 71:
+            statusText = groupId ? intl.get({
+              id: 'rdc-tb-cd-assets.teambition.deploy-group-dialog.Save',
+              defaultMessage: '保存'
+            }) : intl.get({
+              id: 'rdc-tb-cd-assets.teambition.deploy-group-dialog.Create',
+              defaultMessage: '创建'
+            });
+            target = purpose === 'BUILD_GROUP' ? intl.get({
+              id: 'rdc-tb-cd-assets.teambition.build-group.Title',
+              defaultMessage: '构建集群'
+            }) : intl.get({
+              id: 'rdc-tb-cd-assets.teambition.deploy-group.Title',
+              defaultMessage: '主机组'
+            });
+            if (respErrorCode !== ignoredCode) {
+              Message.success({
+                title: intl.get({
+                  id: 'rdc-tb-cd-assets.teambition.deploy-group-dialog.HostGroupNameStatustextSucceeded',
+                  defaultMessage: '{target} {name} {statusText}成功'
+                }, {
+                  target: target,
+                  name: name,
+                  statusText: statusText
+                })
+              });
+            }
+            changeLoading(false);
+            onRefresh && onRefresh(resutObj, '', true);
+            _onClose && _onClose();
+            timer && clearInterval(timer);
+          case 78:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function onSave() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  var onStepChange = function onStepChange(cur) {
+    dispatch({
+      type: CHANGE_CURRENT,
+      data: cur
+    });
+    if (cur === DEPLOY_GROUP_HOST_TYPE) {
+      dispatch({
+        type: CHANGE_TYPE,
+        data: ''
+      });
+      timer && clearInterval(timer);
+    }
+  };
+  var selectHostType = function selectHostType(_ref7) {
+    var title = _ref7.title,
+      _type = _ref7.type;
+    dispatch({
+      type: CHANGE_TYPE,
+      data: _type
+    });
+    onStepChange(DEPLOY_GROUP_ADD_HOST);
+    setHostTitle(title);
+    track(_extends({
+      action: 'select host type',
+      page: 'add host page',
+      hosttype: "" + (_type === 'DEMO_ECS' ? 'free_try_machine' : type).toLocaleLowerCase(),
+      daysinceenterflow: intervalEnterTime()
+    }, trackConfig));
+  };
+  var setHostInstanceIds = function setHostInstanceIds(keys) {
+    dispatch({
+      type: CHANGE_HOST_INSTANCE_ID,
+      data: keys
+    });
+  };
+  var selectEcsAddType = function selectEcsAddType(addType) {
+    if (newly && hostInstanceIds.length && ecsAddType === 'ECS_LABEL') setHostInstanceIds([]);
+    if (ECS_MANAGED === addType) {
+      timer && clearInterval(timer);
+      dispatch({
+        type: CHANGE_MACHINE_TITLE_LIST,
+        data: []
+      });
+    }
+    dispatch({
+      type: CHANGE_ECS_ADD_TYPE,
+      data: addType
+    });
+    setTimeout(function () {
+      state.aliyunRegionId && getMachineTableList(state.aliyunRegionId);
+    }, 100);
+  };
+  var getMachineTableList = /*#__PURE__*/function () {
+    var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(regionId, setloading) {
+      var config, conf, _ref9, object, successful, data, res, _res$object;
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            if (setloading === void 0) {
+              setloading = true;
+            }
+            if (newly && setloading) changeLoading(true);
+            config = {
+              ECS: {
+                api: 'Aliyun.ecs.list',
+                data: {
+                  scId: serviceConnectionId,
+                  aliyunRegionId: regionId,
+                  purpose: purpose || 'DEPLOY_GROUP',
+                  checkAllEcsMachine: !newly
+                }
+              },
+              ManagedECS: {
+                api: 'Aliyun.ecs.managed.list',
+                data: {
+                  scId: serviceConnectionId,
+                  aliyunRegionId: regionId,
+                  purpose: purpose || 'DEPLOY_GROUP',
+                  checkAllEcsMachine: !newly
+                }
+              },
+              PUBLIC_MACHINE: {
+                api: 'SaMachine.list',
+                data: {
+                  purpose: purpose || 'DEPLOY_GROUP'
+                }
+              }
+            };
+            conf = {};
+            if (ecsAddType == ECS_MANAGED) {
+              conf = config.ManagedECS;
+            } else {
+              conf = config[type];
+            }
+            _context3.next = 7;
+            return exceed.fetch(conf);
+          case 7:
+            _context3.t0 = _context3.sent;
+            if (_context3.t0) {
+              _context3.next = 10;
+              break;
+            }
+            _context3.t0 = {};
+          case 10:
+            _ref9 = _context3.t0;
+            object = _ref9.object;
+            successful = _ref9.successful;
+            if (successful) {
+              _context3.next = 17;
+              break;
+            }
+            changeLoading(false);
+            dispatch({
+              type: CHANGE_EDIT_HOST_TABLE_LOADING,
+              data: false
+            });
+            return _context3.abrupt("return");
+          case 17:
+            data = object.aliyunEcsList || object;
+            if (newly) {
+              _context3.next = 27;
+              break;
+            }
+            conf.data.checkAllEcsMachine = false;
+            _context3.next = 22;
+            return exceed.fetch(conf);
+          case 22:
+            _context3.t1 = _context3.sent;
+            if (_context3.t1) {
+              _context3.next = 25;
+              break;
+            }
+            _context3.t1 = {};
+          case 25:
+            res = _context3.t1;
+            if (res.successful) {
+              setEditAddHostData(((_res$object = res.object) === null || _res$object === void 0 ? void 0 : _res$object.aliyunEcsList) || res.object || []);
+            }
+          case 27:
+            dispatch({
+              type: CHANGE_MACHINE_TITLE_LIST,
+              data: data
+            });
+            dispatch({
+              type: CHANGE_EDIT_HOST_TABLE_LOADING,
+              data: false
+            });
+            if (newly) changeLoading(false);
+          case 30:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function getMachineTableList(_x2, _x3) {
+      return _ref8.apply(this, arguments);
+    };
+  }();
+  var getEcsLabelKey = /*#__PURE__*/function () {
+    var _ref10 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(regionId) {
+      var _yield$exceed$fetch3, _yield$exceed$fetch3$, object, successful, formatData;
+      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            _context4.next = 2;
+            return exceed.fetch({
+              api: 'Aliyun.tag.key.list',
+              data: {
+                scId: serviceConnectionId,
+                aliyunRegionId: regionId
+              }
+            });
+          case 2:
+            _yield$exceed$fetch3 = _context4.sent;
+            _yield$exceed$fetch3$ = _yield$exceed$fetch3.object;
+            object = _yield$exceed$fetch3$ === void 0 ? [] : _yield$exceed$fetch3$;
+            successful = _yield$exceed$fetch3.successful;
+            if (successful) {
+              _context4.next = 8;
+              break;
+            }
+            return _context4.abrupt("return");
+          case 8:
+            formatData = object.keys.length ? object.keys.map(function (_ref11) {
+              var key = _ref11.key;
+              return {
+                label: key,
+                value: key
+              };
+            }) : [];
+            dispatch({
+              type: CHANGE_ECS_LABEL_KEY_LIST,
+              data: formatData
+            });
+            changeLoading(false);
+          case 11:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }));
+    return function getEcsLabelKey(_x4) {
+      return _ref10.apply(this, arguments);
+    };
+  }();
+  var getEcsLabelValue = /*#__PURE__*/function () {
+    var _ref12 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(_ecsLabelKey) {
+      var _yield$exceed$fetch4, _yield$exceed$fetch4$, object, successful, formatData;
+      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            _context5.next = 2;
+            return exceed.fetch({
+              api: 'Aliyun.tag.value.list',
+              data: {
+                scId: serviceConnectionId,
+                aliyunRegionId: aliyunRegionId,
+                ecsTagKey: _ecsLabelKey
+              }
+            });
+          case 2:
+            _yield$exceed$fetch4 = _context5.sent;
+            _yield$exceed$fetch4$ = _yield$exceed$fetch4.object;
+            object = _yield$exceed$fetch4$ === void 0 ? [] : _yield$exceed$fetch4$;
+            successful = _yield$exceed$fetch4.successful;
+            if (successful) {
+              _context5.next = 8;
+              break;
+            }
+            return _context5.abrupt("return");
+          case 8:
+            formatData = object.values.length ? object.values.map(function (key) {
+              return {
+                label: key,
+                value: key
+              };
+            }) : [];
+            dispatch({
+              type: CHANGE_ECS_LABEL_VALUE_LIST,
+              data: formatData
+            });
+            changeLoading(false);
+          case 11:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }));
+    return function getEcsLabelValue(_x5) {
+      return _ref12.apply(this, arguments);
+    };
+  }();
+  var cheangeRegionId = function cheangeRegionId(regionId) {
+    if (newly && hostInstanceIds.length) setHostInstanceIds([]);
+    dispatch({
+      type: CHANGE_REGION_ID,
+      data: regionId
+    });
+    if (regionId && newly && ecsAddType === 'ECS_ALIYUN' || ecsAddType === ECS_MANAGED) getMachineTableList(regionId);
+    if (newly && ecsAddType === 'ECS_LABEL') {
+      changeEcsLabelKey('');
+      dispatch({
+        type: CHANGE_ECS_LABEL_KEY_LIST,
+        data: []
+      });
+      if (regionId) {
+        getEcsLabelKey(regionId);
+      }
+    }
+    if (ecsAddType === 'ECS_LABEL' && ecsLabelKey && !newly) {
+      getEcsLabelValue(ecsLabelKey);
+    }
+  };
+  var changeEcsLabelKey = function changeEcsLabelKey(_ecsLabelKey) {
+    dispatch({
+      type: CHANGE_ECS_LABEL_KEY,
+      data: _ecsLabelKey
+    });
+    dispatch({
+      type: CHANGE_ECS_LABEL_VALUE,
+      data: ''
+    });
+    dispatch({
+      type: CHANGE_ECS_LABEL_VALUE_LIST,
+      data: []
+    });
+    if (_ecsLabelKey) {
+      getEcsLabelValue(_ecsLabelKey);
+    }
+  };
+  var changeEcsLabelValue = function changeEcsLabelValue(_ecsLabelValue) {
+    dispatch({
+      type: CHANGE_ECS_LABEL_VALUE,
+      data: _ecsLabelValue
+    });
+  };
+  var getRegions = /*#__PURE__*/function () {
+    var _ref13 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(id) {
+      var _yield$exceed$fetch$c, _yield$exceed$fetch$c2, object, successful, formatData;
+      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            _context6.next = 2;
+            return exceed.fetch({
+              api: 'Aliyun.region.list',
+              data: {
+                scId: id,
+                purpose: purpose || 'DEPLOY_GROUP'
+              }
+            })["catch"](function () {
+              changeLoading(false);
+            });
+          case 2:
+            _yield$exceed$fetch$c = _context6.sent;
+            _yield$exceed$fetch$c2 = _yield$exceed$fetch$c.object;
+            object = _yield$exceed$fetch$c2 === void 0 ? [] : _yield$exceed$fetch$c2;
+            successful = _yield$exceed$fetch$c.successful;
+            if (successful) {
+              _context6.next = 9;
+              break;
+            }
+            changeLoading(false);
+            return _context6.abrupt("return");
+          case 9:
+            formatData = object.length ? object.map(function (_ref14) {
+              var regionName = _ref14.regionName,
+                regionId = _ref14.regionId;
+              return {
+                label: regionName,
+                value: regionId
+              };
+            }) : [];
+            changeLoading(false);
+            dispatch({
+              type: CHANGE_REGIONS,
+              data: formatData
+            });
+            if (!newly) cheangeRegionId(aliyunRegionId);
+          case 13:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee6);
+    }));
+    return function getRegions(_x6) {
+      return _ref13.apply(this, arguments);
+    };
+  }();
+  var cheangeConnectionId = function cheangeConnectionId(id, empty) {
+    if (empty === void 0) {
+      empty = false;
+    }
+    if (newly) {
+      changeLoading(true);
+      if (hostInstanceIds.length) setHostInstanceIds([]);
+    }
+    dispatch({
+      type: CHANGE_CONNECTION_ID,
+      data: id
+    });
+    if (serviceConnectionId !== id) {
+      dispatch({
+        type: CHANGE_REGIONS,
+        data: []
+      });
+    }
+    if (aliyunRegionId) cheangeRegionId('');
+    if (empty) {
+      dispatch({
+        type: CHANGE_MACHINE_TITLE_LIST,
+        data: []
+      });
+    }
+  };
+  var getConnections = useCallback(/*#__PURE__*/function () {
+    var _ref15 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(useServiceConnection) {
+      var config, _yield$exceed$fetch5, _yield$exceed$fetch5$, object, successful, formatData, dataLen;
+      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
+          case 0:
+            if (newly) {
+              changeLoading(true);
+              if (hostInstanceIds.length) setHostInstanceIds([]);
+            }
+            config = scGrayEnable ? {
+              api: 'service-connection.list',
+              data: {
+                pageOrder: 'DESC',
+                scType: 'ecs',
+                userId: window.AK_GLOBAL.currentUser.workid,
+                version: 'v2'
+              }
+            } : {
+              api: 'Service.connection.list',
+              data: {
+                scType: type === 'PUBLIC_MACHINE' ? 'ECS' : type,
+                purpose: purpose || 'DEPLOY_GROUP'
+              }
+            };
+            _context7.next = 4;
+            return exceed.fetch(config);
+          case 4:
+            _yield$exceed$fetch5 = _context7.sent;
+            _yield$exceed$fetch5$ = _yield$exceed$fetch5.object;
+            object = _yield$exceed$fetch5$ === void 0 ? [] : _yield$exceed$fetch5$;
+            successful = _yield$exceed$fetch5.successful;
+            if (successful) {
+              _context7.next = 11;
+              break;
+            }
+            changeLoading(false);
+            return _context7.abrupt("return");
+          case 11:
+            if (scGrayEnable) {
+              formatData = object.map(function (item) {
+                return _extends({}, item, {
+                  label: item.connectionName,
+                  value: item.id
+                });
+              });
+            } else {
+              formatData = object.length ? object.map(function (_ref16) {
+                var connectionName = _ref16.connectionName,
+                  id = _ref16.id;
+                return {
+                  label: connectionName,
+                  value: id
+                };
+              }) : [];
+            }
+            dispatch({
+              type: CHANGE_CONNECTIONS,
+              data: formatData
+            });
+            dataLen = object.length;
+            if ((!serviceConnectionId || useServiceConnection) && newly && dataLen) {
+              cheangeConnectionId(formatData[0].value);
+            }
+            changeLoading(false);
+          case 16:
+          case "end":
+            return _context7.stop();
+        }
+      }, _callee7);
+    }));
+    return function (_x7) {
+      return _ref15.apply(this, arguments);
+    };
+  }(), [newly, type, hostInstanceIds, purpose, serviceConnectionId]);
+  var cheangeHostInstanceIds = function cheangeHostInstanceIds(instanceId) {
+    var keys = hostInstanceIds.filter(function (_instanceId) {
+      return _instanceId !== instanceId;
+    });
+    setHostInstanceIds(keys);
+  };
+  var onChangeMemberList = function onChangeMemberList(list) {
+    dispatch({
+      type: CHANGE_EDIT_MEMBER_LIST,
+      data: list
+    });
+  };
+  var refreshPublicMachIne = function refreshPublicMachIne() {
+    timer && clearInterval(timer);
+    timer = setInterval(function () {
+      getMachineTableList('', false)["catch"](function (error) {
+        // 登录失效等接口异常情况，停止轮序
+        timer && clearInterval(timer);
+
+        // eslint-disable-next-line no-console
+        console.error(error);
+      });
+    }, 5000);
+  };
+  useEffect(function () {
+    if (newly) dispatch({
+      type: EMPTY_DATA
+    });
+    if (purpose && newly) {
+      dispatch({
+        type: CHANGE_HOST_INFO_NAME,
+        data: intl.get({
+          id: 'rdc-tb-cd-assets.teambition.deploy-group-dialog.NewClusterBuilding',
+          defaultMessage: '新的构建集群'
+        })
+      });
+    }
+    if (type === 'ECS' || ecsAddType === ECS_MANAGED || ecsAddType === 'ECS_ALIYUN') {
+      getConnections(true);
+    }
+    if (type === 'PUBLIC_MACHINE' && ecsAddType != ECS_MANAGED) {
+      getMachineTableList();
+    }
+  }, [type]);
+  useEffect(function () {
+    if (type === 'ECS' || ecsAddType === ECS_MANAGED || ecsAddType === 'ECS_ALIYUN') {
+      getConnections();
+    }
+    if (type === 'PUBLIC_MACHINE' && ecsAddType != ECS_MANAGED) {
+      getMachineTableList();
+    }
+  }, [ecsAddType]);
+  // ECS服务授权切换
+  useEffect(function () {
+    if (serviceConnectionId && type) getRegions(serviceConnectionId);
+  }, [serviceConnectionId]);
+  useEffect(function () {
+    if (type !== 'PUBLIC_MACHINE' || ecsAddType === ECS_MANAGED) return;
+    if (current === DEPLOY_GROUP_ADD_HOST || editCurrent === EDIT_HOST_GROUP_LIST) {
+      refreshPublicMachIne();
+    } else {
+      clearTimeout(timer);
+    }
+  }, [current, editCurrent, type]);
+  useEffect(function () {
+    // 控制添加主机loading和过滤编辑主机列表数据
+    if (!editHostTableLiading && !newly) {
+      dispatch({
+        type: CHANGE_EDIT_ADD_HOST_LOADING,
+        data: false
+      });
+      dispatch({
+        type: CHANGE_EDIT_HOST_LIST,
+        data: hostInstanceIds.map(function (k) {
+          if (allHostDataObj[k]) {
+            return allHostDataObj[k];
+          }
+          // 有些主机在 allHostDataObj 接口数据里不存在，用原数据填充一下
+          var originMachineInfo = (machineInfos || []).find(function (v) {
+            return v.machineSn === k;
+          });
+          if (originMachineInfo) {
+            return {
+              instanceId: k,
+              instanceName: originMachineInfo.instanceName,
+              ipAddress: originMachineInfo === null || originMachineInfo === void 0 ? void 0 : originMachineInfo.ip,
+              status: 'offline'
+            };
+          }
+          return undefined;
+        })
+      });
+      dispatch({
+        type: CHANGE_EDIT_HOST_TABLE_LOADING,
+        data: false
+      });
+    }
+  }, [Object.values(allHostDataObj).length, editHostTableLiading]);
+
+  // 编辑类型为ECS时加载
+  useEffect(function () {
+    if (!newly && serviceConnectionId && aliyunRegionId) {
+      if (aliyunRegionId && ecsAddType === 'ECS_ALIYUN') getMachineTableList(aliyunRegionId);
+      if (aliyunRegionId && ecsAddType === 'ECS_LABEL') getEcsLabelKey(aliyunRegionId);
+    }
+  }, [newly, serviceConnectionId, aliyunRegionId]);
+  var getAddHost = function getAddHost(others) {
+    return /*#__PURE__*/React.createElement(AddHost, _extends({
+      type: type,
+      mode: mode,
+      groupId: groupId,
+      setHostInstanceIds: setHostInstanceIds,
+      hostInstanceIds: hostInstanceIds,
+      connections: connections,
+      serviceConnectionId: serviceConnectionId,
+      regions: regions,
+      aliyunRegionId: aliyunRegionId,
+      cheangeRegionId: cheangeRegionId,
+      cheangeConnectionId: cheangeConnectionId,
+      hostTableList: Object.values(allHostDataObj),
+      getConnections: getConnections,
+      newly: newly,
+      purpose: purpose,
+      trackConfig: trackConfig,
+      ecsAddType: ecsAddType,
+      ecsLabelKey: ecsLabelKey,
+      ecsLabelValue: ecsLabelValue,
+      selectEcsAddType: selectEcsAddType,
+      ecsLabelKeyList: ecsLabelKeyList,
+      ecsLabelValueList: ecsLabelValueList,
+      changeEcsLabelKey: changeEcsLabelKey,
+      changeEcsLabelValue: changeEcsLabelValue,
+      demoEcsField: demoEcsField
+    }, others));
+  };
+
+  // 编辑逻辑
+  if (!newly) {
+    var getMachineGroup = /*#__PURE__*/function () {
+      var _ref17 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
+        var config, _yield$exceed$fetch6, successful, object;
+        return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
+            case 0:
+              config = {
+                api: 'Machine.group.get',
+                params: {
+                  purpose: purpose === 'BUILD_GROUP' ? 'build' : 'deploy'
+                }
+              };
+              _context8.next = 3;
+              return exceed.fetch(config);
+            case 3:
+              _yield$exceed$fetch6 = _context8.sent;
+              successful = _yield$exceed$fetch6.successful;
+              object = _yield$exceed$fetch6.object;
+              if (successful) {
+                _context8.next = 8;
+                break;
+              }
+              return _context8.abrupt("return");
+            case 8:
+              dispatch({
+                type: CHANGE_EDIT_HOST_BASE_DATA,
+                data: object
+              });
+              changeLoading(false);
+            case 10:
+            case "end":
+              return _context8.stop();
+          }
+        }, _callee8);
+      }));
+      return function getMachineGroup() {
+        return _ref17.apply(this, arguments);
+      };
+    }();
+    var onEditStepChange = function onEditStepChange(cur) {
+      dispatch({
+        type: CHANGE_EDIT_HOST_GROUP_CURRENT,
+        data: cur
+      });
+    };
+    var addHostSave = function addHostSave() {
+      dispatch({
+        type: CHANGE_EDIT_HOST_LIST,
+        data: hostInstanceIds.map(function (k) {
+          return allHostDataObj[k];
+        })
+      });
+      setEditAddHostVisible(false);
+    };
+    var deleteHostSave = function deleteHostSave(_ref18) {
+      var instanceId = _ref18.instanceId;
+      if (editHostTableList.length === 1) {
+        Message.warning({
+          title: intl.get({
+            id: 'rdc-tb-cd-assets.teambition.deploy-group-dialog.RetainAtLeastOneHost',
+            defaultMessage: '至少保留一台主机'
+          })
+        });
+        return;
+      }
+      var res = editHostTableList.filter(function (_ref19) {
+        var _instanceId = _ref19.instanceId;
+        return _instanceId !== instanceId;
+      });
+      cheangeHostInstanceIds(instanceId);
+      dispatch({
+        type: CHANGE_EDIT_HOST_LIST,
+        data: res
+      });
+    };
+
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useEffect(function () {
+      changeLoading(true);
+      if (groupId) getMachineGroup();
+    }, [groupId]);
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(EditHostGroup, {
+      name: name,
+      purpose: purpose,
+      envId: envId,
+      uuid: uuid,
+      tagIdList: tagIdList,
+      type: type,
+      loading: loading,
+      groupId: groupId,
+      editCurrent: editCurrent,
+      visible: visible,
+      newly: newly,
+      mode: mode,
+      onClose: function onClose() {
+        _onClose();
+        dispatch({
+          type: EMPTY_DATA
+        });
+        dispatch({
+          type: CHANGE_TYPE,
+          data: ''
+        });
+        timer && clearInterval(timer);
+      },
+      onSave: onSave,
+      cheangeHostInfoFormData: cheangeHostInfoFormData,
+      // onChangeMemberList,
+      onEditStepChange: onEditStepChange,
+      hostTableList: editHostTableList,
+      setEditAddHostVisible: setEditAddHostVisible,
+      deleteHostSave: deleteHostSave,
+      editHostTableLiading: editHostTableLiading,
+      aliyunRegionId: aliyunRegionId,
+      ecsAddType: ecsAddType,
+      ecsLabelKey: ecsLabelKey,
+      ecsLabelValue: ecsLabelValue,
+      getAddHost: getAddHost,
+      getEcsLabelKey: getEcsLabelKey
+    }), editAddHostVisible && /*#__PURE__*/React.createElement(Dialog, {
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.teambition.deploy-group-dialog.AddHost',
+        defaultMessage: '添加主机'
+      }),
+      visible: editAddHostVisible,
+      onClose: function onClose() {
+        return setEditAddHostVisible(false);
+      },
+      onCancel: function onCancel() {
+        return setEditAddHostVisible(false);
+      },
+      noBodyPadding: true,
+      okProps: {
+        children: intl.get({
+          id: 'rdc-tb-cd-assets.teambition.deploy-group-dialog.Save',
+          defaultMessage: '保存'
+        }),
+        disabled: (ecsAddType === 'ECS_ALIYUN' || ecsAddType === 'ECS_MANAGED') && !hostInstanceIds.length || ecsAddType === 'ECS_LABEL' && !ecsLabelValue
+      },
+      onOk: addHostSave,
+      className: "edit-add-host",
+      loading: editAddHostLoading
+    }, getAddHost({
+      disabled: true,
+      setHostInstanceIds: setHostInstanceIds,
+      hostTableList: editAddHostData
+    })));
+  }
+  var getFooter = function getFooter(config) {
+    return [(type === 'ECS' || ecsAddType === 'ECS_MANAGED') && /*#__PURE__*/React.createElement("div", {
+      style: {
+        "float": 'left',
+        fontSize: 14,
+        color: 'var(--color-text1-7, #8b8b8b)',
+        marginTop: 8
+      }
+    }, (config.buildHint || config.hint) && /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "info-fill",
+      style: {
+        color: 'var(--color-brand1-6, #1b9aee)',
+        marginRight: 5
+      }
+    }), purpose === 'BUILD_GROUP' ? config.buildHint || config.hint : config.hint), config.nextVisible && /*#__PURE__*/React.createElement(Button, {
+      key: "last",
+      type: "normal",
+      onClick: function onClick() {
+        onStepChange(config.last);
+        track(_extends({}, config.trackInfo, trackConfig));
+      }
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.teambition.deploy-group-dialog.PreviousStep',
+      defaultMessage: '上一步'
+    })), /*#__PURE__*/React.createElement(Button, {
+      key: "next",
+      type: "primary",
+      loading: loading,
+      onClick: function onClick() {
+        if (config.next) {
+          onStepChange(config.next);
+          track(_extends({
+            action: 'add host next step',
+            page: 'add host list page',
+            daysinceenterflow: intervalEnterTime()
+          }, trackConfig));
+          return;
+        }
+        onSave();
+        track(_extends({
+          action: 'save host group',
+          page: 'save host group page',
+          daysinceenterflow: intervalEnterTime()
+        }, trackConfig));
+      },
+      disabled: ((ecsAddType === 'ECS_ALIYUN' || ecsAddType === 'ECS_MANAGED') && !(hostInstanceIds || []).length || ecsAddType === 'ECS_LABEL' && !ecsLabelValue) && type != 'DEMO_ECS' || type == 'DEMO_ECS' && loading
+    }, config.text || intl.get({
+      id: 'rdc-tb-cd-assets.teambition.deploy-group-dialog.Next',
+      defaultMessage: '下一步'
+    }))].filter(Boolean);
+  };
+  var hostInfoTitle = purpose ? intl.get({
+    id: 'rdc-tb-cd-assets.teambition.deploy-group-dialog.BuildClusterInformation',
+    defaultMessage: '构建集群信息'
+  }) : intl.get({
+    id: 'rdc-tb-cd-assets.teambition.deploy-group-dialog.HostInformation',
+    defaultMessage: '主机信息'
+  });
+  var cls = cx(PREFIX, {
+    'hide-back-btn': !getFeature('app.public.machine')
+  });
+  return /*#__PURE__*/React.createElement(StepDialog, {
+    visible: visible,
+    current: current,
+    onStepChange: onStepChange,
+    onClose: function onClose() {
+      timer && clearInterval(timer);
+      dispatch({
+        type: EMPTY_DATA
+      });
+      dispatch({
+        type: CHANGE_TYPE,
+        data: ''
+      });
+      _onClose();
+    },
+    className: cls,
+    width: 735,
+    loading: loading,
+    id: PREFIX,
+    prefix: "next-"
+  }, /*#__PURE__*/React.createElement(StepView, {
+    id: DEPLOY_GROUP_HOST_TYPE,
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.teambition.deploy-group-dialog.SelectAHostType',
+      defaultMessage: '选择主机类型'
+    }),
+    footer: false
+  }, /*#__PURE__*/React.createElement(HostType, {
+    purpose: purpose,
+    itemClick: selectHostType
+  })), /*#__PURE__*/React.createElement(StepView, {
+    id: DEPLOY_GROUP_ADD_HOST,
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.teambition.deploy-group-dialog.HosttitleAddAHost',
+      defaultMessage: '{hostTitle} · 添加主机'
+    }, {
+      hostTitle: hostTitle
+    }),
+    footer: type == 'DEMO_ECS' ? getFooter(footerMap[DEPLOY_GROUP_HOST_INFO]) : getFooter(footerMap[DEPLOY_GROUP_ADD_HOST])
+  }, /*#__PURE__*/React.createElement(Loading, {
+    visible: loading,
+    inline: false,
+    tip: type == 'DEMO_ECS' && demoEcsField.getValue('accessKeyId') ? intl.get({
+      id: 'rdc-tb-cd-assets.teambition.deploy-group-dialog.PleaseWaitAMomentAdding',
+      defaultMessage: '请稍等，正在添加体验主机…'
+    }) : ''
+  }, getAddHost())), /*#__PURE__*/React.createElement(StepView, {
+    id: DEPLOY_GROUP_HOST_INFO,
+    title: hostTitle + " \xB7 " + hostInfoTitle,
+    footer: getFooter(footerMap[DEPLOY_GROUP_HOST_INFO])
+  }, /*#__PURE__*/React.createElement(HostInfo, {
+    type: type,
+    name: name,
+    envId: envId,
+    purpose: purpose,
+    groupId: groupId,
+    tagIdList: tagIdList,
+    hostTableData: hostInstanceIds.map(function (k) {
+      return allHostDataObj[k];
+    }),
+    onStepChange: onStepChange,
+    deleteSelectHost: cheangeHostInstanceIds,
+    cheangeHostInfoFormData: cheangeHostInfoFormData,
+    onChangeMemberList: onChangeMemberList,
+    ref: infoRef
+  })));
+};
+export var DeployGroupDialogConnect = function DeployGroupDialogConnect(props) {
+  return /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(DeployGroupDialog, props));
+};
+export default /*#__PURE__*/React.memo(DeployGroupDialog);