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

package/es/components/dashboardMain/components/roles-setting/utils.js

@@ -0,0 +1,409 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+var _excluded = ["id", "permissions", "level"],
+  _excluded2 = ["id", "permissions", "level"],
+  _excluded3 = ["code"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import exceed from "../../../../utils/apimap";
+import { sortBy } from 'lodash-es';
+import { locale } from "../../../../utils";
+import intl from "../../../../locale";
+var scGrayEnable = window.YUNXIAO_COMMON.serviceConnectionGrayRegion === 'true';
+export var getIconType = function getIconType(name) {
+  switch (name) {
+    case intl.get({
+      id: 'rdc-tb-cd-assets.components.roles-setting.utils.Owner',
+      defaultMessage: '拥有者'
+    }):
+      return 'owner-line';
+    case intl.get({
+      id: 'rdc-tb-cd-assets.components.roles-setting.utils.Administrator',
+      defaultMessage: '管理员'
+    }):
+      return 'administrator-line';
+    default:
+      return 'members-line';
+  }
+};
+export var loadRoles = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _yield$exceed$fetch, _yield$exceed$fetch$o, object, successful, sort, translate, sortedObject, translatedObject, rolesIdMap, rolesIdList;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return exceed.fetch({
+            api: 'Access.enterprise.role.list.by.org'
+          });
+        case 2:
+          _yield$exceed$fetch = _context.sent;
+          _yield$exceed$fetch$o = _yield$exceed$fetch.object;
+          object = _yield$exceed$fetch$o === void 0 ? [] : _yield$exceed$fetch$o;
+          successful = _yield$exceed$fetch.successful;
+          if (successful) {
+            _context.next = 8;
+            break;
+          }
+          return _context.abrupt("return", []);
+        case 8:
+          sort = function sort(list) {
+            if (list === void 0) {
+              list = [];
+            }
+            var sortConfig = {
+              拥有者: 1,
+              管理员: 2,
+              成员: 3,
+              外部成员: 4
+            };
+            return sortBy(list, function (_ref2) {
+              var name = _ref2.name;
+              return sortConfig[name];
+            });
+          };
+          translate = function translate(list) {
+            if (list === void 0) {
+              list = [];
+            }
+            var defaultRoleMap = {
+              拥有者: {
+                en_US: 'Owner'
+              },
+              管理员: {
+                en_US: 'Manager'
+              },
+              成员: {
+                en_US: 'Member'
+              },
+              外部成员: {
+                en_US: 'Outter Member'
+              }
+            };
+            list.forEach(function (role) {
+              var defaultRole = defaultRoleMap[role.name];
+              if (defaultRole && defaultRole[locale]) {
+                role.name = defaultRole[locale];
+              }
+            });
+            return list;
+          };
+          sortedObject = sort(object);
+          translatedObject = translate(sortedObject);
+          rolesIdMap = {};
+          rolesIdList = translatedObject.map(function (_ref3) {
+            var id = _ref3.id,
+              _ref3$permissions = _ref3.permissions,
+              permissions = _ref3$permissions === void 0 ? [] : _ref3$permissions,
+              level = _ref3.level,
+              others = _objectWithoutPropertiesLoose(_ref3, _excluded);
+            rolesIdMap[id] = _extends({
+              id: id,
+              level: level
+            }, others, {
+              permissionsCodeMap: {},
+              permissionsCodeList: []
+            });
+            return id;
+          });
+          return _context.abrupt("return", {
+            rolesIdList: rolesIdList,
+            rolesIdMap: rolesIdMap
+          });
+        case 15:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function loadRoles() {
+    return _ref.apply(this, arguments);
+  };
+}();
+export var loadCardRoles = /*#__PURE__*/function () {
+  var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(roleId, rolesIdMap) {
+    var _yield$exceed$fetch2, _yield$exceed$fetch2$, object, successful, id, _object$permissions, permissions, level, others, permissionTranslation, newRolesIdMap, permissionsCodeMap, permissionsCodeList;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 2;
+          return exceed.fetch({
+            api: 'Access.enterprise.role.list.by.org.roleld',
+            params: {
+              roleId: roleId
+            }
+          });
+        case 2:
+          _yield$exceed$fetch2 = _context2.sent;
+          _yield$exceed$fetch2$ = _yield$exceed$fetch2.object;
+          object = _yield$exceed$fetch2$ === void 0 ? {} : _yield$exceed$fetch2$;
+          successful = _yield$exceed$fetch2.successful;
+          if (successful) {
+            _context2.next = 8;
+            break;
+          }
+          return _context2.abrupt("return", {});
+        case 8:
+          id = object.id, _object$permissions = object.permissions, permissions = _object$permissions === void 0 ? [] : _object$permissions, level = object.level, others = _objectWithoutPropertiesLoose(object, _excluded2);
+          permissionTranslation = {
+            'tb.role.role.new': {
+              en_US: 'Create Role'
+            },
+            'tb.role.role.update': {
+              en_US: 'Update Role'
+            },
+            'tb.role.role.delete': {
+              en_US: 'Delete Role'
+            },
+            'tb.role.pipeline.create': {
+              en_US: 'Create Pipeline'
+            },
+            'tb.role.deployGroup.create': {
+              en_US: 'Create Deployment Group'
+            },
+            'tb.role.serviceConnection.create': {
+              en_US: 'Create Service Connection'
+            },
+            'tb.role.pipelineTemplate.create': {
+              en_US: 'Create Pipeline Template'
+            },
+            'tb.role.variableGroup.create': {
+              en_US: 'Create Variable Group'
+            },
+            'tb.role.tagGroup.create': {
+              en_US: 'Create Tag Group'
+            },
+            'tb.role.tag.create': {
+              en_US: 'Create Tag'
+            },
+            'tb.role.taskGroup.create': {
+              en_US: 'Create Task Group'
+            },
+            'tb.role.kubernetesCluster.create': {
+              en_US: 'Create Kubernetes Cluster'
+            },
+            'tb.role.pipeline.admin': {
+              en_US: 'Manage All'
+            },
+            'tb.role.deployGroup.admin': {
+              en_US: 'Manage All'
+            },
+            'tb.role.serviceConnection.admin': {
+              en_US: 'Manage All'
+            },
+            'tb.role.pipelineTemplate.admin': {
+              en_US: 'Manage All'
+            },
+            'tb.role.variableGroup.admin': {
+              en_US: 'Manage All'
+            },
+            'tb.role.tagGroup.admin': {
+              en_US: 'Manage All'
+            },
+            'tb.role.tag.admin': {
+              en_US: 'Manage All'
+            },
+            'tb.role.step.admin': {
+              en_US: 'Manage All'
+            },
+            'tb.role.taskGroup.admin': {
+              en_US: 'Manage All'
+            },
+            'tb.role.buildGroup.create': {
+              en_US: 'Manage All'
+            },
+            'tb.role.buildGroup.admin': {
+              en_US: 'Manage All'
+            },
+            // 'tb.role.keypair.admin': { en_US: 'Manage All' },
+            'tb.role.pipeline.view': {
+              en_US: 'View All'
+            },
+            'tb.role.maven.admin': {
+              en_US: 'Manage All'
+            },
+            'tb.role.pipelineGroup.admin': {
+              en_US: 'Manage All'
+            },
+            'tb.role.kubernetesCluster.admin': {
+              en_US: 'Manage All'
+            },
+            'tb.role.keypair.admin': {
+              en_US: 'Enterprise Public Key'
+            }
+          };
+          permissions.forEach(function (permission) {
+            var permissionItem = permissionTranslation[permission.code];
+            if (permissionItem && permissionItem[locale]) {
+              permission.name = permissionItem[locale];
+            }
+          });
+          newRolesIdMap = _extends({}, rolesIdMap);
+          permissionsCodeMap = {};
+          permissionsCodeList = permissions.reduce(function (prev, _ref5) {
+            var code = _ref5.code,
+              innerOthers = _objectWithoutPropertiesLoose(_ref5, _excluded3);
+            var group = code.split('.')[2];
+            if (!permissionsCodeMap[group]) permissionsCodeMap[group] = [];
+            if (scGrayEnable && code === 'tb.role.serviceConnection.create') {
+              permissionsCodeMap[group].push(_extends({
+                code: code,
+                level: level
+              }, innerOthers, {
+                name: intl.get({
+                  id: 'rdc-tb-cd-assets.components.roles-setting.utils.CreateAServiceConnection',
+                  defaultMessage: '创建服务连接'
+                })
+              }));
+            } else {
+              permissionsCodeMap[group].push(_extends({
+                code: code,
+                level: level
+              }, innerOthers));
+            }
+            if (!prev.includes(group)) prev.push(group);
+            return prev;
+          }, []);
+          newRolesIdMap[id] = _extends({
+            id: id,
+            level: level
+          }, others, {
+            permissionsCodeMap: permissionsCodeMap,
+            permissionsCodeList: permissionsCodeList
+          });
+          return _context2.abrupt("return", newRolesIdMap);
+        case 16:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function loadCardRoles(_x, _x2) {
+    return _ref4.apply(this, arguments);
+  };
+}();
+export var mergeData = function mergeData(params, data) {
+  var _extends2;
+  var _ref6 = params || {},
+    rolesId = _ref6.rolesId,
+    permissionsCodeMap = _ref6.permissionsCodeMap;
+  var result = _extends({}, data, (_extends2 = {}, _extends2[rolesId] = _extends({}, data[rolesId], {
+    permissionsCodeMap: _extends({}, data[rolesId].permissionsCodeMap, permissionsCodeMap)
+  }), _extends2));
+  return result;
+};
+export var updateRoles = /*#__PURE__*/function () {
+  var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref7) {
+    var id, name, _ref7$rolesIdMap, rolesIdMap, _ref9, permissionsCodeMap, permissionsCodeList, permissions, config, _ref11, successful, errorMsg;
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          id = _ref7.id, name = _ref7.name, _ref7$rolesIdMap = _ref7.rolesIdMap, rolesIdMap = _ref7$rolesIdMap === void 0 ? {} : _ref7$rolesIdMap;
+          _ref9 = rolesIdMap[id] || {}, permissionsCodeMap = _ref9.permissionsCodeMap, permissionsCodeList = _ref9.permissionsCodeList;
+          permissions = permissionsCodeList.reduce(function (prve, code) {
+            (permissionsCodeMap[code] || []).forEach(function (_ref10) {
+              var enabled = _ref10.enabled,
+                innerCode = _ref10.code;
+              return enabled && prve.push(innerCode);
+            });
+            return prve;
+          }, []).toString();
+          config = {
+            api: 'Access.enterprise.role.update',
+            data: {
+              id: id,
+              name: name,
+              permissions: permissions
+            }
+          };
+          _context3.next = 6;
+          return exceed.fetch(config);
+        case 6:
+          _context3.t0 = _context3.sent;
+          if (_context3.t0) {
+            _context3.next = 9;
+            break;
+          }
+          _context3.t0 = {};
+        case 9:
+          _ref11 = _context3.t0;
+          successful = _ref11.successful;
+          errorMsg = _ref11.errorMsg;
+          return _context3.abrupt("return", {
+            successful: successful,
+            name: name,
+            errorMsg: errorMsg,
+            id: id
+          });
+        case 13:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return function updateRoles(_x3) {
+    return _ref8.apply(this, arguments);
+  };
+}();
+export var deleteRole = /*#__PURE__*/function () {
+  var _ref12 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(id) {
+    var _yield$exceed$fetch3, successful, errorMsg;
+    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          _context4.next = 2;
+          return exceed.fetch({
+            api: 'Access.enterprise.role.delete',
+            data: {
+              roleId: id
+            }
+          });
+        case 2:
+          _yield$exceed$fetch3 = _context4.sent;
+          successful = _yield$exceed$fetch3.successful;
+          errorMsg = _yield$exceed$fetch3.errorMsg;
+          return _context4.abrupt("return", {
+            successful: successful,
+            errorMsg: errorMsg
+          });
+        case 6:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  }));
+  return function deleteRole(_x4) {
+    return _ref12.apply(this, arguments);
+  };
+}();
+export var createRole = /*#__PURE__*/function () {
+  var _ref13 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(name) {
+    var _yield$exceed$fetch4, successful, errorMsg;
+    return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          _context5.next = 2;
+          return exceed.fetch({
+            api: 'Access.enterprise.role.save',
+            data: {
+              name: name
+            }
+          });
+        case 2:
+          _yield$exceed$fetch4 = _context5.sent;
+          successful = _yield$exceed$fetch4.successful;
+          errorMsg = _yield$exceed$fetch4.errorMsg;
+          return _context5.abrupt("return", {
+            successful: successful,
+            errorMsg: errorMsg
+          });
+        case 6:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5);
+  }));
+  return function createRole(_x5) {
+    return _ref13.apply(this, arguments);
+  };
+}();

package/es/components/dashboardMain/components/search-panel/index.d.ts

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

package/es/components/dashboardMain/components/search-panel/index.js

@@ -0,0 +1,228 @@
+/* eslint-disable no-case-declarations */
+import React, { useState } from 'react';
+import { Overlay, Button, DatePicker } from '@teamix/ui';
+import { YunxiaoIcon, Title } from '@alife/devops-ui';
+import track from "../../../../utils/track";
+import { dayFormat, intervalEnterTime, setLocalStorageCache, getLocalStorageCache } from "../../../../utils";
+import cx from 'classnames';
+import DropdownPanel from "../dropdown-panel";
+import Member from '@alife/yunxiao-member/es';
+import { unionBy } from 'lodash-es';
+import intl from "../../../../locale";
+import "./index.scss";
+var PREFIX = 'search-panel';
+var Popup = Overlay.Popup;
+var RangePicker = DatePicker.RangePicker;
+var orgId = window.userInfos.orgId;
+var PIPELINE_SEARCH_MEMBERS = 'pipeline-search-members';
+var SearchPanel = function SearchPanel(props) {
+  var trigger = props.trigger,
+    disabled = props.disabled,
+    onReset = props.onReset,
+    dataSource = props.dataSource,
+    _props$size = props.size,
+    size = _props$size === void 0 ? '' : _props$size;
+  var _useState = useState(getLocalStorageCache(PIPELINE_SEARCH_MEMBERS + "/" + orgId) || []),
+    cacheMembers = _useState[0],
+    setCacheMembers = _useState[1];
+  var _useState2 = useState(false),
+    rangePickerVisible = _useState2[0],
+    setRangePickerVisible = _useState2[1];
+  var setMembers = function setMembers(members) {
+    var newMembers = unionBy([].concat(cacheMembers, members), function (_ref) {
+      var userInfo = _ref.userInfo;
+      return userInfo._id;
+    });
+    setCacheMembers(newMembers);
+    setLocalStorageCache(PIPELINE_SEARCH_MEMBERS + "/" + orgId, newMembers);
+  };
+  var renderTrigger = function renderTrigger(text) {
+    if (text === intl.get({
+      id: 'rdc-tb-cd-assets.dashboardMain.main.HeaderExtra.ToBeSelected',
+      defaultMessage: '待选择'
+    })) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: PREFIX + "__list__body__content--label"
+      }, text);
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: PREFIX + "__list__body__content--label"
+    }, /*#__PURE__*/React.createElement(Title, {
+      align: "t",
+      trigger: text
+    }, text));
+  };
+  var onValueChange = function onValueChange(it, key, value) {
+    if (props.onChange) {
+      props.onChange(key, value);
+    } else if (it.onChange) {
+      it.onChange(key, value);
+    }
+  };
+  var renderContent = function renderContent(it) {
+    var _intl$getLang, _intl$getLang$toLocal;
+    var _it$value = it.value,
+      value = _it$value === void 0 ? '' : _it$value,
+      placeholder = it.placeholder,
+      type = it.type,
+      key = it.key,
+      _it$children = it.children,
+      children = _it$children === void 0 ? {} : _it$children,
+      showTime = it.showTime,
+      multiple = it.multiple;
+    var valeArr = Array.isArray(value) ? [] : value.split(',');
+    switch (type) {
+      case 'member':
+        var selectMembers = valeArr && valeArr.length && cacheMembers.length ? cacheMembers.filter(function (_ref2) {
+          var userInfo = _ref2.userInfo;
+          return valeArr.includes(Number(userInfo._id)) || valeArr.includes(String(userInfo._id));
+        }) : [];
+        var memberText = valeArr && valeArr.length && selectMembers.length ? selectMembers.map(function (i) {
+          return i.name;
+        }).join(',') : placeholder;
+        return /*#__PURE__*/React.createElement(Member, {
+          key: key,
+          multiple: true,
+          type: "mini",
+          mode: "edit",
+          title: children.title || intl.get({
+            id: 'rdc-tb-cd-assets.components.search-panel.Select',
+            defaultMessage: '请选择'
+          }),
+          searchPlaceholder: intl.get({
+            id: 'rdc-tb-cd-assets.teambition.yunxiao-member.EnterAKeyword',
+            defaultMessage: '输入关键字'
+          }),
+          value: selectMembers.length ? selectMembers : [],
+          container: function container(_ref3) {
+            var parentNode = _ref3.parentNode;
+            return parentNode;
+          },
+          ready: setMembers,
+          onChange: function onChange(members) {
+            if (members === void 0) {
+              members = [];
+            }
+            setMembers(members);
+            var memberIds = members.map(function (_ref4) {
+              var userInfo = _ref4.userInfo;
+              return userInfo._id;
+            });
+            onValueChange(it, key, memberIds);
+          },
+          trigger: renderTrigger(memberText)
+        });
+      case 'rangePicker':
+        var rangePickerText = value.length ? dayFormat(value[0]) + " ~ " + dayFormat(value[1]) : placeholder;
+        return /*#__PURE__*/React.createElement(RangePicker, {
+          key: JSON.stringify(it),
+          popupAlign: "tr br",
+          defaultValue: value,
+          popupClassName: "searchPanel-rangePicker",
+          popupProps: {
+            afterOpen: function afterOpen() {
+              setRangePickerVisible(!rangePickerVisible);
+            }
+          },
+          onOk: function onOk(_ref5) {
+            var start = _ref5[0],
+              end = _ref5[1];
+            track({
+              action: "filter by " + key,
+              page: 'main page',
+              daysinceenterflow: intervalEnterTime()
+            });
+            onValueChange(it, key, [start, end]);
+          },
+          trigger: renderTrigger(rangePickerText),
+          format: (_intl$getLang = intl.getLang()) !== null && _intl$getLang !== void 0 && (_intl$getLang$toLocal = _intl$getLang.toLocaleLowerCase()) !== null && _intl$getLang$toLocal !== void 0 && _intl$getLang$toLocal.includes('en') ? 'MMM, DD, YYYY' : 'YYYY/MM/DD',
+          hasClear: false,
+          showTime: showTime ? {
+            format: 'HH:mm'
+          } : false
+        });
+      default:
+        var selectArr = valeArr && valeArr.length && (children.dataSource || []).length ? children.dataSource.filter(function (_ref6) {
+          var v = _ref6.value;
+          return valeArr.includes(Number(v)) || valeArr.includes(String(v));
+        }) : [];
+        var dropdownPanelText = selectArr.length ? selectArr.map(function (i) {
+          return i.name;
+        }).join(',') : placeholder;
+        return /*#__PURE__*/React.createElement(DropdownPanel, {
+          key: key,
+          multiple: multiple,
+          title: children.title || intl.get({
+            id: 'rdc-tb-cd-assets.components.search-panel.Select',
+            defaultMessage: '请选择'
+          }),
+          dataSource: children.dataSource || [],
+          value: selectArr.length ? selectArr.map(function (i) {
+            return i.value;
+          }) : [],
+          trigger: renderTrigger(dropdownPanelText),
+          onOk: function onOk(selectVals) {
+            onValueChange(it, key, selectVals);
+          }
+        });
+    }
+  };
+  var renderList = function renderList() {
+    return dataSource.map(function (it, index) {
+      var title = it.title,
+        _it$value2 = it.value,
+        value = _it$value2 === void 0 ? '' : _it$value2,
+        key = it.key;
+      return /*#__PURE__*/React.createElement("div", {
+        className: PREFIX + "__list__item",
+        key: title
+      }, /*#__PURE__*/React.createElement("div", {
+        className: PREFIX + "__list__title"
+      }, title), /*#__PURE__*/React.createElement("div", {
+        className: PREFIX + "__list__body"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: cx(PREFIX + "__list__body__content", {
+          'list__has-val': !!value.length
+        })
+      }, renderContent(it, index), /*#__PURE__*/React.createElement("div", {
+        className: PREFIX + "__list__body__content--clear"
+      }, /*#__PURE__*/React.createElement(Button, {
+        text: true,
+        size: "medium",
+        type: "secondary",
+        onClick: function onClick() {
+          return onValueChange(it, key, []);
+        }
+      }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+        type: "false-line"
+      }))))));
+    });
+  };
+  return /*#__PURE__*/React.createElement(Popup, {
+    trigger: trigger,
+    triggerType: "click",
+    align: "tr br",
+    safeNode: document.querySelector('.searchPanel-rangePicker'),
+    shouldUpdatePosition: true,
+    offset: [0, 8],
+    v2: false
+  }, /*#__PURE__*/React.createElement("section", {
+    className: PREFIX + " " + (size === 'small' ? 'small' : ''),
+    id: PREFIX
+  }, /*#__PURE__*/React.createElement("section", {
+    className: PREFIX + "__list"
+  }, renderList()), /*#__PURE__*/React.createElement("footer", {
+    className: PREFIX + "__footer"
+  }, /*#__PURE__*/React.createElement(Button, {
+    text: true,
+    type: "primary",
+    disabled: disabled,
+    onClick: onReset
+  }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+    type: "refresh-line"
+  }), intl.get({
+    id: 'rdc-tb-cd-assets.setting.region-keypair.Reset',
+    defaultMessage: '重置'
+  })))));
+};
+export default /*#__PURE__*/React.memo(SearchPanel);