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

package/es/components/dashboardMain/components/service-auth-manage/utils.js

@@ -0,0 +1,167 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import exceed from "../../../../utils/apimap";
+export var getServiceAuths = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(pageStart, pageSize) {
+    var _ref2, _ref2$object, object, successful;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return exceed.fetch({
+            api: 'service-auth.region.list',
+            data: {
+              pageStart: pageStart,
+              pageSize: pageSize
+            }
+          });
+        case 2:
+          _context.t0 = _context.sent;
+          if (_context.t0) {
+            _context.next = 5;
+            break;
+          }
+          _context.t0 = {};
+        case 5:
+          _ref2 = _context.t0;
+          _ref2$object = _ref2.object;
+          object = _ref2$object === void 0 ? [] : _ref2$object;
+          successful = _ref2.successful;
+          return _context.abrupt("return", {
+            object: object,
+            successful: successful
+          });
+        case 10:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function getServiceAuths(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+export var getServiceConnections = /*#__PURE__*/function () {
+  var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(authId) {
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 2;
+          return exceed.fetch({
+            api: 'service-connection.list.by.authId',
+            data: {
+              authId: authId
+            }
+          });
+        case 2:
+          _context2.t0 = _context2.sent;
+          if (_context2.t0) {
+            _context2.next = 5;
+            break;
+          }
+          _context2.t0 = {};
+        case 5:
+          return _context2.abrupt("return", _context2.t0);
+        case 6:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function getServiceConnections(_x3) {
+    return _ref3.apply(this, arguments);
+  };
+}();
+export var updateServiceAuthAndServiceConnections = /*#__PURE__*/function () {
+  var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(authId, scope, serviceConnectionTypes) {
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _context3.next = 2;
+          return exceed.fetch({
+            api: 'service-auth.update',
+            data: {
+              authId: authId,
+              scope: scope,
+              serviceConnectionTypes: serviceConnectionTypes
+            }
+          });
+        case 2:
+          _context3.t0 = _context3.sent;
+          if (_context3.t0) {
+            _context3.next = 5;
+            break;
+          }
+          _context3.t0 = {};
+        case 5:
+          return _context3.abrupt("return", _context3.t0);
+        case 6:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return function updateServiceAuthAndServiceConnections(_x4, _x5, _x6) {
+    return _ref4.apply(this, arguments);
+  };
+}();
+export var batchDeleteServiceAuths = /*#__PURE__*/function () {
+  var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(authIds, ramId) {
+    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          _context4.next = 2;
+          return exceed.fetch({
+            api: 'service-auth.batchDelete',
+            data: {
+              ids: authIds,
+              ramId: ramId
+            }
+          });
+        case 2:
+          _context4.t0 = _context4.sent;
+          if (_context4.t0) {
+            _context4.next = 5;
+            break;
+          }
+          _context4.t0 = {};
+        case 5:
+          return _context4.abrupt("return", _context4.t0);
+        case 6:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  }));
+  return function batchDeleteServiceAuths(_x7, _x8) {
+    return _ref5.apply(this, arguments);
+  };
+}();
+export var getCurrentUserRamServiceAuth = /*#__PURE__*/function () {
+  var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+    return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          _context5.next = 2;
+          return exceed.fetch({
+            api: 'service-auth.currentUser'
+          });
+        case 2:
+          _context5.t0 = _context5.sent;
+          if (_context5.t0) {
+            _context5.next = 5;
+            break;
+          }
+          _context5.t0 = {};
+        case 5:
+          return _context5.abrupt("return", _context5.t0);
+        case 6:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5);
+  }));
+  return function getCurrentUserRamServiceAuth() {
+    return _ref6.apply(this, arguments);
+  };
+}();

package/es/components/dashboardMain/components/service-connection/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import '../common.scss';
+import './index.scss';
+/**
+ * 设置 - 服务连接页面
+ * 只用了一次
+ */
+declare const ServiceConnection: () => JSX.Element;
+export default ServiceConnection;

package/es/components/dashboardMain/components/service-connection/index.js

@@ -0,0 +1,44 @@
+import React, { useState } from 'react';
+import { Loading } from '@teamix/ui';
+import { MicroModule } from '@ali/yunxiao-module';
+import { Perf } from '@alife/yunxiao-common';
+import { ServiceConnectionModuleConfig } from "../../../../config";
+import "../common.scss";
+import "./index.scss";
+
+/**
+ * 设置 - 服务连接页面
+ * 只用了一次
+ */
+var ServiceConnection = function ServiceConnection() {
+  var getEnv = function getEnv(url) {
+    var prefix = /aliyun-inc\.com$/.test(location.host) ? 'ALIYUN-INNER-' : '';
+    if (url.includes('pre-flow')) {
+      return prefix + "PREPUB";
+    } else if (url.includes('flow-test')) {
+      return 'TESTING';
+    } else if (window.AK_GLOBAL.siteTheme === 'VPC') {
+      return 'VPC';
+    } else {
+      return prefix + "PRODUCTION";
+    }
+  };
+  var _useState = useState(false),
+    mounted = _useState[0],
+    setMounted = _useState[1];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !mounted && /*#__PURE__*/React.createElement(Loading, {
+    inline: false,
+    style: {
+      marginTop: 150
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "no-padding service-connection"
+  }, " ", /*#__PURE__*/React.createElement(MicroModule, {
+    env: getEnv(location.hostname),
+    moduleInfo: ServiceConnectionModuleConfig,
+    onMount: function onMount() {
+      return setMounted(true);
+    }
+  })), mounted && /*#__PURE__*/React.createElement(Perf, null));
+};
+export default ServiceConnection;

package/es/components/dashboardMain/components/service-connection/index.scss

@@ -0,0 +1,9 @@
+.service-connection {
+  .service-connection-container {
+    .next-table-header-inner {
+      .next-table-cell-wrapper {
+        padding-left: 8px;
+      }
+    }
+  }
+}

package/es/components/dashboardMain/components/step-setting/index.d.ts

@@ -0,0 +1,3 @@
+import './index.scss';
+declare const _default: any;
+export default _default;

package/es/components/dashboardMain/components/step-setting/index.js

@@ -0,0 +1,395 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useState, useEffect, useRef } from 'react';
+import { Button, Loading, Dialog, Message, Tag } from '@teamix/ui';
+import { YunxiaoIcon, OperationBar, Content } from '@alife/devops-ui';
+import Header from "../header";
+import Tab from "../../../common/teambition/custom-tab";
+import track from "../../../../utils/track";
+import StepCard from "./step-card";
+import { getStepData, encode, setStepSwitch, setStepDelete } from "./utils";
+import { intervalEnterTime } from "../../../../utils";
+import helpLink, { helpLinkIfAvailable } from "../../../../utils/helplink";
+import { Perf } from '@alife/yunxiao-common';
+import "./index.scss";
+import intl from "../../../../locale";
+import { getFeature } from "../../../../utils";
+var PREFIX = 'step-setting';
+var createStepUrl = helpLink('custom_step');
+var StepManage = function StepManage() {
+  var _useState = useState(),
+    navBarVal = _useState[0],
+    setNavBarVal = _useState[1];
+  var _useState2 = useState({}),
+    stepMap = _useState2[0],
+    setStepMap = _useState2[1];
+  var _useState3 = useState([]),
+    stepList = _useState3[0],
+    setStepList = _useState3[1];
+  var _useState4 = useState(true),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var cardRefs = useRef({});
+  var stepDelete = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref) {
+      var sign, name, onOk;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            sign = _ref.sign, name = _ref.name;
+            onOk = /*#__PURE__*/function () {
+              var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+                var _ref4, object, successful;
+                return _regeneratorRuntime.wrap(function _callee$(_context) {
+                  while (1) switch (_context.prev = _context.next) {
+                    case 0:
+                      setLoading(true);
+                      _context.next = 3;
+                      return setStepDelete({
+                        sign: sign
+                      });
+                    case 3:
+                      _context.t0 = _context.sent;
+                      if (_context.t0) {
+                        _context.next = 6;
+                        break;
+                      }
+                      _context.t0 = {};
+                    case 6:
+                      _ref4 = _context.t0;
+                      object = _ref4.object;
+                      successful = _ref4.successful;
+                      if (!(!successful || !object)) {
+                        _context.next = 13;
+                        break;
+                      }
+                      setLoading(false);
+                      Message.warning({
+                        title: intl.get({
+                          id: 'rdc-tb-cd-assets.dashboardMain.step-manage.NameFailedToBeDeleted',
+                          defaultMessage: '【{name}】步骤删除失败'
+                        }, {
+                          name: name
+                        })
+                      });
+                      return _context.abrupt("return");
+                    case 13:
+                      if (!object) {
+                        _context.next = 16;
+                        break;
+                      }
+                      _context.next = 16;
+                      return getStepList(false);
+                    case 16:
+                      Message.success({
+                        title: intl.get({
+                          id: 'rdc-tb-cd-assets.dashboardMain.step-manage.NameStepDeleted',
+                          defaultMessage: '【{name}】步骤删除成功'
+                        }, {
+                          name: name
+                        })
+                      });
+                      track({
+                        action: 'delete step',
+                        page: 'step page',
+                        daysinceenterflow: intervalEnterTime()
+                      });
+                    case 18:
+                    case "end":
+                      return _context.stop();
+                  }
+                }, _callee);
+              }));
+              return function onOk() {
+                return _ref3.apply(this, arguments);
+              };
+            }();
+            Dialog.confirm({
+              messageProps: {
+                type: 'error'
+              },
+              title: intl.get({
+                id: 'rdc-tb-cd-assets.dashboardMain.step-manage.Delete',
+                defaultMessage: '删除'
+              }),
+              content: intl.get({
+                id: 'rdc-tb-cd-assets.dashboardMain.step-manage.AreYouSureYouWant',
+                defaultMessage: '确定删除【{name}】该步骤吗？'
+              }, {
+                name: name
+              }),
+              onOk: onOk
+            });
+          case 3:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function stepDelete(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var stepSwitch = /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref5) {
+      var sign, enable, name, _ref7, object, successful, enableText;
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            sign = _ref5.sign, enable = _ref5.enable, name = _ref5.name;
+            _context3.next = 3;
+            return setStepSwitch({
+              sign: sign,
+              enable: enable
+            });
+          case 3:
+            _context3.t0 = _context3.sent;
+            if (_context3.t0) {
+              _context3.next = 6;
+              break;
+            }
+            _context3.t0 = {};
+          case 6:
+            _ref7 = _context3.t0;
+            object = _ref7.object;
+            successful = _ref7.successful;
+            if (!(!successful || !object)) {
+              _context3.next = 13;
+              break;
+            }
+            setLoading(false);
+            Message.warning({
+              title: intl.get({
+                id: 'rdc-tb-cd-assets.dashboardMain.step-manage.NameFailedToOpenThe',
+                defaultMessage: '【{name}】步骤打开失败'
+              }, {
+                name: name
+              })
+            });
+            return _context3.abrupt("return");
+          case 13:
+            if (!object) {
+              _context3.next = 16;
+              break;
+            }
+            _context3.next = 16;
+            return getStepList(false);
+          case 16:
+            enableText = enable ? intl.get({
+              id: 'rdc-tb-cd-assets.components.step-setting.Open',
+              defaultMessage: '打开'
+            }) : intl.get({
+              id: 'rdc-tb-cd-assets.components.step-setting.Closed',
+              defaultMessage: '关闭'
+            });
+            Message.success({
+              title: intl.get({
+                id: 'rdc-tb-cd-assets.components.step-setting.NameStepEnabletext',
+                defaultMessage: '【{name}】步骤已{enableText}'
+              }, {
+                name: name,
+                enableText: enableText
+              })
+            });
+            cardRefs.current && cardRefs.current[sign].closeLoading();
+            track({
+              action: 'edit setp status',
+              page: 'step page',
+              stepStatus: enable ? 'open' : 'close',
+              daysinceenterflow: intervalEnterTime()
+            });
+          case 20:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function stepSwitch(_x2) {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+  var getStepList = /*#__PURE__*/function () {
+    var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(setDefaultNavBarVal) {
+      var _ref9, successful, list, map;
+      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            if (setDefaultNavBarVal === void 0) {
+              setDefaultNavBarVal = true;
+            }
+            _context4.next = 3;
+            return getStepData();
+          case 3:
+            _context4.t0 = _context4.sent;
+            if (_context4.t0) {
+              _context4.next = 6;
+              break;
+            }
+            _context4.t0 = {};
+          case 6:
+            _ref9 = _context4.t0;
+            successful = _ref9.successful;
+            list = _ref9.stepList;
+            map = _ref9.stepMap;
+            if (successful) {
+              _context4.next = 13;
+              break;
+            }
+            setLoading(false);
+            return _context4.abrupt("return");
+          case 13:
+            list.forEach(function (item) {
+              if (item.text == '企业步骤') {
+                item.text = getFeature('org.name') + "\u6B65\u9AA4";
+              }
+            });
+            setStepMap(map);
+            setStepList(list);
+            if (setDefaultNavBarVal) {
+              setNavBarVal(list[0].key);
+            }
+            setLoading(false);
+          case 18:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }));
+    return function getStepList(_x3) {
+      return _ref8.apply(this, arguments);
+    };
+  }();
+  var getCardItem = function getCardItem() {
+    if (!navBarVal || !Object.keys(stepMap).length) return null;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, (stepMap[navBarVal] || []).map(function (item, index) {
+      var _ref10 = item || {},
+        owner = _ref10.owner,
+        sign = _ref10.sign,
+        name = _ref10.name,
+        deletable = _ref10.deletable,
+        status = _ref10.status,
+        apiVersion = _ref10.apiVersion,
+        kind = _ref10.kind;
+      return /*#__PURE__*/React.createElement(StepCard, {
+        key: sign,
+        ref: function ref(_ref11) {
+          cardRefs.current[sign] = _ref11;
+        },
+        title: name,
+        tag: ((apiVersion === null || apiVersion === void 0 ? void 0 : apiVersion.includes('agentless')) || kind && kind == 'ComponentJob') && /*#__PURE__*/React.createElement(Tag, {
+          type: "primary"
+        }, intl.get({
+          id: 'rdc-tb-cd-assets.components.step-setting.Component',
+          defaultMessage: '组件'
+        })),
+        sign: sign,
+        desc: intl.get({
+          id: 'rdc-tb-cd-assets.dashboardMain.step-manage.ProvidedByOwner',
+          defaultMessage: '由{owner}提供'
+        }, {
+          owner: owner
+        }),
+        checked: status === 'ACTIVE',
+        style: (index + 1) % 3 === 0 ? {
+          marginRight: 0
+        } : {},
+        deleteMode: deletable,
+        onChange: stepSwitch,
+        onDelete: stepDelete
+      });
+    }));
+  };
+  var getAddStepEle = function getAddStepEle() {
+    if (navBarVal !== encode(intl.get({
+      id: 'rdc-tb-cd-assets.dashboardMain.step-manage.EnterpriseSteps',
+      defaultMessage: '{orgName}步骤'
+    }, {
+      orgName: getFeature('org.name')
+    }))) return null;
+    if (!navBarVal || !Object.values(stepMap).length) {
+      return null;
+    }
+    if (stepMap[navBarVal] && stepMap[navBarVal].length) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement("section", {
+      className: "step-add",
+      onClick: function onClick() {
+        return createStep('empty page');
+      }
+    }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "add-line"
+    }), /*#__PURE__*/React.createElement("p", {
+      className: "step-add-title"
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.dashboardMain.step-manage.EnterpriseSteps',
+      defaultMessage: '{orgName}步骤'
+    }, {
+      orgName: getFeature('org.name')
+    })), /*#__PURE__*/React.createElement("p", {
+      className: "step-add-desc"
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.dashboardMain.step-manage.ClickCreateCustomEnterpriseProcedure',
+      defaultMessage: '点击创建自定义企业步骤'
+    })));
+  };
+  var createStep = function createStep(page) {
+    track({
+      action: 'create step',
+      page: page || 'step page',
+      daysinceenterflow: intervalEnterTime()
+    });
+    window.open(createStepUrl);
+  };
+  useEffect(function () {
+    getStepList();
+  }, []);
+  if (loading) {
+    return /*#__PURE__*/React.createElement(Loading, {
+      visible: loading,
+      style: {
+        marginTop: 150
+      },
+      inline: false
+    });
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, {
+    name: intl.get({
+      id: 'rdc-tb-cd-assets.teambition.manage-header.StepManagement',
+      defaultMessage: '步骤管理'
+    }),
+    helpText: /*#__PURE__*/React.createElement(React.Fragment, null, intl.get({
+      id: 'rdc-tb-cd-assets.components.step-setting.CloudEffectProvidesAVariety',
+      defaultMessage: '云效提供丰富的步骤帮助编排流水线，可按需开启/关闭；也支持通过'
+    }), ' ', helpLinkIfAvailable('flow_cli_help', function (renderLink) {
+      return renderLink('Flow-CLI');
+    }), ' ', intl.get({
+      id: 'rdc-tb-cd-assets.components.step-setting.ToolDevelopmentEnterpriseSOwn',
+      defaultMessage: '工具开发{orgName}自己的步骤，满足定制化诉求'
+    }, {
+      orgName: getFeature('org.name')
+    })),
+    helpUrl: helpLink('manage_step'),
+    extra: createStepUrl ? /*#__PURE__*/React.createElement(Button, {
+      text: true,
+      type: "primary",
+      onClick: function onClick() {
+        return createStep();
+      }
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.dashboardMain.step-manage.ViewDocumentsToCreate',
+      defaultMessage: '查看文档进行新建'
+    }), /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "signout-line"
+    })) : null
+  }), /*#__PURE__*/React.createElement(OperationBar, null, /*#__PURE__*/React.createElement(Tab, {
+    value: navBarVal,
+    onChange: function onChange(item) {
+      return setNavBarVal(item.key);
+    },
+    dataSource: stepList
+  })), /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement("div", {
+    className: PREFIX + "-content"
+  }, getCardItem(), getAddStepEle(), /*#__PURE__*/React.createElement(Perf, null))));
+};
+export default /*#__PURE__*/React.memo(StepManage);

package/es/components/dashboardMain/components/step-setting/index.scss

@@ -0,0 +1,40 @@
+$PREFIX: step-setting;
+
+.#{$PREFIX} {
+  p {
+    margin: 0;
+  }
+
+  &-content {
+    display: flex;
+    flex-wrap: wrap;
+    padding-top: 4px;
+    .step-add {
+      &:hover {
+        transform: translateY(-4px);
+        box-shadow: 0 6px 18px 0 rgba(204, 236, 254, 0.24);
+      }
+      transition: transform .218s ease-in;
+      width: 304px;
+      height: 140px;
+      background: var(--color-brand1-1, #f0f9ff);
+      padding: 20px;
+      border-radius: 4px;
+      cursor: pointer;
+      .next-icon, .teamix-icon {
+        font-size: 32px !important;
+        color: var(--color-brand1-6, #1b9aee);
+      }
+      &-title {
+        margin-top: 33px;
+        color: var(--color-text1-4, #292929);
+        font-weight: 500;
+      }
+      &-desc {
+        margin-top: 2px;
+        font-size: 12px;
+        color: var(--color-text1-7, #8b8b8b);
+      }
+    }
+  }
+}

package/es/components/dashboardMain/components/step-setting/step-card/index.d.ts

@@ -0,0 +1,3 @@
+import './index.scss';
+declare const _default: any;
+export default _default;