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

package/es/components/dashboardMain/components/machineGroupUpgrade/statusTable.js

@@ -0,0 +1,493 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+var _StatusIcon;
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { Balloon, Box, Button, Checkbox, Dialog, Loading, Message, Table } from '@teamix/ui';
+import dayjs from 'dayjs';
+import React, { useEffect, useState } from 'react';
+import cardStyles from "./card.module.scss";
+import exceed from "../../../../utils/apimap";
+import YunxiaoIcon from '@alife/yunxiao-icon';
+import styles from "./style.module.scss";
+import Title from '@teamix/title';
+import LogDialog from "../../../log-dialog";
+import { helpLinkIfAvailable } from "../../../../utils/helplink";
+import intl from "../../../../locale";
+export var MACHINE_FAILED_STATUS = 'Failed';
+export var MACHINE_RUNNING_STATUS = 'Running';
+var MACHINE_FINISHED_STATUS = 'Finished';
+var MACHINE_SKIPPED_STATUS = 'Skipped';
+var StatusIcon = (_StatusIcon = {}, _StatusIcon[MACHINE_FINISHED_STATUS] = {
+  icon: 'success-fill',
+  color: 'var(--color-success-5, #35AF58)',
+  text: intl.get({
+    id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.Success',
+    defaultMessage: '成功'
+  })
+}, _StatusIcon[MACHINE_SKIPPED_STATUS] = {
+  icon: 'notperformed-fill',
+  color: 'var(--color-text1-7, #8b8b8b)',
+  text: intl.get({
+    id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.Skipped',
+    defaultMessage: '已跳过'
+  })
+}, _StatusIcon[MACHINE_FAILED_STATUS] = {
+  icon: 'delete-fill',
+  color: 'var(--color-error-5, #CD3021)',
+  text: intl.get({
+    id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.Failed',
+    defaultMessage: '失败'
+  })
+}, _StatusIcon[MACHINE_RUNNING_STATUS] = {
+  icon: 'a-mingchengjiazaileixingmianxing',
+  color: '#006AD4',
+  text: intl.get({
+    id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.Upgrading',
+    defaultMessage: '升级中...'
+  }),
+  style: {
+    animation: 'loadingCircle 1.5s infinite linear'
+  }
+}, _StatusIcon);
+export function StatusTableDialog(props) {
+  var title = props.title,
+    visible = props.visible,
+    setVisible = props.setVisible,
+    upgradeTaskStatus = props.upgradeTaskStatus,
+    refresh = props.refresh,
+    purpose = props.purpose;
+  var _useState = useState({}),
+    selectionByGroupId = _useState[0],
+    setSelectionByGroupId = _useState[1];
+  var _useState2 = useState(false),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = useState(false),
+    putUpgradeSuccessLoading = _useState3[0],
+    setPutUpgradeSuccessLoading = _useState3[1];
+  var _useState4 = useState({
+      visible: false
+    }),
+    logDialogProps = _useState4[0],
+    setLogDialogProps = _useState4[1];
+  useEffect(function () {
+    if (!visible) {
+      setSelectionByGroupId({});
+    }
+  }, [visible]);
+  if (!upgradeTaskStatus) {
+    return null;
+  }
+  var machineGroupUpgradeTaskList = upgradeTaskStatus.machineGroupUpgradeTaskList;
+  var selectedCount = Object.values(selectionByGroupId).reduce(function (sum, groupSelection) {
+    return sum + ((groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.length) || 0);
+  }, 0);
+  var totalSelectableCount = machineGroupUpgradeTaskList.reduce(function (sum, group) {
+    var failedCountThisGroup = group.failedList.filter(function (v) {
+      return v.status === MACHINE_FAILED_STATUS;
+    }).length;
+    return sum + failedCountThisGroup;
+  }, 0);
+  var allSelected = machineGroupUpgradeTaskList.every(function (group) {
+    return group.failedList.filter(function (v) {
+      return v.status === MACHINE_FAILED_STATUS;
+    }).every(function (v) {
+      var _selectionByGroupId$g;
+      return (_selectionByGroupId$g = selectionByGroupId[group.machineGroupId]) === null || _selectionByGroupId$g === void 0 ? void 0 : _selectionByGroupId$g.includes(v.sn);
+    });
+  });
+  var batchOperate = function batchOperate(type, data) {
+    setLoading(true);
+    return exceed.fetch({
+      api: type === 'retry' ? 'Machine.group.batchRetry' : 'Machine.group.batchSkip',
+      params: {
+        purpose: purpose
+      },
+      data: data
+    }).then(/*#__PURE__*/function () {
+      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(res) {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              setLoading(false);
+              if (res.successful) {
+                setSelectionByGroupId({});
+                Message.success({
+                  content: intl.get({
+                    id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.OperationSucceeded',
+                    defaultMessage: '操作成功'
+                  })
+                });
+              }
+              _context.next = 4;
+              return new Promise(function (r) {
+                return setTimeout(r, 1000);
+              });
+            case 4:
+              refresh();
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }()).fail(function (err, msg) {
+      setLoading(false);
+      Message.error({
+        title: msg
+      });
+    });
+  };
+  function transformSelectionStateToRequstBody(selectionState) {
+    return {
+      machineGroupList: Object.entries(selectionState).map(function (_ref2) {
+        var k = _ref2[0],
+          v = _ref2[1];
+        return {
+          machineGroupId: k,
+          failedMachineList: v
+        };
+      })
+    };
+  }
+  function setSuccess() {
+    setPutUpgradeSuccessLoading(true);
+    exceed.fetch({
+      api: 'Machine.group.switchRunner',
+      data: {
+        purpose: purpose === 'build' ? 'BUILD_GROUP' : 'DEPLOY_GROUP'
+      }
+    }).then(/*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(res) {
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              setPutUpgradeSuccessLoading(false);
+              if (!res.successful) {
+                _context2.next = 6;
+                break;
+              }
+              Message.success({
+                content: intl.get({
+                  id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.OperationSucceeded',
+                  defaultMessage: '操作成功'
+                })
+              });
+              _context2.next = 5;
+              return new Promise(function (r) {
+                return setTimeout(r, 1000);
+              });
+            case 5:
+              window.location.reload();
+            case 6:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      }));
+      return function (_x2) {
+        return _ref3.apply(this, arguments);
+      };
+    }()).fail(function (err, msg) {
+      setPutUpgradeSuccessLoading(false);
+      Message.error({
+        title: msg
+      });
+    });
+  }
+  var allowSetSuccess = upgradeTaskStatus === null || upgradeTaskStatus === void 0 ? void 0 : upgradeTaskStatus.machineGroupUpgradeTaskList.flatMap(function (group) {
+    return group.failedList;
+  }).every(function (machine) {
+    var okStatus = [MACHINE_FINISHED_STATUS, MACHINE_SKIPPED_STATUS];
+    return okStatus.includes(machine.status);
+  });
+  return /*#__PURE__*/React.createElement(Dialog, {
+    title: title,
+    visible: visible,
+    onClose: function onClose() {
+      return setVisible(false);
+    },
+    onCancel: function onCancel() {
+      return setVisible(false);
+    },
+    size: 'large',
+    footer: /*#__PURE__*/React.createElement(Box, {
+      align: "center",
+      direction: "row",
+      justify: "space-between"
+    }, /*#__PURE__*/React.createElement(Box, {
+      align: "center",
+      direction: "row"
+    }, totalSelectableCount !== 0 && /*#__PURE__*/React.createElement(Checkbox, {
+      style: {
+        display: 'flex'
+      },
+      checked: allSelected,
+      indeterminate: selectedCount && !allSelected,
+      onChange: function onChange(v) {
+        if (v) {
+          var result = {};
+          machineGroupUpgradeTaskList.forEach(function (group) {
+            result[group.machineGroupId] = group.failedList.map(function (v) {
+              return v.status === MACHINE_FAILED_STATUS ? v.sn : null;
+            }).filter(Boolean);
+          });
+          setSelectionByGroupId(result);
+        } else {
+          setSelectionByGroupId({});
+        }
+      }
+    }, !selectedCount && intl.get({
+      id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.SelectAll',
+      defaultMessage: '全选'
+    }), Boolean(selectedCount) && /*#__PURE__*/React.createElement("span", null, intl.get({
+      id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.SelectedcountInstancesHaveBeenSelected',
+      defaultMessage: '已选择 {selectedCount} 个实例'
+    }, {
+      selectedCount: selectedCount
+    }))), Boolean(selectedCount) && /*#__PURE__*/React.createElement(Box, {
+      align: "center",
+      direction: "row"
+    }, /*#__PURE__*/React.createElement(Button, {
+      text: true,
+      type: "primary",
+      onClick: function onClick() {
+        batchOperate('retry', transformSelectionStateToRequstBody(selectionByGroupId));
+      }
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.RetrySelected',
+      defaultMessage: '重试已选'
+    })), /*#__PURE__*/React.createElement(Button, {
+      style: {
+        marginLeft: 8
+      },
+      text: true,
+      type: "primary",
+      onClick: function onClick() {
+        batchOperate('skip', transformSelectionStateToRequstBody(selectionByGroupId));
+      }
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.SkipSelected',
+      defaultMessage: '跳过已选'
+    })))), /*#__PURE__*/React.createElement(Box, {
+      direction: "row",
+      spacing: 8
+    }, /*#__PURE__*/React.createElement(Button, {
+      onClick: function onClick() {
+        setVisible(false);
+      }
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.Cancel',
+      defaultMessage: '取消'
+    })), /*#__PURE__*/React.createElement(Balloon.Tooltip, {
+      trigger: /*#__PURE__*/React.createElement(Button, {
+        disabled: !allowSetSuccess,
+        type: "primary",
+        onClick: function onClick() {
+          setSuccess();
+        }
+      }, intl.get({
+        id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.RunnerUpgradedToSuccessful',
+        defaultMessage: 'Runner升级置为成功'
+      }))
+    }, allowSetSuccess ? function () {
+      if (purpose === 'build') {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, intl.get({
+          id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.EnterprisePrivateBuildClusterRunner',
+          defaultMessage: '企业私有构建集群 Runner\n                        升级置为成功后，即可使用私有构建集群\n                        功能，流水线任务运行自动切换为新 Runner 方式'
+        }), helpLinkIfAvailable('runner_upgrade_guide', function (renderATag) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null, "\uFF0C", renderATag(intl.get({
+            id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.LearnMore',
+            defaultMessage: '了解更多'
+          })));
+        }));
+      } else {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, intl.get({
+          id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.EnterpriseHostRunnerAfterThe',
+          defaultMessage: '企业主机 Runner\n                        升级置为成功后，即可使用主机部署新功能，流水线主机部署任务自动切换为新\n                        Runner 方式'
+        }), helpLinkIfAvailable('deploy_runner_upgrade_guide', function (renderATag) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null, "\uFF0C", renderATag(intl.get({
+            id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.LearnMore',
+            defaultMessage: '了解更多'
+          })));
+        }));
+      }
+    }() : intl.get({
+      id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.TheMachineRunnerUpgradeIs',
+      defaultMessage: '存在机器Runner升级未完成，无法置为成功'
+    }))))
+  }, /*#__PURE__*/React.createElement(Loading, {
+    inline: false,
+    visible: loading || putUpgradeSuccessLoading
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.FlowIn',
+    defaultMessage: 'Flow 在'
+  }), dayjs(upgradeTaskStatus.startAt).format('YYYY-MM-DD'), intl.get({
+    id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.CarriedOutRunnerUnifiedUpgrade',
+    defaultMessage: '进行了\n        Runner 统一升级，此次升级失败。其中'
+  }), ' ', upgradeTaskStatus.machineSuccessCount, intl.get({
+    id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.TheMachineHasBeenUpgraded',
+    defaultMessage: '台机器升级成功， 以下'
+  }), ' ', upgradeTaskStatus.machineFailedCount, intl.get({
+    id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.UpgradeFailed',
+    defaultMessage: '台机器升级失败。'
+  }), helpLinkIfAvailable(purpose === 'build' ? 'runner_upgrade_guide' : 'deploy_runner_upgrade_guide', function (renderATag) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, renderATag(intl.get({
+      id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.ViewHelp',
+      defaultMessage: '查看帮助'
+    })));
+  }), machineGroupUpgradeTaskList.map(function (group) {
+    var groupId = group.machineGroupId;
+    return /*#__PURE__*/React.createElement(Card, {
+      style: {
+        marginTop: 12
+      },
+      title: /*#__PURE__*/React.createElement("div", null, group.machineGroupScope === 'appStack' ? 'AppStack' : 'Flow', ' ', "- ", group.machineGroupName)
+    }, /*#__PURE__*/React.createElement(Table, {
+      dataSource: group.failedList,
+      primaryKey: "sn",
+      rowSelection: {
+        selectedRowKeys: selectionByGroupId[groupId],
+        onChange: function onChange(ids) {
+          var _extends2;
+          setSelectionByGroupId(_extends({}, selectionByGroupId, (_extends2 = {}, _extends2[groupId] = ids, _extends2)));
+        },
+        getProps: function getProps(record) {
+          return {
+            disabled: record.status !== MACHINE_FAILED_STATUS
+          };
+        }
+      }
+    }, /*#__PURE__*/React.createElement(Table.Column, {
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.InstanceId',
+        defaultMessage: '实例 ID'
+      }),
+      width: 220,
+      dataIndex: "sn"
+    }), /*#__PURE__*/React.createElement(Table.Column, {
+      title: 'IP',
+      width: 140,
+      dataIndex: "ip"
+    }), /*#__PURE__*/React.createElement(Table.Column, {
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.InstanceName',
+        defaultMessage: '实例名称'
+      }),
+      width: 240,
+      dataIndex: "instanceName"
+    }), /*#__PURE__*/React.createElement(Table.Column, {
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.RunnerUpgradeStatus',
+        defaultMessage: 'Runner 升级状态'
+      }),
+      dataIndex: "status",
+      width: 160,
+      cell: function cell(status, _, record) {
+        var item = StatusIcon[status];
+        var isLog = record.logFormat === 1;
+        var errorLog = /*#__PURE__*/React.createElement("div", {
+          style: {
+            display: 'inline-flex',
+            lineHeight: '20px'
+          },
+          onClick: function onClick() {
+            setLogDialogProps({
+              visible: true,
+              logText: record.message,
+              title: /*#__PURE__*/React.createElement(React.Fragment, null, intl.get({
+                id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.ErrorMessage',
+                defaultMessage: '错误信息 ·'
+              }), record.sn)
+            });
+          }
+        }, item.text, status === MACHINE_FAILED_STATUS && /*#__PURE__*/React.createElement(Button, {
+          style: {
+            marginLeft: 4
+          },
+          type: "primary",
+          text: true
+        }, intl.get({
+          id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.ViewLogs',
+          defaultMessage: '查看日志'
+        })));
+        var textToShow = status === MACHINE_FAILED_STATUS ? record.message : item.text;
+        var statusText = /*#__PURE__*/React.createElement("div", {
+          style: {
+            maxWidth: 100,
+            display: 'inline-flex'
+          }
+        }, /*#__PURE__*/React.createElement(Title, {
+          trigger: textToShow
+        }, textToShow));
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+          type: item.icon,
+          className: styles["machine_status_" + status],
+          style: _extends({
+            color: item.color,
+            marginRight: 8
+          }, item.style)
+        }), status === MACHINE_FAILED_STATUS && isLog ? errorLog : statusText);
+      }
+    }), /*#__PURE__*/React.createElement(Table.Column, {
+      title: '',
+      width: 120,
+      cell: function cell(_, __, record) {
+        if (selectedCount) return '';
+        var itemData = {
+          machineGroupList: [{
+            machineGroupId: groupId,
+            failedMachineList: [record.sn]
+          }]
+        };
+        if (record.status !== MACHINE_FAILED_STATUS) {
+          return null;
+        }
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+          text: true,
+          type: "primary",
+          onClick: function onClick() {
+            batchOperate('retry', itemData);
+          }
+        }, intl.get({
+          id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.Retry',
+          defaultMessage: '重试'
+        })), /*#__PURE__*/React.createElement(Button, {
+          style: {
+            marginLeft: 8
+          },
+          text: true,
+          type: "primary",
+          onClick: function onClick() {
+            batchOperate('skip', itemData);
+          }
+        }, intl.get({
+          id: 'rdc-tb-cd-assets.components.machineGroupUpgrade.statusTable.Skip',
+          defaultMessage: '跳过'
+        })));
+      }
+    })));
+  })), logDialogProps.visible && /*#__PURE__*/React.createElement(LogDialog, _extends({}, logDialogProps, {
+    onClose: function onClose() {
+      setLogDialogProps({
+        visible: false
+      });
+    }
+  })));
+}
+function Card(props) {
+  var children = props.children,
+    title = props.title,
+    style = props.style;
+  return /*#__PURE__*/React.createElement("div", {
+    className: cardStyles.card,
+    style: style
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cardStyles.header
+  }, title), /*#__PURE__*/React.createElement("div", {
+    className: cardStyles.content
+  }, children));
+}

package/es/components/dashboardMain/components/machineGroupUpgrade/style.module.scss

@@ -0,0 +1,29 @@
+.confirmDialog {
+  .title {
+    font-size: 16px;
+    color: var(--color-text1-4, #292929);
+    margin: 16px 0 8px;
+    &:first-of-type {
+      margin-top: 0;
+    }
+
+    font-weight: 500;
+  }
+
+  .text {
+    font-size: 13px;
+    color: var(--color-text1-3, #575757);
+    line-height: 22px;
+  }
+
+  .subtext {
+    font-size: 13px;
+    color: var(--color-text1-3, #575757);
+    margin-left: 16px;
+    line-height: 22px;
+  }
+
+  strong {
+    box-shadow: 0 1px 0 currentColor;
+  }
+}

package/es/components/dashboardMain/components/machineGroupUpgrade/type.d.ts

@@ -0,0 +1,39 @@
+export type PURPOSE = 'build' | 'deploy';
+export interface IAllowUpgradeInfo {
+    allowUpgrade: boolean;
+    upgradeType: 'SCHEULDED' | 'DIRECT';
+    showUpgrade: boolean;
+}
+export interface IUpgradeTaskStatus {
+    machineTotalCount: number;
+    machineFailedCount: number;
+    upgradeBy: string;
+    message?: any;
+    env: string;
+    upgradeStatus: number;
+    machineSuccessCount: number;
+    regionId: number;
+    upgradeType: string;
+    id: number;
+    machineGroupUpgradeTaskList: MachineGroupUpgradeTaskList[];
+    startAt?: any;
+}
+interface MachineGroupUpgradeTaskList {
+    machineGroupId: number;
+    upgradeStatus: number;
+    stopAt?: any;
+    machineGroupUUID: string;
+    machineGroupName: string;
+    machineGroupScope: 'flow' | 'appStack';
+    failedList: FailedList[];
+    startAt?: any;
+}
+interface FailedList {
+    logFormat?: any;
+    instanceName: string;
+    ip: string;
+    sn: string;
+    message: string;
+    status: 'Failed' | 'Running' | 'Finished' | 'Skipped';
+}
+export {};

package/es/components/dashboardMain/components/machineGroupUpgrade/type.js

@@ -0,0 +1 @@
+export {};

package/es/components/dashboardMain/components/maven-setting/NpmSelectRepoDialog.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface Props {
+    visible: boolean;
+    setVisible: Function;
+    dataSource: any[];
+}
+export default function NpmSelectRepoDialog(props: Props): JSX.Element;
+export {};