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

package/es/components/dashboardMain/components/table-title-add-ons/index.js

@@ -0,0 +1,832 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["successful"];
+import React, { useState, useEffect } from 'react';
+import Member from '@alife/yunxiao-member';
+import { YunxiaoIcon, YunxiaoTable as Table } from '@alife/devops-ui';
+import { Button, Dialog, Divider, Message, Overlay, Select } from '@teamix/ui';
+import Avatar from "../../../common/teambition/avatar";
+import { devOpsToggleLift, setLocalStorageCache, getLocalStorageCache, intervalEnterTime, getFeature } from "../../../../utils";
+import track from "../../../../utils/track";
+import exceed from "../../../../utils/apimap";
+import { NEWBIE_TASK_STATUS } from "../../../newbieTask/util";
+import OperationPanel from "../../../common/teambition/operation-panel";
+import { formatGroupSelectSource } from "../pipeline-operation";
+import { unionBy } from 'lodash-es';
+import intl from "../../../../locale";
+import "./index.scss";
+import { locale } from "../../../../utils";
+var PREFIX = 'pipline-title-addons';
+var Column = Table.Column;
+var Popup = Overlay.Popup;
+var grouping = function grouping(list) {
+  if (list === void 0) {
+    list = [];
+  }
+  return list.reduce(function (prev, _ref) {
+    var successful = _ref.successful,
+      others = _objectWithoutPropertiesLoose(_ref, _excluded);
+    prev[successful ? 'success' : 'failure'].push(_extends({
+      successful: successful
+    }, others));
+    return prev;
+  }, {
+    success: [],
+    failure: []
+  });
+};
+var formatFailureText = function formatFailureText(text, success, failure) {
+  return String(text).replace(/success/, success).replace(/failure/, failure);
+};
+var handleNewbieTaskStatus = function handleNewbieTaskStatus() {
+  var cache = getLocalStorageCache(NEWBIE_TASK_STATUS) || {};
+  setLocalStorageCache(NEWBIE_TASK_STATUS, _extends({}, cache, {
+    create_pipeline: true,
+    update: true
+  }));
+  window.AK_GLOBAL.alreadyRunPipeline = 'true';
+};
+var TableTitleAddOns = function TableTitleAddOns(props) {
+  var _props$pipelineIds = props.pipelineIds,
+    pipelineIds = _props$pipelineIds === void 0 ? [] : _props$pipelineIds,
+    viewedPipelines = props.viewedPipelines,
+    _props$pipelineGroups = props.pipelineGroups,
+    pipelineGroups = _props$pipelineGroups === void 0 ? [] : _props$pipelineGroups,
+    _props$showNum = props.showNum,
+    showNum = _props$showNum === void 0 ? true : _props$showNum,
+    _props$type = props.type,
+    type = _props$type === void 0 ? '' : _props$type,
+    _props$permissions = props.permissions,
+    permissions = _props$permissions === void 0 ? [] : _props$permissions,
+    isGroup = props.isGroup;
+  var onSuccess = props.onSuccess,
+    onFailure = props.onFailure,
+    onPipelineMoveGroup = props.onPipelineMoveGroup;
+  var _useState = useState([]),
+    failurePipelines = _useState[0],
+    setFailurePipelines = _useState[1];
+  var _useState2 = useState(),
+    failureMsg = _useState2[0],
+    setFailureMsg = _useState2[1];
+  var _useState3 = useState([]),
+    allAvailableRoles = _useState3[0],
+    setAllAvailableRoles = _useState3[1];
+  var _useState4 = useState([]),
+    pipelineExistedMembers = _useState4[0],
+    setPipelineExistedMembers = _useState4[1];
+  var _useState5 = useState(false),
+    isLoadingExistedMembers = _useState5[0],
+    setLoadingExistedMembers = _useState5[1];
+  var _useState6 = useState(false),
+    saveGroupLoading = _useState6[0],
+    setSaveGroupLoading = _useState6[1];
+  var _useState7 = useState(''),
+    selectGroupId = _useState7[0],
+    setSelectGroupId = _useState7[1];
+  var _useState8 = useState(false),
+    moveGroupPopupShowing = _useState8[0],
+    setMoveGroupPopupShowing = _useState8[1];
+  var getAllAvailableRoles = function getAllAvailableRoles() {
+    exceed.fetch({
+      api: 'all.role.list'
+    }).then(function (_ref2) {
+      var successful = _ref2.successful,
+        _ref2$object = _ref2.object,
+        object = _ref2$object === void 0 ? [] : _ref2$object;
+      if (!successful) {
+        return;
+      }
+      var isEn = locale === 'en_US';
+      var res = object.filter(function (_ref3) {
+        var name = _ref3.name;
+        return name.toLowerCase() !== 'owner';
+      }).map(function (r) {
+        return {
+          label: isEn ? r.name : r.value,
+          value: String(r.id),
+          name: r.name,
+          role: r,
+          displayRoleName: r.i18nValue
+        };
+      });
+      setAllAvailableRoles(res);
+    });
+  };
+  var getSelectedPipelinesMembers = function getSelectedPipelinesMembers() {
+    setLoadingExistedMembers(true);
+    var config = {
+      api: 'Pipeline.member.batchGetPipelineMembers',
+      data: {
+        pipelineIds: pipelineIds.join(',')
+      }
+    };
+    exceed.fetch(config).then(function (_ref4) {
+      var successful = _ref4.successful,
+        object = _ref4.object,
+        errorMsg = _ref4.errorMsg;
+      setLoadingExistedMembers(false);
+      if (!successful) {
+        setPipelineExistedMembers([]);
+        return Message.error({
+          title: errorMsg
+        });
+      }
+      var res = object.reduce(function (prev, next) {
+        var id = next.id,
+          name = next.name,
+          openId = next.openId,
+          avatarUrl = next.avatarUrl;
+        if (prev[id]) return prev;
+        prev[id] = {
+          _id: id,
+          _userId: id,
+          name: name,
+          memberType: 'user',
+          userInfo: {
+            _id: openId || id,
+            openId: openId || id,
+            avatarUrl: avatarUrl,
+            name: name
+          }
+        };
+        return prev;
+      }, {});
+      setPipelineExistedMembers(Object.values(res));
+    }).fail(function (err) {
+      console.error(err);
+      setPipelineExistedMembers([]);
+      setLoadingExistedMembers(false);
+    });
+  };
+  useEffect(function () {
+    getAllAvailableRoles();
+  }, []);
+  var commonFetchSuccess = function commonFetchSuccess(config) {
+    var successful = config.successful,
+      errorMsg = config.errorMsg,
+      _config$object = config.object,
+      object = _config$object === void 0 ? [] : _config$object,
+      successText = config.successText,
+      failureText = config.failureText,
+      reject = config.reject,
+      resolve = config.resolve;
+    if (!successful) {
+      Message.error({
+        title: errorMsg
+      });
+      reject();
+      return;
+    }
+    var _ref5 = grouping(unionBy(object.filter(function (_ref6) {
+        var o = _ref6.object;
+        return o;
+      }), function (_ref7) {
+        var o = _ref7.object;
+        return o.id;
+      })) || {},
+      failure = _ref5.failure,
+      success = _ref5.success;
+    if (failure.length === 0) {
+      Message.success({
+        title: successText
+      });
+      devOpsToggleLift(false);
+      onSuccess && onSuccess();
+    } else {
+      setFailurePipelines(failure);
+      setFailureMsg(formatFailureText(failureText, success.length, failure.length));
+      devOpsToggleLift(true);
+    }
+    resolve();
+  };
+  var commonFetchFail = function commonFetchFail(msg, reject) {
+    Message.error({
+      title: msg
+    });
+    devOpsToggleLift(false);
+    onFailure && onFailure();
+    reject();
+  };
+  var batchDeletePipelines = function batchDeletePipelines() {
+    devOpsToggleLift(true);
+    track({
+      action: 'batch delete',
+      page: 'main page',
+      daysinceenterflow: intervalEnterTime()
+    });
+    var onOk = function onOk() {
+      return new Promise(function (resolve, reject) {
+        exceed.fetch({
+          api: 'Pipeline.batchDelete',
+          data: {
+            pipelineIds: pipelineIds.join(',')
+          }
+        }).then(function (res) {
+          var params = _extends({}, res, {
+            successText: intl.get({
+              id: 'rdc-tb-cd-assets.components.table-title-add-ons.DeletedSuccessfully',
+              defaultMessage: '删除成功'
+            }),
+            failureText: intl.get({
+              id: 'rdc-tb-cd-assets.components.table-title-add-ons.SuccessLinesWereDeletedThe',
+              defaultMessage: 'success 条流水线删除成功，以下 failure 条流水线未删除成功，如下：'
+            }),
+            resolve: resolve,
+            reject: reject
+          });
+          commonFetchSuccess(params);
+        }).fail(function (_, msg) {
+          return commonFetchFail(msg, reject);
+        });
+      });
+    };
+    Dialog.alert({
+      messageProps: {
+        type: 'warning'
+      },
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.components.table-title-add-ons.BatchDelete',
+        defaultMessage: '批量删除'
+      }),
+      content: /*#__PURE__*/React.createElement(React.Fragment, null, intl.get({
+        id: 'rdc-tb-cd-assets.components.table-title-add-ons.AreYouSureYouDelete',
+        defaultMessage: '您确定删除共计'
+      }), /*#__PURE__*/React.createElement("b", null, pipelineIds.length), intl.get({
+        id: 'rdc-tb-cd-assets.components.table-title-add-ons.APipeline',
+        defaultMessage: '条流水线吗？'
+      }), /*#__PURE__*/React.createElement("div", {
+        style: {
+          maxWidth: 366
+        }
+      }, intl.get({
+        id: 'rdc-tb-cd-assets.components.table-title-add-ons.DeleteReminder',
+        defaultMessage: '删除流水线将同时删除流水线正在运行的实例，删除后将无法恢复，请谨慎操作'
+      }))),
+      okProps: {
+        warning: true,
+        children: intl.get({
+          id: 'rdc-tb-cd-assets.components.table-title-add-ons.Delete',
+          defaultMessage: '删除'
+        })
+      },
+      onClose: function onClose() {
+        return devOpsToggleLift(false);
+      },
+      onCancel: function onCancel() {
+        return devOpsToggleLift(false);
+      },
+      onOk: onOk,
+      footerActions: ['cancel', 'ok']
+    });
+  };
+  var batchGrantPermissions = function batchGrantPermissions(users, _ref8) {
+    var roleName = _ref8.name,
+      displayRoleName = _ref8.displayRoleName;
+    devOpsToggleLift(true);
+    track({
+      action: 'batch grant',
+      page: 'main page',
+      daysinceenterflow: intervalEnterTime()
+    });
+    var onOk = function onOk() {
+      return new Promise(function (resolve, reject) {
+        var config = {
+          api: 'Pipeline.member.batchSave',
+          data: {
+            pipelineIds: pipelineIds.join(','),
+            role: roleName,
+            userIds: users.map(function (_ref9) {
+              var userInfo = _ref9.userInfo;
+              return userInfo || {};
+            }).map(function (_ref10) {
+              var openId = _ref10.openId,
+                _id = _ref10._id,
+                id = _ref10.id;
+              return (openId || _id || id).replace(/^rdc:/, '');
+            }).join(',')
+          }
+        };
+        exceed.fetch(config).then(function (res) {
+          var params = _extends({}, res, {
+            successText: intl.get({
+              id: 'rdc-tb-cd-assets.components.table-title-add-ons.AddedSuccessfully',
+              defaultMessage: '添加成功'
+            }),
+            failureText: intl.get({
+              id: 'rdc-tb-cd-assets.components.table-title-add-ons.TheSuccessPermissionIsAdded',
+              defaultMessage: 'success 条权限添加成功，以下 failure 条权限未添加成功，如下：'
+            }),
+            resolve: resolve,
+            reject: reject
+          });
+          commonFetchSuccess(params);
+        }).fail(function (_, msg) {
+          return commonFetchFail(msg, reject);
+        });
+      });
+    };
+    Dialog.confirm({
+      messageProps: {
+        type: 'notice'
+      },
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.components.table-title-add-ons.BatchAdd',
+        defaultMessage: '批量添加'
+      }),
+      animation: {
+        "in": 'expandInDown',
+        out: 'expandOutUp'
+      },
+      content: /*#__PURE__*/React.createElement("div", {
+        className: "add-permission-dialog-content"
+      }, intl.get({
+        id: 'rdc-tb-cd-assets.components.table-title-add-ons.YouAreSureToSelect',
+        defaultMessage: '您确定为已选中的'
+      }), "\xA0", /*#__PURE__*/React.createElement("b", null, pipelineIds.length), "\xA0", intl.get({
+        id: 'rdc-tb-cd-assets.components.table-title-add-ons.AddLinesTogether',
+        defaultMessage: '条流水线共同添加\n          ”'
+      }), displayRoleName.replace(/(权限)?$/, intl.get({
+        id: 'rdc-tb-cd-assets.components.table-title-add-ons.Permissions',
+        defaultMessage: '权限'
+      })), intl.get({
+        id: 'rdc-tb-cd-assets.components.table-title-add-ons.To',
+        defaultMessage: '“\n          给'
+      }), "\xA0", /*#__PURE__*/React.createElement(Avatar, {
+        uid: users[0]._userId
+      }), "\xA0", intl.get({
+        id: 'rdc-tb-cd-assets.components.table-title-add-ons.Etc',
+        defaultMessage: '等'
+      }), "\xA0", /*#__PURE__*/React.createElement("b", null, users.length), "\xA0", intl.get({
+        id: 'rdc-tb-cd-assets.components.table-title-add-ons.AMember',
+        defaultMessage: '位成员吗？'
+      })),
+      onClose: function onClose() {
+        return devOpsToggleLift(false);
+      },
+      onCancel: function onCancel() {
+        return devOpsToggleLift(false);
+      },
+      onOk: onOk
+    });
+  };
+  var batchRevokePermissions = function batchRevokePermissions(users) {
+    devOpsToggleLift(true);
+    track({
+      action: 'batch revoke',
+      page: 'main page',
+      daysinceenterflow: intervalEnterTime()
+    });
+    var onOk = function onOk() {
+      return new Promise(function (resolve, reject) {
+        var config = {
+          api: 'Pipeline.member.batchRemove',
+          data: {
+            pipelineIds: pipelineIds.join(','),
+            userIds: users.map(function (_ref11) {
+              var userInfo = _ref11.userInfo;
+              return userInfo || {};
+            }).map(function (_ref12) {
+              var openId = _ref12.openId,
+                _id = _ref12._id;
+              return openId || _id;
+            }).join(',')
+          }
+        };
+        exceed.fetch(config).then(function (res) {
+          var params = _extends({}, res, {
+            successText: intl.get({
+              id: 'rdc-tb-cd-assets.components.table-title-add-ons.DeletedSuccessfully',
+              defaultMessage: '删除成功'
+            }),
+            failureText: intl.get({
+              id: 'rdc-tb-cd-assets.components.table-title-add-ons.ThePermissionsOfTheSuccess',
+              defaultMessage: 'success 条权限删除成功，以下 failure 条权限未删除成功，如下：'
+            }),
+            resolve: resolve,
+            reject: reject
+          });
+          commonFetchSuccess(params);
+          setPipelineExistedMembers([]);
+        }).fail(function (_, msg) {
+          return commonFetchFail(msg, reject);
+        });
+      });
+    };
+    Dialog.confirm({
+      messageProps: {
+        type: 'notice'
+      },
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.components.table-title-add-ons.BatchDelete',
+        defaultMessage: '批量删除'
+      }),
+      content: /*#__PURE__*/React.createElement("div", {
+        className: "delete-member-dialog-content"
+      }, intl.get({
+        id: 'rdc-tb-cd-assets.components.table-title-add-ons.YouAreSureToSelect',
+        defaultMessage: '您确定为已选中的'
+      }), "\xA0", /*#__PURE__*/React.createElement("b", null, pipelineIds.length), "\xA0", intl.get({
+        id: 'rdc-tb-cd-assets.components.table-title-add-ons.DeleteAPipelineTogether',
+        defaultMessage: '条流水线共同删除'
+      }), "\xA0", /*#__PURE__*/React.createElement(Avatar, {
+        uid: users[0]._userId || users[0]._id
+      }), "\xA0", intl.get({
+        id: 'rdc-tb-cd-assets.components.table-title-add-ons.AndSoOn',
+        defaultMessage: '等共计'
+      }), users.length, intl.get({
+        id: 'rdc-tb-cd-assets.components.table-title-add-ons.Members',
+        defaultMessage: '名成员吗？'
+      })),
+      animation: {
+        "in": 'expandInDown',
+        out: 'expandOutUp'
+      },
+      onClose: function onClose() {
+        return devOpsToggleLift(false);
+      },
+      onCancel: function onCancel() {
+        return devOpsToggleLift(false);
+      },
+      onOk: onOk
+    });
+  };
+  var batchExecutePipelines = function batchExecutePipelines() {
+    devOpsToggleLift(true);
+    track({
+      action: 'batch execute',
+      page: 'main page',
+      daysinceenterflow: intervalEnterTime()
+    });
+    var nonBranchModePipelineIds = pipelineIds.filter(function (id) {
+      var byId = viewedPipelines.find(function (_ref13) {
+        var innerId = _ref13.pipelineId;
+        return innerId === id;
+      });
+      var sources = JSON.parse(byId.extendInfoVo.sources);
+      return sources.every(function (_ref14) {
+        var data = _ref14.data;
+        return !data.isBranchMode;
+      });
+    });
+    var noticeOptions = function noticeOptions() {
+      var branchPipelineNum = pipelineIds.length - nonBranchModePipelineIds.length;
+      switch (true) {
+        case pipelineIds.length === nonBranchModePipelineIds.length:
+          return {
+            content: intl.get({
+              id: 'rdc-tb-cd-assets.components.table-title-add-ons.AreYouSureYouWant',
+              defaultMessage: '您确认运行已选中的 {pipelineIdsLength} 条流水线吗？'
+            }, {
+              pipelineIdsLength: pipelineIds.length
+            }),
+            func: function func(config) {
+              return Dialog.confirm(_extends({}, config, {
+                messageProps: {
+                  type: 'notice'
+                }
+              }));
+            },
+            title: intl.get({
+              id: 'rdc-tb-cd-assets.components.table-title-add-ons.BatchRun',
+              defaultMessage: '批量运行'
+            })
+          };
+        case nonBranchModePipelineIds.length === 0:
+          return {
+            content: intl.get({
+              id: 'rdc-tb-cd-assets.components.table-title-add-ons.ThePipelineWithBranchMode',
+              defaultMessage: '开启分支模式的流水线不支持批量运行，请到流水线详情页运行。'
+            }),
+            func: function func(config) {
+              return Dialog.alert(_extends({}, config, {
+                messageProps: {
+                  type: 'warning'
+                }
+              }));
+            },
+            title: intl.get({
+              id: 'rdc-tb-cd-assets.components.table-title-add-ons.UnableToRunTheBranch',
+              defaultMessage: '无法批量运行分支模式流水线'
+            })
+          };
+        default:
+          return {
+            content: intl.get({
+              id: 'rdc-tb-cd-assets.components.table-title-add-ons.BranchpipelinenumPipelinesWithBranchmodeEnabled',
+              defaultMessage: '开启分支模式的 {branchPipelineNum} 条流水线不支持批量运行，确认运行其余的 {nonBranchModePipelineIdsLength} 条流水线吗？'
+            }, {
+              branchPipelineNum: branchPipelineNum,
+              nonBranchModePipelineIdsLength: nonBranchModePipelineIds.length
+            }),
+            func: function func(config) {
+              return Dialog.alert(_extends({}, config, {
+                messageProps: {
+                  type: 'warning'
+                }
+              }));
+            },
+            title: intl.get({
+              id: 'rdc-tb-cd-assets.components.table-title-add-ons.BatchRun',
+              defaultMessage: '批量运行'
+            })
+          };
+      }
+    };
+    var _noticeOptions = noticeOptions(),
+      content = _noticeOptions.content,
+      title = _noticeOptions.title,
+      func = _noticeOptions.func;
+    var onOk = function onOk() {
+      return new Promise(function (resolve, reject) {
+        var config = {
+          api: 'Pipeline.batchExecute',
+          data: {
+            pipelineIds: nonBranchModePipelineIds.join(',')
+          }
+        };
+        exceed.fetch(config).then(function (res) {
+          var params = _extends({}, res, {
+            successText: intl.get({
+              id: 'rdc-tb-cd-assets.components.table-title-add-ons.RunSuccessfully',
+              defaultMessage: '运行成功'
+            }),
+            failureText: intl.get({
+              id: 'rdc-tb-cd-assets.components.table-title-add-ons.SuccessLinesRunSuccessfullyAnd',
+              defaultMessage: 'success 条流水线运行成功，以下 failure 条未成功，如下：'
+            }),
+            resolve: resolve,
+            reject: reject
+          });
+          commonFetchSuccess(params);
+          handleNewbieTaskStatus();
+        }).fail(function (_, msg) {
+          return commonFetchFail(msg, reject);
+        });
+      });
+    };
+    func(_extends({
+      title: title,
+      content: content,
+      noBodyPadding: true,
+      onClose: function onClose() {
+        return devOpsToggleLift(false);
+      },
+      onCancel: function onCancel() {
+        return devOpsToggleLift(false);
+      }
+    }, nonBranchModePipelineIds.length ? {
+      onOk: onOk
+    } : {}));
+  };
+  var onCloseFailureDialog = function onCloseFailureDialog() {
+    setFailureMsg();
+    setFailurePipelines([]);
+    devOpsToggleLift(false);
+    onSuccess && onSuccess();
+  };
+  var batchMoveGroup = function batchMoveGroup() {
+    setSaveGroupLoading(true);
+    var groupName = pipelineGroups.find(function (_ref15) {
+      var id = _ref15.id;
+      return id === selectGroupId;
+    }).name;
+    onPipelineMoveGroup([].concat(pipelineIds), {
+      groupName: groupName,
+      groupId: selectGroupId
+    }, false)["finally"](function () {
+      setSaveGroupLoading(false);
+      onSuccess();
+      setMoveGroupPopupShowing(false);
+    });
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !!pipelineIds.length && /*#__PURE__*/React.createElement("section", {
+    className: PREFIX
+  }, showNum && /*#__PURE__*/React.createElement("div", {
+    className: PREFIX + "__tip"
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.components.table-title-add-ons.PipelineidsloppyIsSelected',
+    defaultMessage: '已选择 {pipelineIdsLength} 项'
+  }, {
+    pipelineIdsLength: pipelineIds.length
+  })), /*#__PURE__*/React.createElement("div", {
+    className: PREFIX + "__area"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: PREFIX + "__item"
+  }, /*#__PURE__*/React.createElement(Button, {
+    text: true,
+    size: "xs",
+    onClick: batchExecutePipelines
+  }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+    type: "play-line"
+  }), intl.get({
+    id: 'rdc-tb-cd-assets.components.table-title-add-ons.Run',
+    defaultMessage: '运行'
+  }))), !isGroup && getFeature('member.batch.add') && /*#__PURE__*/React.createElement("div", {
+    className: PREFIX + "__item"
+  }, /*#__PURE__*/React.createElement(Member, {
+    mode: "add",
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.components.table-title-add-ons.AddMultipleMembers1',
+      defaultMessage: '批量添加成员'
+    }),
+    multiple: true,
+    trigger: /*#__PURE__*/React.createElement(Button, {
+      size: "xs",
+      text: true
+    }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "add-members-line"
+    }), intl.get({
+      id: 'rdc-tb-cd-assets.components.table-title-add-ons.AddMember',
+      defaultMessage: '添加成员'
+    })),
+    onChange: function onChange(users, role) {
+      batchGrantPermissions(users, allAvailableRoles.find(function (_ref16) {
+        var value = _ref16.value;
+        return String(value) === String(role);
+      }));
+    },
+    customRoles: allAvailableRoles,
+    onVisibleChange: devOpsToggleLift
+  })), !isGroup && getFeature('member.batch.delete') && /*#__PURE__*/React.createElement("div", {
+    className: PREFIX + "__item"
+  }, /*#__PURE__*/React.createElement(Member, {
+    multiple: true,
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.components.table-title-add-ons.DeleteMultipleMembers',
+      defaultMessage: '批量删除成员'
+    }),
+    trigger: /*#__PURE__*/React.createElement(Button, {
+      size: "xs",
+      text: true
+    }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "delete-members-line"
+    }), intl.get({
+      id: 'rdc-tb-cd-assets.components.table-title-add-ons.DeleteAMember',
+      defaultMessage: '删除成员'
+    })),
+    onVisibleChange: function onVisibleChange(visible) {
+      visible && getSelectedPipelinesMembers();
+      devOpsToggleLift(visible);
+    },
+    onChange: batchRevokePermissions,
+    value: [],
+    loading: isLoadingExistedMembers,
+    dataSource: pipelineExistedMembers,
+    okText: intl.get({
+      id: 'rdc-tb-cd-assets.components.table-title-add-ons.Delete',
+      defaultMessage: '删除'
+    })
+  })), type !== 'project' && /*#__PURE__*/React.createElement("div", {
+    className: PREFIX + "__item"
+  }, /*#__PURE__*/React.createElement(Popup, {
+    triggerType: "click",
+    style: {
+      width: 240
+    },
+    onVisibleChange: function onVisibleChange() {
+      setMoveGroupPopupShowing(false);
+    },
+    visible: moveGroupPopupShowing,
+    canCloseByOutSideClick: true,
+    trigger: /*#__PURE__*/React.createElement(Button, {
+      text: true,
+      size: "xs",
+      onClick: function onClick() {
+        return setMoveGroupPopupShowing(true);
+      }
+    }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "move-line",
+      style: {
+        marginRight: 4
+      }
+    }), intl.get({
+      id: 'rdc-tb-cd-assets.components.table-title-add-ons.MobileGroup',
+      defaultMessage: '移动分组'
+    }))
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 240
+    }
+  }, /*#__PURE__*/React.createElement(OperationPanel, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.components.table-title-add-ons.SelectATargetGroup',
+      defaultMessage: '请选择目标组'
+    }),
+    onOk: batchMoveGroup,
+    okProps: {
+      loading: saveGroupLoading,
+      disabled: !selectGroupId
+    },
+    onClose: function onClose() {
+      setMoveGroupPopupShowing(false);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      color: 'var(--color-text1-7, #8b8b8b)',
+      marginBottom: 6
+    }
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.components.table-title-add-ons.GroupName',
+    defaultMessage: '分组名称'
+  })), /*#__PURE__*/React.createElement(Select, {
+    style: {
+      width: '100%'
+    },
+    placeholder: intl.get({
+      id: 'rdc-tb-cd-assets.components.table-title-add-ons.SelectAGroup',
+      defaultMessage: '请选择分组'
+    }),
+    showSearch: true,
+    popupProps: {
+      container: function container(_ref17) {
+        var parentNode = _ref17.parentNode;
+        return parentNode;
+      }
+    },
+    value: selectGroupId,
+    onChange: setSelectGroupId,
+    autoWidth: true,
+    dataSource: formatGroupSelectSource(pipelineGroups, permissions)
+  }))))), /*#__PURE__*/React.createElement(Divider, {
+    direction: "ver"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: PREFIX + "__item"
+  }, /*#__PURE__*/React.createElement(Button, {
+    text: true,
+    size: "xs",
+    style: {
+      color: 'var(--color-error-5, #CD3021)'
+    },
+    onClick: batchDeletePipelines
+  }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+    type: "delete-line"
+  }), intl.get({
+    id: 'rdc-tb-cd-assets.components.table-title-add-ons.DeleteSelected',
+    defaultMessage: '删除所选项'
+  }))))), /*#__PURE__*/React.createElement(Dialog, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.components.table-title-add-ons.Cue',
+      defaultMessage: '提示'
+    }),
+    visible: !!failureMsg,
+    footerActions: ['ok'],
+    okProps: {
+      children: intl.get({
+        id: 'rdc-tb-cd-assets.components.table-title-add-ons.GotIt',
+        defaultMessage: '知道了'
+      })
+    },
+    style: {
+      width: 800
+    },
+    onCancel: onCloseFailureDialog,
+    onOk: onCloseFailureDialog,
+    onClose: onCloseFailureDialog,
+    animation: {
+      "in": 'expandInDown',
+      out: 'expandOutUp'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: 10
+    }
+  }, failureMsg), /*#__PURE__*/React.createElement(Table, {
+    hasBorder: false,
+    dataSource: failurePipelines,
+    style: {
+      border: '1px solid var(--color-brand3-2, #e9edf0)',
+      borderBottom: 'none'
+    }
+  }, /*#__PURE__*/React.createElement(Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.components.table-title-add-ons.PipelineName',
+      defaultMessage: '流水线名称'
+    }),
+    width: 200,
+    cell: function cell(_, __, _ref18) {
+      var object = _ref18.object;
+      return object && object.name;
+    }
+  }), /*#__PURE__*/React.createElement(Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.components.table-title-add-ons.Owner',
+      defaultMessage: '拥有者'
+    }),
+    cell: function cell(_, __, _ref19) {
+      var object = _ref19.object;
+      return /*#__PURE__*/React.createElement(Avatar, {
+        uid: object && object.creator,
+        style: {
+          maxWidth: 200
+        }
+      });
+    }
+  }), /*#__PURE__*/React.createElement(Column, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.components.table-title-add-ons.Cause',
+      defaultMessage: '出错原因'
+    }),
+    dataIndex: "errorMsg"
+  }))));
+};
+export default /*#__PURE__*/React.memo(TableTitleAddOns);