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

package/es/components/common/teambition/yunxiao-member/index.js

@@ -0,0 +1,974 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["objType", "objId", "type", "addMemberTrigger", "onChange", "isAsync", "onReady", "initMembers", "permissionAdminKey", "inviteVisible", "onlyInvite", "onVisibleChange", "disabled"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+/* eslint-disable default-case */
+import React, { useState, useEffect, useImperativeHandle, forwardRef } from 'react';
+import UilessMemberPanel from '@alife/yunxiao-member-panel';
+import UilessMember, { TeamTabProp } from '@alife/yunxiao-member/es';
+import exceed from "../../../../utils/apimap";
+import { Message, Button, Balloon } from '@teamix/ui';
+import { YunxiaoIcon } from '@alife/devops-ui';
+import tools, { getFeature } from "../../../../utils";
+import track from "../../../../utils/track";
+import { get, unionBy } from 'lodash-es';
+import { fillTeams, fillPipelineGroups, rolesMap, statusMap, memberSort, formatRoleList, formatMemberList, formatTeamList, formatResultMemberList, buildPiplineMembers, filterRemoveMember, rolesWeight, map } from "./utils";
+import intl from "../../../../locale";
+import { ENV } from '@alife/yunxiao-common';
+var PERMISSION_PIPELINE_ADMIN = 'tb.role.pipeline.admin';
+var currentUser = window.AK_GLOBAL.currentUser;
+var orgId = window.userInfos.orgId;
+var Tooltip = Balloon.Tooltip;
+var Member = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$objType = props.objType,
+    objType = _props$objType === void 0 ? 'pipeline' : _props$objType,
+    objId = props.objId,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'mini' : _props$type,
+    addMemberTrigger = props.addMemberTrigger,
+    onChange = props.onChange,
+    _props$isAsync = props.isAsync,
+    isAsync = _props$isAsync === void 0 ? false : _props$isAsync,
+    onReady = props.onReady,
+    _props$initMembers = props.initMembers,
+    initMembers = _props$initMembers === void 0 ? [] : _props$initMembers,
+    _props$permissionAdmi = props.permissionAdminKey,
+    permissionAdminKey = _props$permissionAdmi === void 0 ? PERMISSION_PIPELINE_ADMIN : _props$permissionAdmi,
+    _props$inviteVisible = props.inviteVisible,
+    inviteVisible = _props$inviteVisible === void 0 ? false : _props$inviteVisible,
+    onlyInvite = props.onlyInvite,
+    _onVisibleChange = props.onVisibleChange,
+    disabled = props.disabled,
+    restProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useState = useState([]),
+    roles = _useState[0],
+    setRoles = _useState[1];
+  var _useState2 = useState([]),
+    members = _useState2[0],
+    setMembers = _useState2[1];
+  var _useState3 = useState(currentUser.permissions.includes("tb.role." + objType + ".admin")),
+    isAdmin = _useState3[0],
+    setIsAdmin = _useState3[1];
+  var _useState4 = useState(!objId),
+    isOwner = _useState4[0],
+    setIsOwner = _useState4[1];
+  var _useState5 = useState(true),
+    memberPanelLoading = _useState5[0],
+    setMemberPanelLoading = _useState5[1];
+  var _useState6 = useState(false),
+    memberLoading = _useState6[0],
+    setMemberLoading = _useState6[1];
+  var _useState7 = useState(false),
+    memberVisible = _useState7[0],
+    setMemberVisible = _useState7[1];
+  var _useState8 = useState(false),
+    memberPanelVisible = _useState8[0],
+    setMemberPanelVisible = _useState8[1];
+  var _useState9 = useState(true),
+    canAddMember = _useState9[0],
+    setCanAddMember = _useState9[1];
+  var _useState10 = useState([]),
+    orgMembers = _useState10[0],
+    setOrgMembers = _useState10[1];
+  var _useState11 = useState(0),
+    memberPanelKey = _useState11[0],
+    setMemberPanelKey = _useState11[1]; // 关闭后不保留状态
+
+  var getMembers = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var data, _yield$exceed$fetch, successful, _yield$exceed$fetch$o, object;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            data = [];
+            _context.next = 3;
+            return exceed.fetch({
+              api: 'Member.list.new',
+              params: {
+                objType: objType,
+                objId: objId
+              }
+            });
+          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 = 10;
+              break;
+            }
+            Message.error({
+              title: intl.get({
+                id: 'rdc-tb-cd-assets.teambition.yunxiao-member.AnErrorOccurredPleaseTry',
+                defaultMessage: '出错了, 请重试'
+              })
+            });
+            return _context.abrupt("return", Promise.reject());
+          case 10:
+            data = object;
+            return _context.abrupt("return", Promise.resolve(data.length ? data : initMembers || []));
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function getMembers() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var getCurrentUserInfo = function getCurrentUserInfo(userId) {
+    if (userId === void 0) {
+      userId = currentUser.workid;
+    }
+    return new Promise(function (resolve, reject) {
+      exceed.fetch({
+        api: 'Current.userInfo',
+        params: {
+          userId: userId
+        }
+      }).then(function (_ref2) {
+        var successful = _ref2.successful,
+          _ref2$object = _ref2.object,
+          object = _ref2$object === void 0 ? {} : _ref2$object;
+        if (!successful) {
+          Message.error({
+            title: intl.get({
+              id: 'rdc-tb-cd-assets.teambition.yunxiao-member.AnErrorOccurredPleaseTry',
+              defaultMessage: '出错了, 请重试'
+            })
+          });
+          return reject();
+        }
+        var res = [_extends({
+          _userId: object.id,
+          openId: currentUser.workid,
+          name: object.name,
+          roleId: rolesMap.owner,
+          memberType: 'user',
+          displayRoleName: intl.get({
+            id: 'rdc-tb-cd-assets.teambition.yunxiao-member.Owner',
+            defaultMessage: '拥有者'
+          }),
+          userInfo: {
+            _id: object.id,
+            avatarUrl: object.avatarUrl,
+            name: object.name,
+            openId: currentUser.workid
+          },
+          disabled: true
+        }, object)];
+        resolve(res);
+      });
+    });
+  };
+  var getRoles = function getRoles() {
+    return new Promise(function (resolve, reject) {
+      if (roles.length) {
+        return resolve(roles);
+      }
+      exceed.fetch({
+        api: 'Role.list',
+        data: {
+          objType: objType
+        }
+      }).then(function (_ref3) {
+        var successful = _ref3.successful,
+          _ref3$object = _ref3.object,
+          object = _ref3$object === void 0 ? [] : _ref3$object;
+        if (!successful) {
+          Message.error({
+            title: intl.get({
+              id: 'rdc-tb-cd-assets.teambition.yunxiao-member.AnErrorOccurredPleaseTry',
+              defaultMessage: '出错了, 请重试'
+            })
+          });
+          return reject();
+        }
+        resolve(formatRoleList(object));
+      });
+    });
+  };
+  var getPipelineGroups = function getPipelineGroups() {
+    return new Promise(function (resolve, reject) {
+      if (objType === 'pipelineGroup') return resolve([]);
+      exceed.fetch({
+        api: 'Pipeline.get.groups',
+        data: {
+          pageSize: 300,
+          withExtraInfo: false
+        }
+      }).then(function (_ref4) {
+        var successful = _ref4.successful,
+          _ref4$object = _ref4.object,
+          object = _ref4$object === void 0 ? {} : _ref4$object;
+        if (!successful) {
+          Message.error({
+            title: intl.get({
+              id: 'rdc-tb-cd-assets.teambition.yunxiao-member.AnErrorOccurredPleaseTry',
+              defaultMessage: '出错了, 请重试'
+            })
+          });
+          return reject();
+        }
+        resolve(object.dataList || []);
+      });
+    });
+  };
+  var loaderTeamAndMember = function loaderTeamAndMember(member) {
+    return new Promise(function (resolve, reject) {
+      var _window$userInfos;
+      /** 新版v5底座 */
+      var useNewMemberApi = ((_window$userInfos = window.userInfos) === null || _window$userInfos === void 0 ? void 0 : _window$userInfos.env) === 'vpc';
+      exceed.fetch({
+        api: useNewMemberApi ? 'uiless-get-memberAndteams-v5' : 'uiless-get-memberAndteams',
+        data: {
+          onlyFirstLevel: true
+        },
+        params: {
+          id: member._id
+        }
+      }).then(function (res) {
+        var teamList = formatTeamList(get(res, 'result.teams.result', [])).map(function (t) {
+          return _extends({}, t, {
+            roleId: member.roleId
+          });
+        });
+        var teamMemberList = get(res, useNewMemberApi ? 'result.result' : 'result.members.result', []);
+        var memberList = teamMemberList.map(function (m) {
+          var memberInfo = members.find(function (i) {
+            return i._userId && i._userId === m._userId || i._id && i._id === m._id;
+          });
+          if (!memberInfo) return undefined;
+          return Object.assign(m, memberInfo, {
+            memberType: 'user'
+          });
+        }).filter(Boolean);
+        resolve({
+          teamList: teamList,
+          memberList: memberList,
+          teamMemberList: teamMemberList
+        });
+      })["catch"](reject);
+    });
+  };
+  var getTeams = function getTeams() {
+    return new Promise(function (resolve) {
+      var _window$userInfos2;
+      var useNewApi = ((_window$userInfos2 = window.userInfos) === null || _window$userInfos2 === void 0 ? void 0 : _window$userInfos2.env) === 'vpc';
+      exceed.fetch({
+        api: useNewApi ? 'uiless-get-teams-v5' : 'uiless-get-teams',
+        data: {
+          onlyFirstLevel: false,
+          pageSize: 1000
+        }
+      }).then(function (res) {
+        resolve(formatTeamList(get(res, 'result.result', [])));
+      });
+    });
+  };
+  var getOrgMembers = function getOrgMembers(setValue) {
+    return new Promise(function (resolve) {
+      if (ENV === 'vpc') return resolve([]);
+      exceed.fetch({
+        api: 'uiless-member-list'
+      }).then(function (res) {
+        if (res === void 0) {
+          res = {};
+        }
+        resolve(res.result.result || []);
+        setValue && setValue(res.result.result);
+      });
+    });
+  };
+  var initialize = /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var requests, _yield$Promise$all$ca, _yield$Promise$all$ca2, rolesList, _yield$Promise$all$ca3, originMembers, _yield$Promise$all$ca4, teamList, _yield$Promise$all$ca5, pipelineGroups, _yield$Promise$all$ca6, permissionMap, orgMemberList, isRegionAdmin, currentUserMember, currentUserRole, memberList, admin, owner;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            requests = [getRoles()].concat([objId ? getMembers() : getCurrentUserInfo()], [getTeams(), getPipelineGroups(), tools.checkPermission([permissionAdminKey], null, null), getOrgMembers()]);
+            _context2.next = 3;
+            return Promise.all(requests)["catch"](function () {
+              return setMemberPanelLoading(false);
+            });
+          case 3:
+            _yield$Promise$all$ca = _context2.sent;
+            _yield$Promise$all$ca2 = _yield$Promise$all$ca[0];
+            rolesList = _yield$Promise$all$ca2 === void 0 ? [] : _yield$Promise$all$ca2;
+            _yield$Promise$all$ca3 = _yield$Promise$all$ca[1];
+            originMembers = _yield$Promise$all$ca3 === void 0 ? [] : _yield$Promise$all$ca3;
+            _yield$Promise$all$ca4 = _yield$Promise$all$ca[2];
+            teamList = _yield$Promise$all$ca4 === void 0 ? [] : _yield$Promise$all$ca4;
+            _yield$Promise$all$ca5 = _yield$Promise$all$ca[3];
+            pipelineGroups = _yield$Promise$all$ca5 === void 0 ? [] : _yield$Promise$all$ca5;
+            _yield$Promise$all$ca6 = _yield$Promise$all$ca[4];
+            permissionMap = _yield$Promise$all$ca6 === void 0 ? {} : _yield$Promise$all$ca6;
+            orgMemberList = _yield$Promise$all$ca[5];
+            // 补全team数据
+            if (teamList.length && originMembers.length) {
+              fillTeams(originMembers, teamList);
+            }
+
+            // 补全流水线组数据
+            if (pipelineGroups.length && originMembers.length) {
+              fillPipelineGroups(originMembers, pipelineGroups);
+            }
+            isRegionAdmin = !!permissionMap[permissionAdminKey];
+            currentUserMember = originMembers.find(function (_ref6) {
+              var _userId = _ref6._userId,
+                userId = _ref6.userId,
+                memberId = _ref6.memberId;
+              return [_userId, userId, memberId].includes(currentUser.workid);
+            }) || {};
+            currentUserRole = rolesList.find(function (_ref7) {
+              var value = _ref7.value;
+              return value === currentUserMember.appRoleName;
+            }) || {};
+            memberList = objId ? formatMemberList({
+              memberList: originMembers,
+              currentUserRole: currentUserRole,
+              isRegionAdmin: isRegionAdmin,
+              objType: objType,
+              disabled: disabled
+            }) : originMembers;
+            admin = memberList.find(function (_ref8) {
+              var _userId = _ref8._userId,
+                roleId = _ref8.roleId;
+              return _userId === currentUser.workid && roleId === rolesMap.admin;
+            });
+            owner = memberList.find(function (_ref9) {
+              var _userId = _ref9._userId,
+                roleId = _ref9.roleId;
+              return _userId === currentUser.workid && roleId === rolesMap.owner;
+            });
+            onReady && !members.length && onReady(formatResultMemberList(memberList, objType, objId));
+            setRoles(rolesList);
+            setMembers(memberList);
+            setOrgMembers(orgMemberList);
+            setIsAdmin(!!(admin || isRegionAdmin));
+            setIsOwner(!!owner);
+            setMemberPanelLoading(false);
+            setCanAddMember(isRegionAdmin ? false : ![rolesMap.owner, rolesMap.admin].includes(currentUserRole.value));
+          case 31:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function initialize() {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    initialize();
+  }, [objId, objType, disabled]);
+
+  // 给外部通过ref调用更新
+  useImperativeHandle(ref, function () {
+    return {
+      updataMember: initialize,
+      getCurrentUserInfo: getCurrentUserInfo
+    };
+  });
+  var onMemberClose = function onMemberClose() {
+    setMemberVisible(false);
+    setMemberPanelKey(memberPanelKey + 1);
+    if (orgMembers.length === 1) {
+      getOrgMembers(setOrgMembers);
+    }
+  };
+  var onChangeOwner = function onChangeOwner(newOwner) {
+    if (newOwner === void 0) {
+      newOwner = {};
+    }
+    return new Promise(function (resolve, reject) {
+      exceed.fetch({
+        api: 'Resource.transfer.user.owner',
+        data: {
+          objType: objType,
+          objId: objId,
+          newOwnerId: newOwner._userId
+        }
+      }).then(function (_ref10) {
+        var successful = _ref10.successful;
+        setTimeout(function () {
+          initialize();
+        }, 100);
+        return successful ? resolve(newOwner) : reject();
+      })["catch"](reject);
+    });
+  };
+  var getMemberCurrentIndex = function getMemberCurrentIndex(member) {
+    var currentIndex = members.findIndex(function (m) {
+      return m._userId && m._userId === member._userId || m._id && m._id === member._id;
+    });
+    return currentIndex;
+  };
+  var generateParentName = function generateParentName(relatedTos) {
+    if (relatedTos === void 0) {
+      relatedTos = [];
+    }
+    if (!relatedTos.length) return '';
+    return relatedTos.map(function (_ref11) {
+      var name = _ref11.name;
+      return name;
+    }).join(', ');
+  };
+  var onRemoveTeamAndMember = /*#__PURE__*/function () {
+    var _ref12 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(memberList, currentIndex, member) {
+      var newMembers, _ref13, _ref13$teamMemberList, teamMemberList, teamMemberObj;
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            if (memberList === void 0) {
+              memberList = [];
+            }
+            newMembers = [].concat(memberList);
+            _context3.next = 4;
+            return loaderTeamAndMember(member);
+          case 4:
+            _context3.t0 = _context3.sent;
+            if (_context3.t0) {
+              _context3.next = 7;
+              break;
+            }
+            _context3.t0 = {};
+          case 7:
+            _ref13 = _context3.t0;
+            _ref13$teamMemberList = _ref13.teamMemberList;
+            teamMemberList = _ref13$teamMemberList === void 0 ? [] : _ref13$teamMemberList;
+            teamMemberObj = teamMemberList.length ? map(teamMemberList, ['_userId', '_id']) : {};
+            return _context3.abrupt("return", newMembers.map(function (itMember) {
+              var roleId = itMember.roleId,
+                status = itMember.status,
+                _itMember$memberType = itMember.memberType,
+                memberType = _itMember$memberType === void 0 ? '' : _itMember$memberType,
+                _itMember$relatedTos = itMember.relatedTos,
+                relatedTos = _itMember$relatedTos === void 0 ? [] : _itMember$relatedTos,
+                extra = itMember.extra,
+                _itMember$parent = itMember.parent,
+                parent = _itMember$parent === void 0 ? {} : _itMember$parent,
+                _userId = itMember._userId,
+                _id = itMember._id;
+              if (status === statusMap.absentAndRemoveUser || memberType.toLocaleLowerCase() === 'team') {
+                return itMember;
+              }
+              var memberInfo = teamMemberObj[_userId] || teamMemberObj[_id] || {};
+              if (relatedTos.length && extra && parent.name) {
+                var _relatedTos = relatedTos.filter(function (_ref14) {
+                  var id = _ref14._id;
+                  return id !== member._id;
+                });
+                var parentName = generateParentName(_relatedTos);
+                return Object.assign(itMember, {
+                  relatedTos: _relatedTos,
+                  status: memberInfo && !parentName && roleId !== rolesMap.owner ? statusMap.absentAndRemoveUser : status,
+                  parent: parentName && {
+                    name: parentName
+                  },
+                  extra: parentName ? intl.get({
+                    id: 'rdc-tb-cd-assets.teambition.yunxiao-member.MembersBelongToParentname',
+                    defaultMessage: '成员隶属于: {parentName}'
+                  }, {
+                    parentName: parentName
+                  }) : ''
+                });
+              }
+              if (roleId === rolesMap.owner || !memberInfo) {
+                return itMember;
+              }
+              return itMember;
+            }));
+          case 12:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function onRemoveTeamAndMember(_x, _x2, _x3) {
+      return _ref12.apply(this, arguments);
+    };
+  }();
+  var onRemoveTeam = function onRemoveTeam(memberList, currentIndex, member) {
+    var newMembers = [].concat(memberList);
+    return newMembers.map(function (itMember) {
+      var _itMember$memberType2 = itMember.memberType,
+        memberType = _itMember$memberType2 === void 0 ? '' : _itMember$memberType2,
+        _itMember$relatedTos2 = itMember.relatedTos,
+        relatedTos = _itMember$relatedTos2 === void 0 ? [] : _itMember$relatedTos2,
+        extra = itMember.extra,
+        _itMember$parent2 = itMember.parent,
+        parent = _itMember$parent2 === void 0 ? {} : _itMember$parent2;
+      if (memberType.toLocaleLowerCase() === 'team') {
+        return itMember;
+      }
+      if (extra && parent.name) {
+        var _relatedTos = relatedTos.filter(function (_ref15) {
+          var _id = _ref15._id;
+          return _id !== member._id;
+        });
+        var parentName = generateParentName(_relatedTos);
+        return Object.assign(itMember, {
+          relatedTos: _relatedTos,
+          parent: parentName && {
+            name: parentName
+          },
+          extra: parentName ? intl.get({
+            id: 'rdc-tb-cd-assets.teambition.yunxiao-member.MembersBelongToParentname',
+            defaultMessage: '成员隶属于: {parentName}'
+          }, {
+            parentName: parentName
+          }) : ''
+        });
+      }
+      return itMember;
+    });
+  };
+  var onItemRemove = /*#__PURE__*/function () {
+    var _ref16 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(member, removeChild) {
+      var newMembers, currentIndex;
+      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            if (member === void 0) {
+              member = {};
+            }
+            newMembers = [].concat(members);
+            currentIndex = getMemberCurrentIndex(member);
+            if (!(currentIndex === -1)) {
+              _context4.next = 5;
+              break;
+            }
+            return _context4.abrupt("return", Message.error({
+              title: intl.get({
+                id: 'rdc-tb-cd-assets.teambition.yunxiao-member.AnErrorOccurredPleaseTry.2',
+                defaultMessage: '出错了，请重试'
+              })
+            }));
+          case 5:
+            if (member.memberType === 'user') {
+              newMembers.splice(currentIndex, 1);
+            }
+            if (!(member.memberType === 'team')) {
+              _context4.next = 19;
+              break;
+            }
+            _context4.t0 = removeChild;
+            _context4.next = _context4.t0 === 'team' ? 10 : _context4.t0 === 'teamAndMember' ? 13 : 19;
+            break;
+          case 10:
+            newMembers[currentIndex].status = statusMap.absentAndKeepUser;
+            newMembers = onRemoveTeam(newMembers, currentIndex, member);
+            return _context4.abrupt("break", 19);
+          case 13:
+            newMembers[currentIndex].status = statusMap.absentAndRemoveUser;
+            if (!isAsync) {
+              _context4.next = 18;
+              break;
+            }
+            _context4.next = 17;
+            return onRemoveTeamAndMember(newMembers, currentIndex, member);
+          case 17:
+            newMembers = _context4.sent;
+          case 18:
+            return _context4.abrupt("break", 19);
+          case 19:
+            onMemberChange({
+              memberList: newMembers.filter(Boolean)
+            });
+            return _context4.abrupt("return", {});
+          case 21:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }));
+    return function onItemRemove(_x4, _x5) {
+      return _ref16.apply(this, arguments);
+    };
+  }();
+  var onChangeItem = function onChangeItem(member) {
+    if (member === void 0) {
+      member = {};
+    }
+    return new Promise(function (resolve) {
+      var currentIndex = getMemberCurrentIndex(member);
+      if (currentIndex === -1) {
+        return Message.error({
+          title: intl.get({
+            id: 'rdc-tb-cd-assets.teambition.yunxiao-member.AnErrorOccurredPleaseTry.2',
+            defaultMessage: '出错了，请重试'
+          })
+        });
+      }
+      var newMembers = [].concat(members);
+      newMembers[currentIndex] = Object.assign(newMembers[currentIndex], member, {
+        role: member.roleId
+      });
+      onMemberChange({
+        memberList: newMembers,
+        successCb: function successCb() {
+          return resolve(member);
+        }
+      });
+    });
+  };
+  var onMemberChange = function onMemberChange(params) {
+    var _params$memberList = params.memberList,
+      memberList = _params$memberList === void 0 ? [] : _params$memberList,
+      _params$addMemberList = params.addMemberList,
+      addMemberList = _params$addMemberList === void 0 ? [] : _params$addMemberList,
+      successCb = params.successCb;
+    var totalMember = unionBy([].concat(memberList, addMemberList.length ? addMemberList : []), function (_ref17) {
+      var _userId = _ref17._userId,
+        _id = _ref17._id;
+      return _userId || _id;
+    });
+    var resMember = formatResultMemberList(totalMember, objType, objId);
+    if (isAsync) {
+      onChange(filterRemoveMember(resMember, isAsync), objType, objId);
+      onMemberClose();
+      setMembers(totalMember);
+      successCb && successCb();
+      return;
+    }
+    var resPromise = onChange(resMember, objType, objId, totalMember);
+    if (!((typeof resPromise === 'object' || typeof resPromise === 'function') && typeof resPromise.then === 'function')) {
+      return Message.error({
+        title: intl.get({
+          id: 'rdc-tb-cd-assets.teambition.yunxiao-member.OnchangeReturnAPromise',
+          defaultMessage: 'onChange 请返回 Promise'
+        })
+      });
+    }
+    var setLoading = addMemberList.length ? setMemberLoading : setMemberPanelLoading;
+    setLoading(true);
+    resPromise.then(/*#__PURE__*/_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 initialize();
+          case 2:
+            setLoading(false);
+            onMemberClose();
+            successCb && successCb();
+          case 5:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    })))["catch"](function () {
+      setLoading(false);
+    });
+  };
+  var onAddMemberChange = function onAddMemberChange(addMemberList, addRole) {
+    var memberList = [].concat(addMemberList);
+    var membersObj = map(members, ['_userId', '_id']);
+    if (isAsync) {
+      var addMemberObj = map(memberList, '_id');
+      var addMember = memberList.filter(function (_ref19) {
+        var memberType = _ref19.memberType,
+          teamMembers = _ref19.members;
+        return memberType === 'team' && teamMembers.length;
+      }).map(function (_ref20) {
+        var teamMembers = _ref20.members,
+          name = _ref20.name,
+          _id = _ref20._id,
+          memberType = _ref20.memberType;
+        return teamMembers.map(function (i) {
+          return _extends({}, i, {
+            teamName: name,
+            teamId: _id,
+            teamMemberType: memberType
+          });
+        });
+      }).flat().map(function (member) {
+        var _userId = member._userId,
+          _id = member._id,
+          teamMemberType = member.teamMemberType,
+          teamId = member.teamId,
+          teamName = member.teamName;
+        if (addMemberObj[_id]) delete addMemberObj[_id];
+        var membersInfo = membersObj[_userId] || membersObj[_id] || {};
+        if (membersInfo.roleId === rolesMap.owner) {
+          return membersInfo;
+        }
+        if ((membersInfo.parent || {}).name) {
+          var parentName = membersInfo.parent.name + ", " + teamName;
+          return _extends({}, member, membersInfo, {
+            parent: {
+              name: parentName
+            },
+            extra: intl.get({
+              id: 'rdc-tb-cd-assets.teambition.yunxiao-member.MembersBelongToParentname',
+              defaultMessage: '成员隶属于: {parentName}'
+            }, {
+              parentName: parentName
+            }),
+            relatedTos: [].concat(membersInfo.relatedTos || [], [{
+              _id: teamId,
+              memberType: teamMemberType,
+              name: teamName
+            }]),
+            status: statusMap.present
+          });
+        }
+        return _extends({}, member, {
+          parent: {
+            name: teamName
+          },
+          extra: intl.get({
+            id: 'rdc-tb-cd-assets.teambition.yunxiao-member.MembersBelongToName',
+            defaultMessage: '成员隶属于: {name}'
+          }, {
+            name: teamName
+          }),
+          relatedTos: [{
+            _id: teamId,
+            memberType: teamMemberType,
+            name: teamName
+          }],
+          status: statusMap.present
+        });
+      });
+      addMember.length && (memberList = [].concat(Object.values(addMemberObj), addMember));
+    }
+    var newMemberList = memberList.map(function (it) {
+      var memberInfo = membersObj[it._userId];
+      var res = _extends({}, it, {
+        status: statusMap.present,
+        roleId: addRole,
+        role: addRole
+      });
+      if (memberInfo) {
+        if (rolesWeight[addRole] < rolesWeight[memberInfo.roleId]) {
+          res = _extends({}, res, memberInfo, {
+            roleId: memberInfo.roleId,
+            role: memberInfo.roleId
+          });
+        }
+        delete membersObj[it._userId];
+      }
+      return res;
+    });
+    onMemberChange({
+      addMemberList: [].concat(newMemberList, Object.values(membersObj))
+    });
+  };
+  var onInviteClick = function onInviteClick() {
+    var nextUrl = encodeURIComponent(location.origin + "?org_id=" + orgId);
+    var openWindow = window.open("https://devops.aliyun.com/org-admin/" + orgId + "/members/member?invite=true&next_url=" + nextUrl);
+    var clock = setInterval(function () {
+      if (openWindow && openWindow.closed) {
+        clearInterval(clock);
+        getOrgMembers(setOrgMembers);
+      }
+    }, 1000);
+  };
+  var renderPanelExtra = function renderPanelExtra() {
+    var onClick = function onClick() {
+      setMemberVisible(true);
+    };
+
+    // 优先使用透传下来的 disabled
+    var btnDisabled = disabled !== null && disabled !== void 0 ? disabled : canAddMember;
+    var _restProps$noPermissi = restProps.noPermissionTips,
+      noPermissionTips = _restProps$noPermissi === void 0 ? '' : _restProps$noPermissi;
+    if (addMemberTrigger) {
+      return /*#__PURE__*/React.cloneElement(addMemberTrigger, {
+        onClick: onClick,
+        disabled: btnDisabled
+      });
+    }
+    var btn = /*#__PURE__*/React.createElement(Button, {
+      text: true,
+      type: "primary",
+      disabled: btnDisabled,
+      style: {
+        marginLeft: 10
+      },
+      onClick: onClick
+    }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "add-fill"
+    }), intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-info.member-info.AddMember',
+      defaultMessage: '新增成员'
+    }));
+    return btnDisabled && noPermissionTips ? /*#__PURE__*/React.createElement(Tooltip, {
+      trigger: btn,
+      align: "tl",
+      popupStyle: {
+        width: 292
+      }
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.components.pipeline-operation.NoPermission',
+      defaultMessage: '无权限对流水线进行此操作，请联系拥有该流水线所有权限的管理员添加权限'
+    })) : btn;
+  };
+  var getTriggerInvite = function getTriggerInvite() {
+    if (inviteVisible && (isAdmin || isOwner)) {
+      var onInvite = function onInvite() {
+        setMemberVisible(!memberVisible);
+        if (orgMembers.length === 1) {
+          track({
+            page: 'flow-member',
+            action: 'click-add-member'
+          });
+        }
+      };
+      return {
+        onInvite: onInvite
+      };
+    }
+    return {};
+  };
+  var getTriggerOnlyInvite = function getTriggerOnlyInvite() {
+    if (onlyInvite && (isAdmin || isOwner)) {
+      var onOnlyInvite = function onOnlyInvite() {
+        setMemberVisible(!memberVisible);
+        if (orgMembers.length === 1) {
+          track({
+            page: 'flow-member',
+            action: 'click-add-member'
+          });
+        }
+      };
+      return {
+        onOnlyInvite: onOnlyInvite
+      };
+    }
+    return {};
+  };
+  var customRoles = roles.filter(function (_ref21) {
+    var value = _ref21.value;
+    return value !== rolesMap.owner;
+  });
+  var dataSource = memberSort(filterRemoveMember(members, isAsync));
+  var getInvite = function getInvite() {
+    if (window.contextPath) return false;
+    return orgMembers.length === 1 && getFeature('member.invitation');
+  };
+  var onlyAdmin = dataSource.length === 1 && (isOwner || isAdmin);
+  var onlyAdminTip = "\u5F53\u524D" + ({
+    pipeline: '流水线',
+    deployGroup: '主机组',
+    buildGroup: '部署组'
+  }[objType] || '') + "\u53EA\u6709\u4E00\u4E2A\u6210\u5458\uFF0C\u65E0\u6CD5\u66F4\u6539\u6B64\u89D2\u8272";
+  var panelProps = _extends({
+    type: type,
+    isAdmin: isAdmin,
+    isOwner: isOwner,
+    customRoles: customRoles,
+    dataSource: dataSource,
+    rolesDisabledTips: intl.get({
+      id: 'rdc-tb-cd-assets.teambition.yunxiao-member.ThePermissionLevelOfThe',
+      defaultMessage: '流水线的权限等级必须比分组权限高，不支持更改。'
+    }),
+    loading: memberPanelLoading,
+    visible: memberPanelVisible,
+    onVisibleChange: function onVisibleChange(visible) {
+      _onVisibleChange && _onVisibleChange(visible);
+      if (memberVisible) return;
+      setMemberPanelVisible(visible);
+    },
+    hasSearch: isAdmin || isOwner,
+    searchPlaceholder: intl.get({
+      id: 'rdc-tb-cd-assets.teambition.yunxiao-member.EnterAKeyword',
+      defaultMessage: '输入关键字'
+    }),
+    onChangeItem: onChangeItem,
+    onChangeOwner: onChangeOwner,
+    maxContentHeight: 420,
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-flow-info.member-info.MemberList',
+      defaultMessage: '成员列表'
+    }),
+    listLoader: function () {
+      var _listLoader = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(m) {
+        var _ref22, _ref22$teamList, teamList, _ref22$memberList, memberList;
+        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
+            case 0:
+              _context6.next = 2;
+              return loaderTeamAndMember(m);
+            case 2:
+              _context6.t0 = _context6.sent;
+              if (_context6.t0) {
+                _context6.next = 5;
+                break;
+              }
+              _context6.t0 = {};
+            case 5:
+              _ref22 = _context6.t0;
+              _ref22$teamList = _ref22.teamList;
+              teamList = _ref22$teamList === void 0 ? [] : _ref22$teamList;
+              _ref22$memberList = _ref22.memberList;
+              memberList = _ref22$memberList === void 0 ? [] : _ref22$memberList;
+              return _context6.abrupt("return", [].concat(teamList, memberList));
+            case 11:
+            case "end":
+              return _context6.stop();
+          }
+        }, _callee6);
+      }));
+      function listLoader(_x6) {
+        return _listLoader.apply(this, arguments);
+      }
+      return listLoader;
+    }(),
+    extra: renderPanelExtra(),
+    onRemove: onItemRemove,
+    inviteBanner: getInvite(),
+    inviteBannerClick: function inviteBannerClick() {
+      onInviteClick();
+      track({
+        page: 'flow-member',
+        action: 'click-add-member'
+      });
+    }
+  }, getTriggerInvite(), getTriggerOnlyInvite(), restProps, onlyAdmin ? {
+    noPermissionTips: onlyAdminTip
+  } : {});
+  var isVpc = ENV === 'vpc';
+  return /*#__PURE__*/React.createElement(React.Fragment, null, type === 'panel' ? /*#__PURE__*/React.createElement(UilessMemberPanel.Panel, panelProps) : /*#__PURE__*/React.createElement(UilessMemberPanel, _extends({
+    v2: false
+  }, panelProps)), /*#__PURE__*/React.createElement(UilessMember, {
+    multiple: true,
+    key: "" + memberPanelKey + JSON.stringify(customRoles),
+    value: dataSource,
+    isAdmin: Number(currentUser.roleLevel) > 0,
+    defaultPage: getInvite() ? 'moreInvite' : 'home',
+    tabProps: [TeamTabProp],
+    v2: window.userInfos.env == 'vpc',
+    customRoles: customRoles,
+    hasSync: !isVpc,
+    extraMemberTypes: getFeature('member.team') && !isVpc ? ['team', 'more_invite'] : [],
+    loading: memberLoading,
+    okText: intl.get({
+      id: 'rdc-tb-cd-assets.btn-control.check-list-detail.locale.Submitted',
+      defaultMessage: '提交'
+    }),
+    cancelText: intl.get({
+      id: 'rdc-tb-cd-assets.btn-control.test-collection.locale.Cancel',
+      defaultMessage: '取消'
+    }),
+    onChange: onAddMemberChange,
+    visible: memberVisible,
+    onRequestClose: onMemberClose,
+    onOpenInviteUrl: function onOpenInviteUrl() {
+      track({
+        page: 'flow-invite-membe',
+        action: 'click-add-member'
+      });
+    },
+    onInviteBack: function onInviteBack() {
+      getOrgMembers(setOrgMembers);
+    }
+  }));
+});
+export { formatResultMemberList, buildPiplineMembers };
+export default Member;