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

package/es/components/dashboardMain/components/deploy-setting/main.js

@@ -0,0 +1,599 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+/* eslint-disable import/no-cycle */
+import React, { useState, useEffect, useRef, useMemo } from 'react';
+import Header from "../header";
+import { Message, Dialog, Loading, Box } from '@teamix/ui';
+import { YunxiaoTable as Table } from '@alife/devops-ui';
+import { devOpsToggleLift, pureObjs, intervalEnterTime } from "../../../../utils";
+import Avatar from "../../../common/teambition/avatar";
+import exceed from "../../../../utils/apimap";
+import { MachineGroupUpgrade } from "../machineGroupUpgrade";
+import track from "../../../../utils/track";
+import dayjs from 'dayjs';
+import permissionUtils from "../../../../utils/permissionUtil";
+import Operations from "./operations";
+import permissions from "./permissions";
+import MachineGroupTable from "./machineGroupTable";
+import { debounce } from 'lodash-es';
+import Empty from "../empty";
+import helpLink from "../../../../utils/helplink";
+import intl from "../../../../locale";
+import "../common.scss";
+import "./index.scss";
+export var PREFIX = 'tb-main';
+var DEFAULT_SIZE = 8;
+var pageSize = DEFAULT_SIZE;
+var screenEndTime = function screenEndTime(data) {
+  var _ref = data || {},
+    createEndTime = _ref.createEndTime;
+  var endTime = function endTime(time) {
+    return dayjs(time).add(1, 'days').format('YYYY-MM-DD HH:mm:ss');
+  };
+  if (createEndTime) {
+    data = _extends({}, data, {
+      createEndTime: endTime(createEndTime)
+    });
+  }
+  return data;
+};
+var MachineGroupMain = function MachineGroupMain() {
+  var initList = [{
+    machineGroupName: intl.get({
+      id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.NoData',
+      defaultMessage: '没有数据'
+    })
+  }];
+  var isTableExist = useRef(false);
+  var _useState = useState({
+      loading: true,
+      machineGroups: initList,
+      total: 0
+    }),
+    all = _useState[0],
+    setAll = _useState[1];
+  var _useState2 = useState(1),
+    pageNum = _useState2[0],
+    setPageNum = _useState2[1];
+  var _useState3 = useState('ID'),
+    pageSort = _useState3[0],
+    setPageSort = _useState3[1];
+  var _useState4 = useState('DESC'),
+    pageOrder = _useState4[0];
+  var _useState5 = useState(false),
+    canCreateMachineGroup = _useState5[0],
+    setCanCreateMachineGroup = _useState5[1];
+  var _useState6 = useState([]),
+    selectedMachineGroups = _useState6[0],
+    setSelectedMachineGroups = _useState6[1];
+  var _useState7 = useState([]),
+    failureMachineGroups = _useState7[0],
+    setFailureMachineGroups = _useState7[1];
+  var _useState8 = useState(),
+    failureMsg = _useState8[0],
+    setFailureMsg = _useState8[1];
+  var _useState9 = useState(false),
+    isLoadingMachineGroups = _useState9[0],
+    setLoadingMachineGroups = _useState9[1];
+  var _useState10 = useState({}),
+    conditions = _useState10[0],
+    _setConditions = _useState10[1];
+  var _useState11 = useState(false),
+    dialogVisible = _useState11[0],
+    _setDialogVisible = _useState11[1];
+  var _useState12 = useState(false),
+    showDialog = _useState12[0],
+    _setShowDialog = _useState12[1];
+  var _useState13 = useState({}),
+    machineGroupPermissionResult = _useState13[0],
+    setMachineGroupPermissionResult = _useState13[1];
+  var _useState14 = useState(''),
+    searchName = _useState14[0],
+    setSearchName = _useState14[1];
+  var _useState15 = useState(0),
+    totalWithoutFilter = _useState15[0],
+    setTotalWithoutFilter = _useState15[1];
+  var conditionsLen = useMemo(function () {
+    return Object.values(conditions).filter(Boolean).length;
+  }, [conditions]);
+  var checkMachineGroupPermission = function checkMachineGroupPermission() {
+    setCanCreateMachineGroup(window.AK_GLOBAL.currentUser.permissions.includes(permissions.PERMISSION_MACHINE_GROUP_CREATE));
+  };
+  var renderTableEmpty = function renderTableEmpty() {
+    return /*#__PURE__*/React.createElement(Empty, {
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.NoMainUnit',
+        defaultMessage: '暂无主机组'
+      }),
+      desc: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.TryCreatingAHostGroup',
+        defaultMessage: '请尝试新建主机组'
+      }),
+      onCreate: function onCreate() {
+        _setDialogVisible(true);
+        _setShowDialog(true);
+        track({
+          action: 'create host group',
+          page: 'empty page',
+          daysinceenterflow: intervalEnterTime()
+        });
+      },
+      btnText: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.HeaderExtra.CreateAHostGroup',
+        defaultMessage: '新建主机组'
+      }),
+      disabled: !canCreateMachineGroup
+    });
+  };
+  var batchGetResourcePermission = function batchGetResourcePermission(machineGroupList) {
+    var machineGroupIdList = machineGroupList.map(function (item) {
+      return item.id;
+    });
+    permissionUtils.batchCheckPermissionList([permissions.PERMISSION_MACHINE_GROUP_EDIT, permissions.PERMISSION_MACHINE_GROUP_DELETE], machineGroupIdList, 'deployGroup', window.AK_GLOBAL.currentUser.workid).then(function (data) {
+      setMachineGroupPermissionResult(data);
+    });
+  };
+  var listMachineGroup = function listMachineGroup(params) {
+    if (params === void 0) {
+      params = {};
+    }
+    var pageStart = pageSize * ((pageNum === 0 ? 1 : pageNum) - 1);
+    var data = _extends({
+      pageSize: pageSize,
+      pageStart: pageStart,
+      pageSort: pageSort,
+      pageOrder: pageOrder
+    }, pureObjs(_extends({}, conditions, params, {
+      name: searchName
+    })));
+    setLoadingMachineGroups(true);
+    exceed.fetch({
+      api: 'Machine.group.pageList',
+      params: {
+        purpose: 'deploy'
+      },
+      data: screenEndTime(data)
+    }).then(function (res) {
+      if (res.successful) {
+        batchGetResourcePermission(res.object.dataList);
+        setAll(_extends({}, all, {
+          loading: false,
+          machineGroups: res.object.dataList,
+          total: res.object.total
+        }));
+        if (!searchName && !conditionsLen) {
+          setTotalWithoutFilter(res.object.total);
+        }
+      }
+      setLoadingMachineGroups(false);
+    }).fail(function (err) {
+      console.error(err);
+      setLoadingMachineGroups(false);
+    });
+  };
+  useEffect(function () {
+    listMachineGroup();
+    checkMachineGroupPermission();
+  }, [pageNum, pageSort, pageOrder, searchName]);
+  var batchDeleteMachineGroups = function batchDeleteMachineGroups(machineGroupIds) {
+    Dialog.alert({
+      messageProps: {
+        type: 'warning'
+      },
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.BatchDelete',
+        defaultMessage: '批量删除'
+      }),
+      content: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.AreYouSureYouWant',
+        defaultMessage: '您确定删除共计 {machineGroupIdsLength} 个主机组吗？'
+      }, {
+        machineGroupIdsLength: machineGroupIds.length
+      }),
+      onOk: function onOk() {
+        return new Promise(function (resolve, reject) {
+          exceed.fetch({
+            api: 'Machine.group.batchDelete',
+            params: {
+              purpose: 'deploy'
+            },
+            data: {
+              machineGroupIds: machineGroupIds.join(',')
+            }
+          }).then(function (res) {
+            var success = (res.object || []).filter(function (result) {
+              return result.successful;
+            });
+            var failure = (res.object || []).filter(function (result) {
+              return !result.successful;
+            });
+            setFailureMachineGroups(failure);
+            setSelectedMachineGroups([]);
+            resolve();
+            if (failure.length === 0) {
+              Message.success({
+                content: intl.get({
+                  id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.DeletedSuccessfully',
+                  defaultMessage: '删除成功'
+                })
+              });
+            } else {
+              setFailureMsg(/*#__PURE__*/React.createElement("div", null, success.length, intl.get({
+                id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.TheHostGroupsHaveBeen',
+                defaultMessage: '个主机组删除成功，以下'
+              }), failure.length, ' ', intl.get({
+                id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.TheFollowingTableListsThe',
+                defaultMessage: '个主机组未删除成功，如下：'
+              })));
+            }
+            listMachineGroup();
+          }).fail(function (err, msg) {
+            reject();
+            setSelectedMachineGroups([]);
+            Message.error({
+              title: intl.get({
+                id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.Failed',
+                defaultMessage: '失败'
+              }),
+              content: msg
+            });
+            listMachineGroup();
+          });
+        });
+      }
+    });
+  };
+  var batchGrantPermissions = function batchGrantPermissions(users, role) {
+    var roleName = role.name;
+    var displayRoleName = role.role.i18nValue.replace(/(权限)?$/, intl.get({
+      id: 'rdc-tb-cd-assets.components.deploy-setting.main.Permissions',
+      defaultMessage: '权限'
+    }));
+    Dialog.confirm({
+      messageProps: {
+        type: 'notice'
+      },
+      className: PREFIX + "-batch",
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.BatchAdd',
+        defaultMessage: '批量添加'
+      }),
+      content: /*#__PURE__*/React.createElement(Box, {
+        style: {
+          lineHeight: 2
+        },
+        align: "center",
+        direction: "row"
+      }, intl.get({
+        id: 'rdc-tb-cd-assets.components.deploy-setting.main.YouAreSureToAdd',
+        defaultMessage: '您确定为已选中的{selectedMachineGroupsLength}个主机组共同添加“{displayRoleName}”给'
+      }, {
+        selectedMachineGroupsLength: selectedMachineGroups.length,
+        displayRoleName: displayRoleName
+      }), ' ', /*#__PURE__*/React.createElement(Avatar, {
+        uid: users[0]._userId
+      }), ' ', intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.WaitForUserslantingMembers',
+        defaultMessage: '等{usersLength}位成员吗？'
+      }, {
+        usersLength: users.length
+      })),
+      onOk: function onOk() {
+        return new Promise(function (resolve, reject) {
+          exceed.fetch({
+            api: 'Machine.group.batchSave',
+            data: {
+              machineGroupIds: selectedMachineGroups.join(','),
+              role: roleName,
+              userIds: users.map(function (user) {
+                return user.userInfo || {};
+              }).map(function (userInfo) {
+                return (userInfo.openId || userInfo._id || userInfo.id).replace(/^rdc:/, '');
+              }).join(',')
+            }
+          }).then(/*#__PURE__*/function () {
+            var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(res) {
+              var success, failure;
+              return _regeneratorRuntime.wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    success = (res.object || []).filter(function (result) {
+                      return result.successful;
+                    });
+                    failure = (res.object || []).filter(function (result) {
+                      return !result.successful;
+                    });
+                    resolve();
+                    setFailureMachineGroups(failure);
+                    if (failure.length === 0) {
+                      Message.success({
+                        content: intl.get({
+                          id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.AddedSuccessfully',
+                          defaultMessage: '添加成功'
+                        })
+                      });
+                    } else {
+                      setFailureMsg(/*#__PURE__*/React.createElement("div", null, success.length, intl.get({
+                        id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.ThePermissionIsAdded',
+                        defaultMessage: '条权限添加成功，以下'
+                      }), failure.length, ' ', intl.get({
+                        id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.TheErrorMessageReturnedBecause',
+                        defaultMessage: '条权限未添加成功，如下：'
+                      })));
+                    }
+                    _context.next = 7;
+                    return new Promise(function (resolve) {
+                      setTimeout(resolve, 500);
+                    });
+                  case 7:
+                    setSelectedMachineGroups([]);
+                    listMachineGroup();
+                    checkMachineGroupPermission();
+                  case 10:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee);
+            }));
+            return function (_x) {
+              return _ref2.apply(this, arguments);
+            };
+          }()).fail(function (err, msg) {
+            reject();
+            Message.error({
+              Messagetitle: intl.get({
+                id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.Failed',
+                defaultMessage: '失败'
+              }),
+              content: msg
+            });
+          });
+        });
+      }
+    });
+  };
+  var batchRevokePermissions = function batchRevokePermissions(users) {
+    Dialog.confirm({
+      messageProps: {
+        type: 'notice'
+      },
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.BatchDelete',
+        defaultMessage: '批量删除'
+      }),
+      className: PREFIX + "-batch",
+      content: /*#__PURE__*/React.createElement(Box, {
+        style: {
+          lineHeight: 2
+        },
+        align: "center",
+        direction: "row"
+      }, intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.YouAreSureToDelete',
+        defaultMessage: '您确定为已选中的{selectedMachineGroupsLength}个主机组共同删除'
+      }, {
+        selectedMachineGroupsLength: selectedMachineGroups.length
+      }), ' ', /*#__PURE__*/React.createElement(Avatar, {
+        uid: users[0]._userId || users[0]._id
+      }), ' ', intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.IsThereATotalOf',
+        defaultMessage: '等共计{usersLength}名成员吗？'
+      }, {
+        usersLength: users.length
+      })),
+      onOk: function onOk() {
+        return new Promise(function (resolve, reject) {
+          exceed.fetch({
+            api: 'Machine.group.batchRemoveMember',
+            data: {
+              machineGroupIds: selectedMachineGroups.join(','),
+              userIds: users.map(function (user) {
+                return user.userInfo || {};
+              }).map(function (userInfo) {
+                return userInfo.openId || userInfo._id;
+              }).join(',')
+            }
+          }).then(/*#__PURE__*/function () {
+            var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(res) {
+              var success, failure;
+              return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+                while (1) switch (_context2.prev = _context2.next) {
+                  case 0:
+                    success = (res.object || []).filter(function (result) {
+                      return result.successful;
+                    });
+                    failure = (res.object || []).filter(function (result) {
+                      return !result.successful && result.object;
+                    });
+                    setFailureMachineGroups(failure);
+                    resolve();
+                    if (failure.length === 0) {
+                      Message.success({
+                        content: intl.get({
+                          id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.DeletedSuccessfully',
+                          defaultMessage: '删除成功'
+                        })
+                      });
+                    } else {
+                      setFailureMsg(/*#__PURE__*/React.createElement("div", null, success.length, intl.get({
+                        id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.ThePermissionIsDeleted',
+                        defaultMessage: '条权限删除成功，以下'
+                      }), failure.length, ' ', intl.get({
+                        id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.ThePermissionIsNotDeleted',
+                        defaultMessage: '条权限未删除成功，如下：'
+                      })));
+                    }
+                    _context2.next = 7;
+                    return new Promise(function (resolve) {
+                      setTimeout(resolve, 500);
+                    });
+                  case 7:
+                    setSelectedMachineGroups([]);
+                    listMachineGroup();
+                    checkMachineGroupPermission();
+                  case 10:
+                  case "end":
+                    return _context2.stop();
+                }
+              }, _callee2);
+            }));
+            return function (_x2) {
+              return _ref3.apply(this, arguments);
+            };
+          }()).fail(function (err, msg) {
+            reject();
+            Message.error({
+              title: intl.get({
+                id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.Failed',
+                defaultMessage: '失败'
+              }),
+              content: msg
+            });
+          });
+        });
+      },
+      onClose: function onClose() {
+        devOpsToggleLift(false);
+      },
+      onCancel: function onCancel() {
+        devOpsToggleLift(false);
+      }
+    });
+  };
+  var _setFailureMsg = function _setFailureMsg() {
+    setFailureMsg();
+  };
+  var getHeaderExtra = function getHeaderExtra() {
+    if (totalWithoutFilter === 0) return null;
+    return /*#__PURE__*/React.createElement(Operations, {
+      setPageSort: setPageSort,
+      pageSort: pageSort,
+      canCreateMachineGroup: canCreateMachineGroup,
+      conditionsLen: conditionsLen,
+      conditions: conditions,
+      setPageNum: setPageNum,
+      listMachineGroup: listMachineGroup,
+      setSearchName: debounce(setSearchName, 500),
+      setConditions: function setConditions(data) {
+        _setConditions(data);
+        isTableExist.current = true;
+      },
+      addMachineGroup: function addMachineGroup() {
+        _setDialogVisible(true);
+        _setShowDialog(true);
+      }
+    });
+  };
+  if (all.loading) {
+    return /*#__PURE__*/React.createElement(Loading, {
+      inline: false,
+      style: {
+        marginTop: 150
+      }
+    });
+  }
+
+  // const { permissions: perm } = window.AK_GLOBAL.currentUser || {};
+  // const canUpgarde = perm.includes(permissions.PERMISSION_MACHINE_GROUP_ADMIN);
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.Cue',
+      defaultMessage: '提示'
+    }),
+    visible: !!failureMsg,
+    onCancel: function onCancel() {
+      return _setFailureMsg();
+    },
+    onOk: function onOk() {
+      return _setFailureMsg();
+    },
+    onClose: function onClose() {
+      return _setFailureMsg();
+    },
+    footerActions: ['ok'],
+    okProps: {
+      children: intl.get({
+        id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.GotIt',
+        defaultMessage: '知道了'
+      })
+    },
+    style: {
+      maxWidth: 1000
+    }
+  }, /*#__PURE__*/React.createElement("div", null, failureMsg), /*#__PURE__*/React.createElement(Table, {
+    className: 'failure-table',
+    dataSource: failureMachineGroups,
+    primaryKey: "id",
+    hasBorder: true
+  }, /*#__PURE__*/React.createElement(Table.Column, {
+    className: "name-column",
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.HostGroupName',
+      defaultMessage: '主机组名称'
+    }),
+    width: 200,
+    cell: function cell(_, __, record) {
+      return record.object && record.object.name;
+    }
+  }), /*#__PURE__*/React.createElement(Table.Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.Owner',
+      defaultMessage: '拥有者'
+    }),
+    cell: function cell(_, __, record) {
+      return /*#__PURE__*/React.createElement(Avatar, {
+        uid: record.object && record.object.creator
+      });
+    }
+  }), /*#__PURE__*/React.createElement(Table.Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.dashboardMain.machine-group-table.main.Cause',
+      defaultMessage: '出错原因'
+    }),
+    cell: function cell(_, __, record) {
+      return record.errorMsg;
+    }
+  }))), /*#__PURE__*/React.createElement(Header, {
+    name: intl.get({
+      id: 'rdc-tb-cd-assets.teambition.manage-header.HostGroupManagement',
+      defaultMessage: '主机组管理'
+    }),
+    helpText: intl.get({
+      id: 'rdc-tb-cd-assets.components.deploy-setting.main.AllowsYouToManageHosts',
+      defaultMessage: '支持按分组管理主机并授权用户，可在流水线主机部署等任务中使用'
+    }),
+    helpUrl: helpLink('manage_host'),
+    headerExtra: /*#__PURE__*/React.createElement(MachineGroupUpgrade, {
+      purpose: 'deploy'
+    }),
+    extra: getHeaderExtra()
+  }), /*#__PURE__*/React.createElement(MachineGroupTable, {
+    pageSize: pageSize,
+    pageNum: pageNum,
+    setPageNum: setPageNum,
+    listMachineGroup: listMachineGroup,
+    conditionsLen: conditionsLen,
+    totalWithoutFilter: totalWithoutFilter,
+    machineGroupPermissionResult: machineGroupPermissionResult,
+    loading: all.loading ? false : isLoadingMachineGroups,
+    machineGroups: all.machineGroups,
+    total: all.total,
+    emptyContent: renderTableEmpty(),
+    selection: selectedMachineGroups,
+    setSelection: setSelectedMachineGroups,
+    onBatchDelete: batchDeleteMachineGroups,
+    onBatchGrantPermissions: batchGrantPermissions,
+    onBatchRevokePermissions: batchRevokePermissions,
+    dialogVisible: dialogVisible,
+    setDialogVisible: function setDialogVisible(v) {
+      _setDialogVisible(v);
+    },
+    showDialog: showDialog,
+    setShowDialog: function setShowDialog(v) {
+      _setShowDialog(v);
+    }
+  }));
+};
+export default MachineGroupMain;

package/es/components/dashboardMain/components/deploy-setting/operations.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Operations: (props: any) => JSX.Element;
+export default Operations;