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

package/es/components/common/teambition/pipeline-flow-info/member-info/member-table.js

@@ -0,0 +1,179 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useState, useEffect } from 'react';
+import { Button, Overlay } from '@teamix/ui';
+import { YunxiaoIcon, YunxiaoTable } from '@alife/devops-ui';
+import Avatar from "../../avatar";
+import { ROLE_OWNER, ROLE_ADMIN } from "./utils";
+import intl from "../../../../../locale";
+import "./index.scss";
+var Popup = Overlay.Popup;
+var Column = YunxiaoTable.Column;
+var workid = window.AK_GLOBAL.currentUser.workid;
+var RolesPopup = function RolesPopup(props) {
+  var prefix = 'roles-popup';
+  var appRoleName = props.appRoleName,
+    _props$customRoles = props.customRoles,
+    customRoles = _props$customRoles === void 0 ? {} : _props$customRoles,
+    isOwner = props.isOwner,
+    isAdmin = props.isAdmin,
+    isSelf = props.isSelf,
+    disabled = props.disabled;
+  var onChangeRoles = props.onChangeRoles,
+    onMemberRemove = props.onMemberRemove,
+    onChangeOwner = props.onChangeOwner;
+  var _ref = customRoles[appRoleName] || {},
+    label = _ref.label;
+  var _useState = useState(false),
+    visible = _useState[0],
+    setVisible = _useState[1];
+  var trigger = /*#__PURE__*/React.createElement(Button, {
+    text: true,
+    type: "primary",
+    color: "gray",
+    onClick: function onClick() {
+      return setVisible(true);
+    },
+    disabled: disabled
+  }, label, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+    type: "arrow-down-2-line"
+  }));
+  var menu = Object.keys(customRoles).map(function (k) {
+    var _customRoles$k = customRoles[k],
+      innerLabel = _customRoles$k.label,
+      description = _customRoles$k.description,
+      innerValue = _customRoles$k.value;
+    if (innerValue === ROLE_OWNER) return null;
+    return /*#__PURE__*/React.createElement("div", {
+      className: prefix + "__wrap__item",
+      key: innerValue,
+      onClick: function onClick() {
+        onChangeRoles(customRoles[k]);
+        setVisible(false);
+      }
+    }, innerValue === appRoleName && /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "true-line",
+      className: prefix + "__wrap__item--icon"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: prefix + "__wrap__item--text"
+    }, innerLabel), /*#__PURE__*/React.createElement("div", {
+      className: prefix + "__wrap__item--desc"
+    }, description));
+  });
+  return /*#__PURE__*/React.createElement(Popup, {
+    visible: visible,
+    onVisibleChange: function onVisibleChange(v) {
+      return setVisible(v);
+    },
+    triggerType: "click",
+    trigger: trigger,
+    align: "tr br"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: prefix + "__wrap"
+  }, menu, (isOwner || isAdmin || isSelf) && /*#__PURE__*/React.createElement("div", {
+    className: prefix + "__wrap__remove r-line",
+    onClick: onMemberRemove
+  }, isSelf ? intl.get({
+    id: 'rdc-tb-cd-assets.pipeline-flow-info.member-info.member-table.Exit',
+    defaultMessage: '退出'
+  }) : intl.get({
+    id: 'rdc-tb-cd-assets.pipeline-flow-info.member-info.member-table.Remove',
+    defaultMessage: '移除'
+  })), isOwner && /*#__PURE__*/React.createElement("div", {
+    className: prefix + "__wrap__remove",
+    onClick: onChangeOwner
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.pipeline-flow-info.member-info.member-table.TransferOwner',
+    defaultMessage: '移交拥有者'
+  }))));
+};
+var MemberTable = function MemberTable(props) {
+  var _props$dataSource = props.dataSource,
+    dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
+    _props$customRoles2 = props.customRoles,
+    customRoles = _props$customRoles2 === void 0 ? {} : _props$customRoles2,
+    loading = props.loading;
+  var _onChangeRoles = props.onChangeRoles,
+    _onMemberRemove = props.onMemberRemove,
+    _onChangeOwner = props.onChangeOwner;
+  var _useState2 = useState(false),
+    isAdmin = _useState2[0],
+    setIsAdmin = _useState2[1];
+  var _useState3 = useState(false),
+    isOwner = _useState3[0],
+    setIsOwner = _useState3[1];
+  useEffect(function () {
+    var _ref2 = dataSource.find(function (_ref3) {
+        var openId = _ref3.openId;
+        return openId === workid;
+      }) || {},
+      roleId = _ref2.roleId;
+    setIsAdmin(!!roleId && roleId === ROLE_ADMIN);
+    setIsOwner(!!roleId && roleId === ROLE_OWNER);
+  }, [dataSource]);
+  var column = [{
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-info.member-info.member-table.MemberName',
+      defaultMessage: '成员名'
+    }),
+    dataIndex: 'userId',
+    cell: function cell(v) {
+      return /*#__PURE__*/React.createElement(Avatar, {
+        uid: v
+      });
+    }
+  }, window.isAliyunUrl ? {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-info.member-info.member-table.Mailbox',
+      defaultMessage: '邮箱'
+    }),
+    dataIndex: 'email',
+    cell: function cell(v) {
+      var reg = /(.)+\.teambition\.com/;
+      if (!v || reg.test(v)) return '--';
+      return v;
+    }
+  } : null, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-info.member-info.member-table.Permissions',
+      defaultMessage: '权限'
+    }),
+    dataIndex: 'appRoleName',
+    cell: function cell(v, i, _ref4) {
+      var openId = _ref4.openId,
+        disabled = _ref4.disabled;
+      return /*#__PURE__*/React.createElement(RolesPopup, {
+        customRoles: customRoles,
+        appRoleName: v,
+        onChangeRoles: function onChangeRoles(obj) {
+          return _onChangeRoles(_extends({}, obj, {
+            index: i
+          }));
+        },
+        onMemberRemove: function onMemberRemove() {
+          return _onMemberRemove({
+            index: i
+          });
+        },
+        onChangeOwner: function onChangeOwner() {
+          return _onChangeOwner({
+            index: i
+          });
+        },
+        isAdmin: isAdmin,
+        isOwner: isOwner,
+        isSelf: openId === workid,
+        disabled: disabled
+      });
+    }
+  }].filter(Boolean);
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(YunxiaoTable, {
+    dataSource: dataSource,
+    loading: loading,
+    hasBorder: true
+  }, column.map(function (c) {
+    return /*#__PURE__*/React.createElement(Column, _extends({
+      key: c.dataIndex
+    }, c));
+  })));
+};
+export default MemberTable;

package/es/components/common/teambition/pipeline-flow-info/member-info/utils.d.ts

@@ -0,0 +1,16 @@
+export declare const ROLE_OWNER = "owner";
+export declare const ROLE_ADMIN = "admin";
+export declare const ROLE_USER = "user";
+export declare const ROLE_MEMBER = "member";
+export declare const buildRoles: (roles: any) => any;
+export declare const getCustomRoles: () => Promise<any>;
+export declare const getMembers: (objId: any) => Promise<{
+    object: any;
+    successful: any;
+}>;
+export declare const sort: (members?: any[]) => any[];
+export declare const getCurrentUserInfo: (userId: any) => Promise<any>;
+export declare const buildMembers: (existedMembers: any, customRoles: any) => Promise<any[]>;
+export declare const buildMembersParam: (members: any, objectId: any) => any;
+export declare const buildAddMembers: (addMembers: any[], role: any, members?: any[]) => any[];
+export declare const verifyMembers: (arr?: any[]) => boolean;

package/es/components/common/teambition/pipeline-flow-info/member-info/utils.js

@@ -0,0 +1,245 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+var _excluded = ["_id", "_userId"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+/* eslint-disable import/prefer-default-export */
+import exceed from "../../../../../utils/apimap";
+import tools from "../../../../../utils";
+import { sortBy } from 'lodash-es';
+import intl from "../../../../../locale";
+var PERMISSION_PIPELINE_ADMIN = 'tb.role.pipeline.admin';
+export var ROLE_OWNER = 'owner';
+export var ROLE_ADMIN = 'admin';
+export var ROLE_USER = 'user';
+export var ROLE_MEMBER = 'member';
+export var buildRoles = function buildRoles(roles) {
+  return roles.reduce(function (prev, next) {
+    var manageRoleIds = next.manageRoleIds,
+      value = next.value,
+      name = next.name,
+      description = next.description;
+    prev[name] = {
+      label: name === ROLE_OWNER ? intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-flow-info.member-info.utils.Owner',
+        defaultMessage: '拥有者'
+      }) : value,
+      value: name,
+      description: description,
+      manageRoleIds: manageRoleIds ? manageRoleIds.split(',') : []
+    };
+    return prev;
+  }, {});
+};
+export var getCustomRoles = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var config, _yield$exceed$fetch, successful, _yield$exceed$fetch$o, object;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          config = {
+            api: 'Role.list',
+            data: {
+              objType: 'pipeline'
+            }
+          };
+          _context.next = 3;
+          return exceed.fetch(config);
+        case 3:
+          _yield$exceed$fetch = _context.sent;
+          successful = _yield$exceed$fetch.successful;
+          _yield$exceed$fetch$o = _yield$exceed$fetch.object;
+          object = _yield$exceed$fetch$o === void 0 ? [] : _yield$exceed$fetch$o;
+          if (successful) {
+            _context.next = 9;
+            break;
+          }
+          return _context.abrupt("return", null);
+        case 9:
+          return _context.abrupt("return", buildRoles(object));
+        case 10:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function getCustomRoles() {
+    return _ref.apply(this, arguments);
+  };
+}();
+export var getMembers = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(objId) {
+    var config, _yield$exceed$fetch2, object, successful;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          config = {
+            api: 'Member.list',
+            params: {
+              objType: 'pipeline',
+              objId: objId
+            }
+          };
+          _context2.next = 3;
+          return exceed.fetch(config);
+        case 3:
+          _yield$exceed$fetch2 = _context2.sent;
+          object = _yield$exceed$fetch2.object;
+          successful = _yield$exceed$fetch2.successful;
+          return _context2.abrupt("return", {
+            object: object,
+            successful: successful
+          });
+        case 7:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function getMembers(_x) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+var workid = window.AK_GLOBAL.currentUser.workid;
+export var sort = function sort(members) {
+  if (members === void 0) {
+    members = [];
+  }
+  if (members.length === 1) return members;
+  return sortBy(members, function (_ref3) {
+    var roleId = _ref3.roleId;
+    if (roleId === ROLE_OWNER) return 0;
+  });
+};
+export var getCurrentUserInfo = /*#__PURE__*/function () {
+  var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(userId) {
+    var config, _yield$exceed$fetch3, object, successful;
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          config = {
+            api: 'Current.userInfo',
+            params: {
+              userId: userId
+            }
+          };
+          _context3.next = 3;
+          return exceed.fetch(config);
+        case 3:
+          _yield$exceed$fetch3 = _context3.sent;
+          object = _yield$exceed$fetch3.object;
+          successful = _yield$exceed$fetch3.successful;
+          if (successful) {
+            _context3.next = 8;
+            break;
+          }
+          return _context3.abrupt("return", {});
+        case 8:
+          return _context3.abrupt("return", object);
+        case 9:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return function getCurrentUserInfo(_x2) {
+    return _ref4.apply(this, arguments);
+  };
+}();
+export var buildMembers = /*#__PURE__*/function () {
+  var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(existedMembers, customRoles) {
+    var isRegionAdmin, permissionMap, _ref6, appRoleName, _ref8, manageRoleIds, memberList;
+    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          isRegionAdmin = false;
+          _context4.next = 3;
+          return tools.checkPermission([PERMISSION_PIPELINE_ADMIN], null, null);
+        case 3:
+          permissionMap = _context4.sent;
+          if (permissionMap[PERMISSION_PIPELINE_ADMIN]) {
+            isRegionAdmin = true;
+          }
+          _ref6 = existedMembers.find(function (_ref7) {
+            var openId = _ref7.openId;
+            return openId === workid;
+          }) || {}, appRoleName = _ref6.appRoleName;
+          _ref8 = customRoles[appRoleName] || {}, manageRoleIds = _ref8.manageRoleIds;
+          memberList = existedMembers.map(function (member) {
+            return Object.assign(member, {
+              _userId: member.id,
+              openId: member.openId,
+              roleId: member.appRoleName,
+              userInfo: {
+                _id: member.id,
+                avatarUrl: member.avatarUrl,
+                name: member.name
+              },
+              disabled: member.appRoleName === ROLE_OWNER || !((manageRoleIds || []).includes(member.appRoleName) || isRegionAdmin)
+            });
+          });
+          return _context4.abrupt("return", sort(memberList));
+        case 9:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  }));
+  return function buildMembers(_x3, _x4) {
+    return _ref5.apply(this, arguments);
+  };
+}();
+export var buildMembersParam = function buildMembersParam(members, objectId) {
+  return members.map(function (_ref9) {
+    var userInfo = _ref9.userInfo,
+      appRoleName = _ref9.appRoleName;
+    return {
+      userId: (userInfo.openId || userInfo._id || userInfo.id).replace(/^rdc:/, ''),
+      appRoleName: appRoleName,
+      objectType: 'pipeline',
+      objectId: objectId
+    };
+  });
+};
+export var buildAddMembers = function buildAddMembers(addMembers, role, members) {
+  if (addMembers === void 0) {
+    addMembers = [];
+  }
+  if (members === void 0) {
+    members = [];
+  }
+  var addData = addMembers.map(function (_ref10) {
+    var _id = _ref10._id,
+      _userId = _ref10._userId,
+      others = _objectWithoutPropertiesLoose(_ref10, _excluded);
+    return _extends({
+      _id: _id,
+      _userId: _userId,
+      id: _id,
+      userId: _userId,
+      openId: _id,
+      appRoleName: role,
+      roleId: role,
+      email: '',
+      disabled: false
+    }, others);
+  });
+  return [].concat(members, addData);
+};
+
+// 兜底成员list
+export var verifyMembers = function verifyMembers(arr) {
+  if (arr === void 0) {
+    arr = [];
+  }
+  if (!arr.length) {
+    return false;
+  }
+  if (!arr.some(function (_ref11) {
+    var appRoleName = _ref11.appRoleName;
+    return appRoleName === 'owner';
+  })) {
+    return false;
+  }
+  return true;
+};

package/es/components/common/teambition/pipeline-flow-orchestrator/editor/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import '@alife/yx-monaco-yaml';
+import 'monaco-editor';
+declare function Editor(props: any): JSX.Element;
+export default Editor;

package/es/components/common/teambition/pipeline-flow-orchestrator/editor/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import MonacoEditor from 'react-monaco-editor';
+import '@alife/yx-monaco-yaml';
+import 'monaco-editor';
+function Editor(props) {
+  return /*#__PURE__*/React.createElement(MonacoEditor, props);
+}
+export default Editor;

package/es/components/common/teambition/pipeline-flow-orchestrator/index.d.ts

@@ -0,0 +1,73 @@
+import { Component } from 'react';
+import { Field } from '@teamix/ui';
+import { transform, getSourceToolIcon } from './utils';
+import './index.scss';
+import { IAppstackChangeConfig } from '../pipeline-flow-dialog/appstack-wrap';
+import { IPipelineFlowDialogProps } from '../pipeline-flow-dialog';
+/** yaml debug 视图 */
+export declare const LIST_MODE = "List";
+export declare const YAML_MODE = "Yaml";
+export type PipelineFlowOrchestratorMode = typeof LIST_MODE | typeof YAML_MODE;
+export { transform, getSourceToolIcon };
+interface IPipelineFlowOrchestratorProps {
+    display: boolean;
+    pipelineId: number;
+    sources: string;
+    webhook: string;
+    onSourcesChange: (sources: string, updateOriginalScource?: boolean) => void;
+    /** yaml string */
+    flow: string;
+    pipelineType: string;
+    field: Field;
+    /** debug yaml */
+    mode: PipelineFlowOrchestratorMode;
+    doValidate: () => void;
+    type: IPipelineFlowDialogProps['type'];
+    subscribe: (fieldName: any, subscriber: any, callback: any) => void;
+    trackPage: string;
+    onUpdatePipeline: (newPipeline: any) => void;
+    appstackChangeConfig: IAppstackChangeConfig;
+    [x: string]: any;
+}
+declare class PipelineFlowOrchestrator extends Component<IPipelineFlowOrchestratorProps, any> {
+    constructor(props: any);
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    onAutoOpen: () => void;
+    initBranchInfo: (props: any) => {
+        index?: undefined;
+        isBranchMode?: undefined;
+    } | {
+        index: any;
+        isBranchMode: boolean;
+    };
+    getStepInfo: () => Promise<void>;
+    getSatgeTemplateList: () => void;
+    getComponentInfo: () => Promise<void>;
+    getStageTemplateGroupList: () => Promise<void>;
+    shouldComponentUpdate(nextProps: any, nextState: any): boolean;
+    clearTimers: () => void;
+    componentWillUnmount(): void;
+    onSourcesOpen: ({ closeJobMenu, mode }: {
+        closeJobMenu?: boolean;
+        mode: any;
+    }, cb: any) => void;
+    onSourcesValidate: () => {
+        sourceInvalidate: any;
+    };
+    onSourcesClose: (validate?: boolean) => void;
+    onOpenSourceMenu: (source: any, idx: any) => void;
+    onBranchModeChange: (isBranchMode: any, index: any) => void;
+    onSaveSource: () => void;
+    onUpdateSource: (key: any) => void;
+    onDeleteSource: () => void;
+    setJobMenuVisible: (v: any, cb?: () => void) => void;
+    setDraftJobContext: (v: any) => void;
+    setComponentMenuVisible: (v: any) => void;
+    openFlowEditMenu: (el: any, c: any) => void;
+    onPipelineConfigurationClose: (language: any) => void;
+    onPipelineConfigurationChange: (groupContentArr: any, language: any) => void;
+    get sourcesElement(): JSX.Element;
+    render(): JSX.Element;
+}
+export default PipelineFlowOrchestrator;