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

package/es/components/dashboardMain/components/region-config/index.js

@@ -0,0 +1,194 @@
+import { Header, Section } from '@alife/yunxiao-layout';
+import { Checkbox, Balloon, Input, Button, Divider, Dialog, Message } from '@teamix/ui';
+import { YunxiaoIcon } from '@alife/devops-ui';
+import React, { useEffect, useState } from 'react';
+import { JsonParseWithCatch, getFeature } from "../../../../utils";
+import exceed from "../../../../utils/apimap";
+import intl from "../../../../locale";
+import { CopyToClipboard } from 'react-copy-to-clipboard';
+import { tireToast } from "../../../../utils";
+import helpLink from "../../../../utils/helplink";
+import Link from "../../../common/teambition/help-link";
+import "./index.scss";
+var PERMISSION_KEYPAIR_ADMIN = 'tb.role.keypair.admin';
+var PERMISSION_REGION_CONFIG = 'tb.role.regionConfig.admin';
+var _ref = window.AK_GLOBAL.currentUser || {},
+  permissions = _ref.permissions;
+var canView = permissions.includes(PERMISSION_KEYPAIR_ADMIN);
+var viewGegion = permissions.includes(PERMISSION_REGION_CONFIG);
+var Tooltip = Balloon.Tooltip;
+export default function Index() {
+  var _useState = useState(false),
+    value = _useState[0],
+    setValue = _useState[1];
+  var _useState2 = useState(''),
+    publickKey = _useState2[0],
+    setPublickKey = _useState2[1];
+  useEffect(function () {
+    exceed.fetch({
+      api: 'region.config.get',
+      data: {
+        name: 'region.config.showHavePermissionPipelineAndPipleineGorup',
+        defaultValue: false
+      }
+    }).then(function (v) {
+      var _v$object;
+      setValue(JsonParseWithCatch((_v$object = v.object) === null || _v$object === void 0 ? void 0 : _v$object.value, false));
+    });
+    getRegionKeyPair();
+  }, []);
+  var confirmReset = function confirmReset() {
+    Dialog.confirm({
+      messageProps: {
+        type: 'notice'
+      },
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.credential-form-item.keypair.ConfirmToResetTheEnterprise',
+        defaultMessage: '确认重置企业公钥'
+      }),
+      content: intl.get({
+        id: 'rdc-tb-cd-assets.pipeline-source.credential-form-item.keypair.AfterResettingANewEnterprise',
+        defaultMessage: '重置后将生成新的企业秘钥对，已配置使用公钥克隆的代码库需要重新导入公钥。'
+      }),
+      onOk: function onOk() {
+        resetKeyPair();
+      }
+    });
+  };
+  var getRegionKeyPair = function getRegionKeyPair() {
+    exceed.fetch({
+      api: 'Credential.region.keypair'
+    }).then(function (res) {
+      if (res.successful) {
+        setPublickKey(res.object.publicKey);
+      }
+    });
+  };
+  var resetKeyPair = function resetKeyPair() {
+    exceed.fetch({
+      api: 'Credential.region.keypair.reset'
+    }).then(function (res) {
+      if (res.successful) {
+        setPublickKey(res.object.publicKey);
+        Message.success({
+          title: intl.get({
+            id: 'rdc-tb-cd-assets.pipeline-source.credential-form-item.TheEnterpriseKeyPairHas',
+            defaultMessage: '企业秘钥对重置成功'
+          }),
+          duration: 2000
+        });
+      }
+    });
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.components.region-config.EnterprisePersonalization',
+      defaultMessage: '通用设置'
+    }, {
+      orgName: getFeature('org.name')
+    })
+  }), viewGegion && /*#__PURE__*/React.createElement(Section, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.components.region-config.Visibility',
+      defaultMessage: '可见性'
+    }),
+    titleBannerProps: {
+      open: true,
+      style: {
+        background: 'var(--color-brand3-2, #e9edf0)',
+        marginBottom: '12px'
+      }
+    }
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    checked: value,
+    onChange: function onChange(value) {
+      setValue(value);
+      exceed.fetch({
+        api: 'region.config.set',
+        data: {
+          name: 'region.config.showHavePermissionPipelineAndPipleineGorup',
+          value: value
+        }
+      });
+    }
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.components.region-config.YouCanOnlyViewThe',
+    defaultMessage: '仅支持查看我有权限的流水线/流水线分组列表'
+  }))), /*#__PURE__*/React.createElement(Section, {
+    title: /*#__PURE__*/React.createElement(React.Fragment, null, intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.credential-form-item.keypair.EnterprisePublicKey',
+      defaultMessage: '企业公钥'
+    }), /*#__PURE__*/React.createElement(Tooltip, {
+      trigger: /*#__PURE__*/React.createElement(YunxiaoIcon, {
+        type: "question-line",
+        style: {
+          marginLeft: 8,
+          color: '#6E6E6E',
+          fontSize: '18px'
+        }
+      }),
+      align: "tr"
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.credential-form-item.TheEnterprisePublicKeyDoes',
+      defaultMessage: '企业公钥不支持Github， 通过企业公钥，可帮助您快速连接企业的代码库'
+    }), helpLink('ssh_key') && /*#__PURE__*/React.createElement(React.Fragment, null, intl.get({
+      id: 'rdc-tb-cd-assets.pipeline-source.credential-form-item.ForBestPracticesPlease',
+      defaultMessage: '，最佳实践方案请'
+    }), /*#__PURE__*/React.createElement(Link, {
+      href: helpLink('ssh_key')
+    })))),
+    titleBannerProps: {
+      open: true,
+      style: {
+        background: 'var(--color-brand3-2, #e9edf0)',
+        marginBottom: '12px'
+      }
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "keys-wrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "keys-controls"
+  }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+    type: "link-line",
+    className: "keys-link-icon"
+  }), /*#__PURE__*/React.createElement(Divider, {
+    direction: "ver"
+  }), /*#__PURE__*/React.createElement(CopyToClipboard, {
+    text: publickKey,
+    onCopy: function onCopy() {
+      return tireToast({
+        title: intl.get({
+          id: 'rdc-tb-cd-assets.pipeline-source.credential-form-item.keypair.CopiedToClipboard',
+          defaultMessage: '成功复制到剪贴板'
+        })
+      }, 'copyWebhook', 'success', '500');
+    },
+    disabled: !canView
+  }, /*#__PURE__*/React.createElement(Button, {
+    text: true,
+    type: "primary",
+    className: "keys-link-copy"
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.pipeline-source.credential-form-item.keypair.Copy',
+    defaultMessage: '复制'
+  }))), /*#__PURE__*/React.createElement(Button, {
+    text: true,
+    type: "primary",
+    onClick: function onClick() {
+      confirmReset();
+    },
+    disabled: !canView
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.pipeline-source.credential-form-item.keypair.Reset',
+    defaultMessage: '重置'
+  }))), canView ? /*#__PURE__*/React.createElement(Input.TextArea, {
+    className: "publick-key-content",
+    value: publickKey,
+    readOnly: true
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: "no-permission"
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.components.region-config.YouDoNotHavePermission',
+    defaultMessage: '您暂无权限查看企业公钥'
+  })))));
+}

package/es/components/dashboardMain/components/region-config/index.scss

@@ -0,0 +1,48 @@
+
+.keys-wrapper {
+  width: 851px;
+
+  .publick-key-content {
+    width: 100%;
+  }
+  
+  .keys-controls {
+    height: 46px;
+    background: #F2F5F7;
+    display: flex;
+    align-items: center;
+
+    .keys-link-icon {
+      color: #6E6E6E;
+    }
+  }
+
+  .keys-link-icon {
+    margin: 0 6px 0 18px;
+  }
+
+  .keys-link-copy {
+    margin: 0 12px 0 4px;
+  }
+
+  .publick-key-content {
+    border-radius: 0 0 4px 4px;
+    border-top: 0;
+    padding-bottom: 12px;
+
+    textarea {
+      height: 117px;
+      line-height: 22px;
+      font-weight: 500;
+      overflow: hidden;
+    }
+  }
+
+  .no-permission {
+    text-align: center;
+    padding: 32px 0;
+    color: #ADADAD;
+    border: 1px solid #E9EDF0;
+    border-top: none;
+  }
+}

package/es/components/dashboardMain/components/roles-setting/index.d.ts

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

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

@@ -0,0 +1,334 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useEffect, useState } from 'react';
+import { Button, Message, Dialog, Loading } from '@teamix/ui';
+import { Content, Title } from '@alife/devops-ui';
+import RolesCard from "./roles-card";
+import RoleCreatePopup from "./role-create-popup";
+import Header from "../header";
+import { loadRoles, updateRoles, deleteRole, createRole, mergeData, loadCardRoles } from "./utils";
+import tools from "../../../../utils";
+import intl from "../../../../locale";
+import { Perf } from '@alife/yunxiao-common';
+import "./index.scss";
+var PREFIX = 'roles-setting';
+var canNewRole = tools.can('role.new');
+var RolesSetting = function RolesSetting(_ref) {
+  var _ref$actions = _ref.actions,
+    actions = _ref$actions === void 0 ? {} : _ref$actions;
+  var _useState = useState({}),
+    rolesIdMap = _useState[0],
+    setRolesIdMap = _useState[1];
+  var _useState2 = useState([]),
+    rolesIdList = _useState2[0],
+    setRolesIdList = _useState2[1];
+  var _useState3 = useState(true),
+    globalLoading = _useState3[0],
+    setGlobalLoading = _useState3[1];
+  var _useState4 = useState(false),
+    roleCreateVisible = _useState4[0],
+    setRoleCreateVisible = _useState4[1];
+  var getRoles = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var result;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return loadRoles();
+          case 2:
+            result = _context.sent;
+            setRolesIdMap(result.rolesIdMap);
+            setRolesIdList(result.rolesIdList);
+            globalLoading && setGlobalLoading(false);
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function getRoles() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    getRoles();
+  }, []);
+  var onDelete = function onDelete(_ref3) {
+    var id = _ref3.id,
+      name = _ref3.name;
+    var _title = intl.get({
+      id: 'rdc-tb-cd-assets.components.roles-setting.AreYouSureYouWant',
+      defaultMessage: '确认删除角色{name}?'
+    }, {
+      name: name
+    });
+    Dialog.alert({
+      messageProps: {
+        type: 'error'
+      },
+      title: /*#__PURE__*/React.createElement(Title, {
+        align: "t",
+        trigger: _title
+      }, _title),
+      content: intl.get({
+        id: 'rdc-tb-cd-assets.components.roles-setting.NoteAfterTheRoleIs',
+        defaultMessage: '提示：删除角色后, 目前设置为该角色的所有企业成员的权限角色将被调整为默认角色'
+      }),
+      onOk: function () {
+        var _onOk = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+          var _ref4, successful, _ref4$errorMsg, errorMsg;
+          return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return deleteRole(id);
+              case 2:
+                _context2.t0 = _context2.sent;
+                if (_context2.t0) {
+                  _context2.next = 5;
+                  break;
+                }
+                _context2.t0 = {};
+              case 5:
+                _ref4 = _context2.t0;
+                successful = _ref4.successful;
+                _ref4$errorMsg = _ref4.errorMsg;
+                errorMsg = _ref4$errorMsg === void 0 ? '' : _ref4$errorMsg;
+                if (!successful) {
+                  _context2.next = 14;
+                  break;
+                }
+                _context2.next = 12;
+                return getRoles();
+              case 12:
+                Message.success({
+                  title: intl.get({
+                    id: 'rdc-tb-cd-assets.components.roles-setting.RoleNameHasBeenDeleted',
+                    defaultMessage: '角色 {name} 已删除'
+                  }, {
+                    name: name
+                  })
+                });
+                return _context2.abrupt("return");
+              case 14:
+                Message.error({
+                  title: intl.get({
+                    id: 'rdc-tb-cd-assets.components.roles-setting.RoleNameFailedToBe',
+                    defaultMessage: '角色 {name} 删除失败 {errorMsg}'
+                  }, {
+                    name: name,
+                    errorMsg: errorMsg
+                  })
+                });
+              case 15:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2);
+        }));
+        function onOk() {
+          return _onOk.apply(this, arguments);
+        }
+        return onOk;
+      }()
+    });
+  };
+  var onSave = /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(params) {
+      var _yield$updateRoles, successful, name, _yield$updateRoles$er, errorMsg;
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 2;
+            return updateRoles(_extends({}, params, {
+              rolesIdMap: rolesIdMap
+            }));
+          case 2:
+            _yield$updateRoles = _context3.sent;
+            successful = _yield$updateRoles.successful;
+            name = _yield$updateRoles.name;
+            _yield$updateRoles$er = _yield$updateRoles.errorMsg;
+            errorMsg = _yield$updateRoles$er === void 0 ? '' : _yield$updateRoles$er;
+            if (!successful) {
+              _context3.next = 14;
+              break;
+            }
+            _context3.next = 10;
+            return getRoles();
+          case 10:
+            actions.getPermissions && actions.getPermissions();
+            Message.success({
+              title: intl.get({
+                id: 'rdc-tb-cd-assets.components.roles-setting.NameSaved',
+                defaultMessage: '{name} 已保存'
+              }, {
+                name: name
+              })
+            });
+            getRoles();
+            return _context3.abrupt("return");
+          case 14:
+            Message.error({
+              title: intl.get({
+                id: 'rdc-tb-cd-assets.components.roles-setting.NameNotSavedErrormsg',
+                defaultMessage: '{name} 未保存 {errorMsg}'
+              }, {
+                name: name,
+                errorMsg: errorMsg
+              })
+            });
+          case 15:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function onSave(_x) {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+  var getCardItems = function getCardItems() {
+    if (!rolesIdList.length) return null;
+    var onChange = /*#__PURE__*/function () {
+      var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(params) {
+        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              if (params.rolesId) {
+                setRolesIdMap(mergeData(params, rolesIdMap));
+              }
+            case 1:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4);
+      }));
+      return function onChange(_x2) {
+        return _ref6.apply(this, arguments);
+      };
+    }();
+    return rolesIdList.map(function (id, index) {
+      return /*#__PURE__*/React.createElement(RolesCard, _extends({
+        key: id,
+        rolesId: id
+      }, rolesIdMap[id], {
+        index: index,
+        onChange: onChange,
+        onDelete: onDelete,
+        onSave: onSave,
+        getCardRoles: getCardRoles
+      }));
+    });
+  };
+  var getCardRoles = /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(roleId) {
+      var rolesIdMapRes;
+      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            _context5.next = 2;
+            return loadCardRoles(roleId, rolesIdMap);
+          case 2:
+            rolesIdMapRes = _context5.sent;
+            setRolesIdMap(rolesIdMapRes);
+          case 4:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }));
+    return function getCardRoles(_x3) {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+  var onRoleCreate = /*#__PURE__*/function () {
+    var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(name) {
+      var _yield$createRole, successful, _yield$createRole$err, errorMsg;
+      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            _context6.next = 2;
+            return createRole(name);
+          case 2:
+            _yield$createRole = _context6.sent;
+            successful = _yield$createRole.successful;
+            _yield$createRole$err = _yield$createRole.errorMsg;
+            errorMsg = _yield$createRole$err === void 0 ? '' : _yield$createRole$err;
+            if (!successful) {
+              _context6.next = 12;
+              break;
+            }
+            _context6.next = 9;
+            return getRoles();
+          case 9:
+            Message.success({
+              title: intl.get({
+                id: 'rdc-tb-cd-assets.components.roles-setting.RoleNameHasBeenCreated',
+                defaultMessage: '角色 {name} 已创建'
+              }, {
+                name: name
+              })
+            });
+            setRoleCreateVisible(false);
+            return _context6.abrupt("return");
+          case 12:
+            Message.error({
+              title: intl.get({
+                id: 'rdc-tb-cd-assets.components.roles-setting.RoleNameFailedToBe.1',
+                defaultMessage: '角色 {name} 创建失败 {errorMsg}'
+              }, {
+                name: name,
+                errorMsg: errorMsg
+              })
+            });
+          case 13:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee6);
+    }));
+    return function onRoleCreate(_x4) {
+      return _ref8.apply(this, arguments);
+    };
+  }();
+  var renderCreateRolePopup = function renderCreateRolePopup() {
+    return /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      onClick: function onClick() {
+        return setRoleCreateVisible(true);
+      },
+      disabled: !canNewRole
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.components.roles-setting.CreateARole',
+      defaultMessage: '新建角色'
+    }));
+  };
+  if (globalLoading) {
+    return /*#__PURE__*/React.createElement(Loading, {
+      visible: globalLoading,
+      inline: false,
+      style: {
+        marginTop: 150
+      }
+    });
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, {
+    name: intl.get({
+      id: 'rdc-tb-cd-assets.dashboardMain.setting.RoleSettings',
+      defaultMessage: '角色设置'
+    }),
+    extra: renderCreateRolePopup()
+  }), /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement("div", {
+    className: PREFIX + "-content"
+  }, getCardItems())), /*#__PURE__*/React.createElement(Perf, null), /*#__PURE__*/React.createElement(RoleCreatePopup, {
+    visible: roleCreateVisible,
+    onVisibleChange: setRoleCreateVisible,
+    existNames: (rolesIdList || []).map(function (i) {
+      return (rolesIdMap[i] || {}).name;
+    }),
+    onCreate: onRoleCreate
+  }));
+};
+export default /*#__PURE__*/React.memo(RolesSetting);

package/es/components/dashboardMain/components/roles-setting/index.scss

@@ -0,0 +1,23 @@
+$PREFIX: roles-setting;
+
+.#{$PREFIX} {
+  &-header {
+    display: flex;
+    justify-content: space-between;
+    .text {
+      margin: 0;
+      font-size: 18px;
+      font-weight: 500;
+    }
+  }
+  &-content {
+    display: flex;
+    flex-wrap: wrap;
+    padding-top: 4px;
+    &::after {
+      content: '';
+      width: 304px;
+      display: inline-block;
+    }
+  }
+}

package/es/components/dashboardMain/components/roles-setting/role-create-popup/index.d.ts

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

package/es/components/dashboardMain/components/roles-setting/role-create-popup/index.js

@@ -0,0 +1,85 @@
+import React, { useState } from 'react';
+import { Input, Dialog } from '@teamix/ui';
+import intl from "../../../../../locale";
+import "./index.scss";
+var PREFIX = 'role-create-popup';
+var RoleCreatePopup = function RoleCreatePopup(props) {
+  var visible = props.visible,
+    _props$existNames = props.existNames,
+    existNames = _props$existNames === void 0 ? [] : _props$existNames;
+  var onVisibleChange = props.onVisibleChange,
+    onCreate = props.onCreate;
+  var _useState = useState(true),
+    disabled = _useState[0],
+    setDisabled = _useState[1];
+  var _useState2 = useState(''),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var _useState3 = useState(false),
+    createLoading = _useState3[0],
+    setCreateLoading = _useState3[1];
+  var onChange = function onChange(v) {
+    setValue(v);
+    if (!v || existNames.includes(v)) {
+      setDisabled(true);
+      return;
+    }
+    setDisabled(false);
+  };
+  var _onCreate = function _onCreate() {
+    setCreateLoading(true);
+    onCreate(value)["finally"](function () {
+      setCreateLoading(false);
+      setValue('');
+      setDisabled(true);
+    });
+  };
+  return /*#__PURE__*/React.createElement(Dialog, {
+    visible: visible,
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.setting.role.AddACustomRole',
+      defaultMessage: '添加自定义角色'
+    }),
+    className: PREFIX,
+    onClose: function onClose() {
+      onVisibleChange(false);
+      setValue('');
+    },
+    onCancel: function onCancel() {
+      onVisibleChange(false);
+      setValue('');
+    },
+    okProps: {
+      children: intl.get({
+        id: 'rdc-tb-cd-assets.components.variableGroup.newVariableGroupDialog.Create',
+        defaultMessage: '创建'
+      }),
+      loading: createLoading,
+      disabled: disabled
+    },
+    onOk: _onCreate
+  }, /*#__PURE__*/React.createElement("section", {
+    className: PREFIX + "-body"
+  }, /*#__PURE__*/React.createElement(Input, {
+    value: value,
+    placeholder: intl.get({
+      id: 'rdc-tb-cd-assets.roles-setting.role-create-popup.EnterARoleName',
+      defaultMessage: '请输入角色名称'
+    }),
+    style: {
+      width: '100%'
+    },
+    onChange: onChange
+  }), /*#__PURE__*/React.createElement("div", {
+    className: PREFIX + "-body-hint",
+    style: disabled && value ? {
+      opacity: 1
+    } : {}
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.setting.role.utils.TheNameNameAlreadyExists',
+    defaultMessage: '名称 {name} 已存在'
+  }, {
+    name: existNames[existNames.indexOf(value)] || ''
+  }))));
+};
+export default /*#__PURE__*/React.memo(RoleCreatePopup);