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

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

@@ -0,0 +1,726 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useState, useEffect } from 'react';
+import { Header, YunxiaoIcon } from '@alife/devops-ui';
+import { Button, Upload, Message, Radio, Dialog, Form, Select, Loading, Notification } from '@teamix/ui';
+import SyntaxHighlighter from "../../../SyntaxHighlighter";
+import exceed from "../../../../utils/apimap";
+import intl from "../../../../locale";
+import { Perf } from '@alife/yunxiao-common';
+import cx from 'classnames';
+import "./index.scss";
+import styles from "./style.module.scss";
+import NpmSelectRepoDialog from "./NpmSelectRepoDialog";
+import { getFeature } from "../../../../utils";
+var FormItem = Form.Item;
+var PREFIX = 'maven-setting';
+var DEFAULT = 'default';
+var CUSTOM = 'custom';
+var Uploader = function Uploader(props) {
+  var _props$btnTitle = props.btnTitle,
+    btnTitle = _props$btnTitle === void 0 ? intl.get({
+      id: 'rdc-tb-cd-assets.components.maven-setting.UploadFiles',
+      defaultMessage: '上传文件'
+    }) : _props$btnTitle,
+    _props$dropable = props.dropable,
+    dropable = _props$dropable === void 0 ? false : _props$dropable,
+    _props$triggerStyle = props.triggerStyle,
+    triggerStyle = _props$triggerStyle === void 0 ? {} : _props$triggerStyle,
+    _props$onSuccess = props.onSuccess,
+    _onSuccess = _props$onSuccess === void 0 ? function () {} : _props$onSuccess;
+  var _useState = useState(false),
+    droping = _useState[0],
+    setDroping = _useState[1];
+  var _useState2 = useState(false),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var dropContent = function dropContent() {
+    return dropable ? /*#__PURE__*/React.createElement("div", {
+      className: !droping ? 'next-upload-drag' : 'next-upload-drag next-upload-drag-over'
+    }, /*#__PURE__*/React.createElement("p", {
+      className: "next-upload-drag-text"
+    }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "arrow-up-line"
+    }), intl.get({
+      id: 'rdc-tb-cd-assets.components.maven-setting.ClickOrDragTheFile',
+      defaultMessage: '点击或者拖拽文件到虚线框内'
+    })), /*#__PURE__*/React.createElement("p", {
+      className: "next-upload-drag-hint"
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.components.maven-setting.SelectLocalSettingsXml',
+      defaultMessage: '请选择本地的settings.xml'
+    }))) : /*#__PURE__*/React.createElement(Button, {
+      text: true,
+      type: "primary",
+      style: triggerStyle,
+      loading: loading
+    }, btnTitle);
+  };
+  var action = '/settings/maven/save';
+  if (window.contextPath) {
+    action = "/" + window.contextPath + "/settings/maven/save";
+  }
+  return /*#__PURE__*/React.createElement(Upload.Dragger, {
+    name: "setting",
+    action: action,
+    accept: ".xml",
+    onDragOver: function onDragOver() {
+      return setDroping(true);
+    },
+    onDragLeave: function onDragLeave() {
+      return setDroping(false);
+    },
+    onSuccess: function onSuccess(v) {
+      _onSuccess(v);
+      setLoading(false);
+    },
+    beforeUpload: function beforeUpload() {
+      return setLoading(true);
+    },
+    headers: {
+      'X-XSRF-TOKEN': window.csrfToken
+    }
+  }, dropContent());
+};
+var MavenSettingNew = function MavenSettingNew() {
+  var _useState3 = useState(),
+    mvenValue = _useState3[0],
+    setMavenValue = _useState3[1];
+  var _useState4 = useState({}),
+    mavenSettingsRepoValue = _useState4[0],
+    setMavenSettingsRepoValue = _useState4[1];
+  var _useState5 = useState({}),
+    downloadReleaseRepoDatasource = _useState5[0],
+    setDownloadReleaseRepoDatasource = _useState5[1];
+  var _useState6 = useState({}),
+    downloadSnapshotRepoDatasource = _useState6[0],
+    setDownloadSnapshotRepoDatasource = _useState6[1];
+  var _useState7 = useState({}),
+    uploadReleaseRepoDatasource = _useState7[0],
+    setUploadReleaseRepoDatasource = _useState7[1];
+  var _useState8 = useState({}),
+    uploadSnapshotRepoDatasource = _useState8[0],
+    setUploadSnapshotRepoDatasource = _useState8[1];
+  var _useState9 = useState({}),
+    npmRepoDatasource = _useState9[0],
+    setNpmRepoDatasource = _useState9[1];
+  var _useState10 = useState(false),
+    repoSettingsVisible = _useState10[0],
+    setRepoSettingsVisible = _useState10[1];
+  var _useState11 = useState(false),
+    npmSettingsVisible = _useState11[0],
+    setNpmSettingsVisible = _useState11[1];
+  var _useState12 = useState(),
+    xml = _useState12[0],
+    setXml = _useState12[1];
+  var _useState13 = useState(false),
+    preview = _useState13[0],
+    setPreview = _useState13[1];
+  var _useState14 = useState(true),
+    loading = _useState14[0],
+    setLoading = _useState14[1];
+  var getMavenSettingXML = function getMavenSettingXML() {
+    exceed.fetch({
+      api: 'Credential.region.maven'
+    }).then(function (res) {
+      setLoading(false);
+      if (res && res.successful) {
+        setXml(res.object.content);
+      }
+    });
+  };
+  var getUserRepoWithoutConnection = function getUserRepoWithoutConnection(type, showProxy) {
+    exceed.fetch({
+      api: 'Packages.REPO.WithoutConnection',
+      data: {
+        repoType: type,
+        showProxy: showProxy
+      }
+    }).then(function (res) {
+      if (res && res.successful) {
+        var repoDatasource = [];
+        var repoDatasourceWithoutProxy = [];
+        res.object.forEach(function (data) {
+          var obj = {
+            value: data.repoId,
+            label: data.repoName
+          };
+          if (data.repoCategory != 'Proxy') {
+            repoDatasourceWithoutProxy.push(obj);
+          }
+          repoDatasource.push(obj);
+        });
+        if (type === 'MAVEN_RELEASE') {
+          setUploadReleaseRepoDatasource(repoDatasourceWithoutProxy);
+          setDownloadReleaseRepoDatasource(repoDatasource);
+        } else if (type === 'MAVEN_SNAPSHOT') {
+          setUploadSnapshotRepoDatasource(repoDatasourceWithoutProxy);
+          setDownloadSnapshotRepoDatasource(repoDatasource);
+        } else {
+          setNpmRepoDatasource(repoDatasource);
+        }
+      }
+    });
+  };
+  var handleDownloadReleaseReposChange = function handleDownloadReleaseReposChange(value, action, item) {
+    mavenSettingsRepoValue.DOWNLOAD_RELEASE_REPO_IDS = value;
+    mavenSettingsRepoValue.REPOS = mavenSettingsRepoValue.REPOS || {};
+    item.forEach(function (v) {
+      if (!mavenSettingsRepoValue.REPOS[v.value]) {
+        mavenSettingsRepoValue.REPOS[v.value] = v.label;
+      }
+    });
+  };
+  var handleUploadReleaseReposChange = function handleUploadReleaseReposChange(value, action, item) {
+    mavenSettingsRepoValue.UPLOAD_RELEASE_REPO_ID = value;
+    mavenSettingsRepoValue.REPOS = mavenSettingsRepoValue.REPOS || {};
+    if (!mavenSettingsRepoValue.REPOS[item.value]) {
+      mavenSettingsRepoValue.REPOS[item.value] = item.label;
+    }
+  };
+  var handleDownloadSnapshotReposChange = function handleDownloadSnapshotReposChange(value, action, item) {
+    mavenSettingsRepoValue.DOWNLOAD_SNAPSHOT_REPO_IDS = value;
+    mavenSettingsRepoValue.REPOS = mavenSettingsRepoValue.REPOS || {};
+    item.forEach(function (v) {
+      if (!mavenSettingsRepoValue.REPOS[v.value]) {
+        mavenSettingsRepoValue.REPOS[v.value] = v.label;
+      }
+    });
+  };
+  var handleUploadSnapshotReposChange = function handleUploadSnapshotReposChange(value, action, item) {
+    mavenSettingsRepoValue.UPLOAD_SNAPSHOT_REPO_ID = value;
+    mavenSettingsRepoValue.REPOS = mavenSettingsRepoValue.REPOS || {};
+    if (!mavenSettingsRepoValue.REPOS[item.value]) {
+      mavenSettingsRepoValue.REPOS[item.value] = item.label;
+    }
+  };
+  var saveMavenSettingsRepo = function saveMavenSettingsRepo() {
+    // 判断仓库是否已被删除
+    var notExistRepoDatasource = [];
+    // 删除已经不存在repoId
+    if (!mavenSettingsRepoValue.REPOS) {
+      setRepoSettingsVisible(false);
+      return;
+    }
+    var realRepos = {};
+    Object.keys(mavenSettingsRepoValue.REPOS).forEach(function (repoId) {
+      if (mavenSettingsRepoValue.UPLOAD_SNAPSHOT_REPO_ID && mavenSettingsRepoValue.UPLOAD_SNAPSHOT_REPO_ID.indexOf(repoId) >= 0 || mavenSettingsRepoValue.DOWNLOAD_SNAPSHOT_REPO_IDS && mavenSettingsRepoValue.DOWNLOAD_SNAPSHOT_REPO_IDS.indexOf(repoId) >= 0 || mavenSettingsRepoValue.UPLOAD_RELEASE_REPO_ID && mavenSettingsRepoValue.UPLOAD_RELEASE_REPO_ID.indexOf(repoId) >= 0 || mavenSettingsRepoValue.DOWNLOAD_RELEASE_REPO_IDS && mavenSettingsRepoValue.DOWNLOAD_RELEASE_REPO_IDS.indexOf(repoId) >= 0) {
+        realRepos[repoId] = mavenSettingsRepoValue.REPOS[repoId];
+      }
+    });
+    mavenSettingsRepoValue.REPOS = realRepos;
+    Object.keys(mavenSettingsRepoValue.REPOS).forEach(function (repoId) {
+      var index1 = downloadReleaseRepoDatasource.findIndex(function (item) {
+        return item.value === repoId;
+      });
+      var index2 = downloadSnapshotRepoDatasource.findIndex(function (item) {
+        return item.value === repoId;
+      });
+      if (index1 < 0 && index2 < 0) {
+        var index = notExistRepoDatasource.findIndex(function (item) {
+          return item.key === repoId;
+        });
+        if (index < 0) {
+          notExistRepoDatasource.push({
+            repoId: repoId,
+            repoName: mavenSettingsRepoValue.REPOS[repoId]
+          });
+        }
+      }
+    });
+    if (notExistRepoDatasource.length > 0) {
+      var checkRepoIds = '';
+      notExistRepoDatasource.forEach(function (notExistRepo) {
+        checkRepoIds = checkRepoIds + notExistRepo.repoId + ",";
+      });
+      checkRepoIds = checkRepoIds.substring(0, checkRepoIds.lastIndexOf(','));
+      exceed.fetch({
+        api: 'Packages.REPO.WithDeleted',
+        data: {
+          repoType: 'maven',
+          repoIds: checkRepoIds
+        }
+      }).then(function (_ref) {
+        var successful = _ref.successful,
+          object = _ref.object;
+        if (!successful) return;
+        if (!object || object.length === 0) {
+          return;
+        }
+        var deleteRepos = '';
+        var notHavePermissionRepos = '';
+        object.forEach(function (repo) {
+          var notExistRepo = notExistRepoDatasource.find(function (item) {
+            return item.repoId == repo.repoId;
+          });
+          if (repo.isDeleted === 'Y') {
+            // 被删除的
+            deleteRepos = deleteRepos + notExistRepo.repoName + ",";
+          } else {
+            // 没有权限的
+            notHavePermissionRepos = notHavePermissionRepos + notExistRepo.repoName + ",";
+          }
+        });
+        var title = '';
+        if (deleteRepos) {
+          title = intl.get({
+            id: 'rdc-tb-cd-assets.components.maven-setting.TitleTheFollowingRepositoryDeleterepos',
+            defaultMessage: '{title}以下仓库 {deleteRepos}已经被删除,'
+          }, {
+            title: title,
+            deleteRepos: deleteRepos
+          });
+        }
+        if (notHavePermissionRepos) {
+          title = intl.get({
+            id: 'rdc-tb-cd-assets.components.maven-setting.TitleTheFollowingRepositoryNothavepermissionrepos',
+            defaultMessage: '{title}以下仓库 {notHavePermissionRepos}你没有权限,'
+          }, {
+            title: title,
+            notHavePermissionRepos: notHavePermissionRepos
+          });
+        }
+        Message.error({
+          title: intl.get({
+            id: 'rdc-tb-cd-assets.components.maven-setting.TitleCannotBeSaved',
+            defaultMessage: '{title}无法保存'
+          }, {
+            title: title
+          })
+        });
+      });
+    } else {
+      // 没有没有权限的或者删除的仓库，直接保存
+      var config = {
+        api: 'region.config.set',
+        data: {
+          name: 'region.global.maven.settings.repos',
+          value: JSON.stringify(mavenSettingsRepoValue)
+        }
+      };
+      exceed.fetch(config).then(function (_ref2) {
+        var successful = _ref2.successful;
+        if (!successful) return;
+        Message.success({
+          title: intl.get({
+            id: 'rdc-tb-cd-assets.components.maven-setting.TheGlobalMavenSettingsRepoHave',
+            defaultMessage: '修改云效默认 Maven 配置成功'
+          })
+        });
+      });
+      setRepoSettingsVisible(false);
+    }
+  };
+  var getMavenGlobalConfig = function getMavenGlobalConfig() {
+    var config = {
+      api: 'region.config.get',
+      data: {
+        name: 'region.global.maven',
+        defaultValue: 'default'
+      }
+    };
+    exceed.fetch(config).then(function (res) {
+      setMavenValue(res.successful ? res.object.value : DEFAULT);
+    });
+  };
+  var getMavenGlobalSettingsRepoConfig = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var config;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            config = {
+              api: 'region.config.get',
+              data: {
+                name: 'region.global.maven.settings.repos',
+                defaultValue: '{}'
+              }
+            };
+            _context.next = 3;
+            return exceed.fetch(config).then(function (res) {
+              var object = res.successful ? res.object.value : '';
+              object = object.replace(/&quot;/g, '"');
+              setMavenSettingsRepoValue(JSON.parse(object));
+            });
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function getMavenGlobalSettingsRepoConfig() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var setMavenGlobalConfig = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(next, hint) {
+      var config;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (hint === void 0) {
+              hint = true;
+            }
+            config = {
+              api: 'region.config.set',
+              data: {
+                name: 'region.global.maven',
+                value: next
+              }
+            };
+            _context2.next = 4;
+            return exceed.fetch(config).then(function (_ref5) {
+              var successful = _ref5.successful;
+              if (!successful) return;
+              hint && Message.success({
+                title: intl.get({
+                  id: 'rdc-tb-cd-assets.components.maven-setting.TheGlobalMavenSettingsHave',
+                  defaultMessage: '修改全局 Maven 设置成功'
+                })
+              });
+            });
+          case 4:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function setMavenGlobalConfig(_x, _x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  var valueRender = function valueRender(v) {
+    if (mavenSettingsRepoValue.REPOS && mavenSettingsRepoValue.REPOS[v.value]) {
+      return mavenSettingsRepoValue.REPOS[v.value];
+    }
+    return v.label;
+  };
+  function renderCard(_ref6) {
+    var checked = _ref6.checked,
+      optionDisabled = _ref6.optionDisabled,
+      header = _ref6.header,
+      desc = _ref6.desc,
+      hoverOperation = _ref6.hoverOperation,
+      hoverBtnProps = _ref6.hoverBtnProps,
+      onSelect = _ref6.onSelect;
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.card
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.header
+    }, /*#__PURE__*/React.createElement(Radio, {
+      disabled: optionDisabled,
+      onChange: onSelect,
+      className: styles.check,
+      checked: checked
+    }, header)), /*#__PURE__*/React.createElement("div", {
+      className: styles.desc
+    }, desc), /*#__PURE__*/React.createElement("div", {
+      className: styles.hoverBtn
+    }, hoverOperation || /*#__PURE__*/React.createElement(Button, _extends({
+      text: true,
+      type: "primary"
+    }, hoverBtnProps))));
+  }
+  useEffect(function () {
+    getMavenGlobalConfig();
+    getMavenGlobalSettingsRepoConfig();
+    getMavenSettingXML();
+    if (getFeature('build.settings.packages')) {
+      getUserRepoWithoutConnection('MAVEN_RELEASE', true);
+      getUserRepoWithoutConnection('MAVEN_SNAPSHOT', true);
+      getUserRepoWithoutConnection('NPM', false);
+    }
+  }, []);
+  useEffect(function () {
+    npmSettingsVisible && getUserRepoWithoutConnection('NPM', false);
+  }, [npmSettingsVisible]);
+  if (loading) {
+    return /*#__PURE__*/React.createElement(Loading, {
+      inline: false,
+      style: {
+        marginTop: 150
+      }
+    });
+  }
+  var content = /*#__PURE__*/React.createElement("div", {
+    className: PREFIX
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.subTitle
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.components.maven-setting.EnterpriseMavenConfiguration',
+    defaultMessage: '{orgName} Maven 配置'
+  }, {
+    orgName: getFeature('org.name')
+  })), getFeature('build.settings.packages') && renderCard({
+    checked: mvenValue === DEFAULT,
+    onSelect: function onSelect() {
+      setMavenGlobalConfig(DEFAULT);
+      setMavenValue(DEFAULT);
+    },
+    desc: intl.get({
+      id: 'rdc-tb-cd-assets.components.maven-setting.TheDefaultCloudEffectConfiguration',
+      defaultMessage: '云效默认配置会帮您自动生成 setting.xml 文件，连接阿里云公共代理仓库 maven.aliyun.com，并自动引入您的云效 Maven 私库 packages.aliyun.com，您可选择默认配置中依赖的 release 仓库和 snapshot 仓库'
+    }),
+    header: intl.get({
+      id: 'rdc-tb-cd-assets.components.maven-setting.CloudEffectDefaultMavenConfiguration',
+      defaultMessage: '云效默认 Maven 配置'
+    }),
+    hoverBtnProps: {
+      onClick: function () {
+        var _onClick = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+          return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+            while (1) switch (_context3.prev = _context3.next) {
+              case 0:
+                getUserRepoWithoutConnection('MAVEN_RELEASE', true);
+                getUserRepoWithoutConnection('MAVEN_SNAPSHOT', true);
+                _context3.next = 4;
+                return getMavenGlobalSettingsRepoConfig();
+              case 4:
+                setRepoSettingsVisible(true);
+              case 5:
+              case "end":
+                return _context3.stop();
+            }
+          }, _callee3);
+        }));
+        function onClick() {
+          return _onClick.apply(this, arguments);
+        }
+        return onClick;
+      }(),
+      children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+        type: "edit-line"
+      }), intl.get({
+        id: 'rdc-tb-cd-assets.components.maven-setting.EditConfiguration',
+        defaultMessage: '编辑配置'
+      }))
+    }
+  }), renderCard({
+    checked: mvenValue === CUSTOM,
+    optionDisabled: !xml,
+    onSelect: function onSelect() {
+      setMavenGlobalConfig(CUSTOM);
+      setMavenValue(CUSTOM);
+    },
+    header: intl.get({
+      id: 'rdc-tb-cd-assets.components.maven-setting.CustomMavenConfiguration',
+      defaultMessage: '自定义 Maven 配置'
+    }),
+    desc: /*#__PURE__*/React.createElement(React.Fragment, null, intl.get({
+      id: 'rdc-tb-cd-assets.components.maven-setting.IfYouNeedToIntroduce.1',
+      defaultMessage: '若你需要引入其他 Maven 私库， 你可以上传自己的 Maven 配置文件。'
+    }), xml && /*#__PURE__*/React.createElement(React.Fragment, null, intl.get({
+      id: 'rdc-tb-cd-assets.components.maven-setting.CurrentlyUsed',
+      defaultMessage: '当前使用（'
+    }), /*#__PURE__*/React.createElement(Button, {
+      style: {
+        verticalAlign: 'baseline'
+      },
+      onClick: function onClick() {
+        setPreview(true);
+      },
+      text: true,
+      type: "primary"
+    }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "file-2-line"
+    }), "settings.xml"), "\uFF09")),
+    hoverOperation: /*#__PURE__*/React.createElement(Uploader, {
+      dropable: false,
+      btnTitle: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+        type: "upload-file-line"
+      }), ' ', xml ? intl.get({
+        id: 'rdc-tb-cd-assets.components.maven-setting.ReUpload',
+        defaultMessage: '重新上传'
+      }) : intl.get({
+        id: 'rdc-tb-cd-assets.components.maven-setting.PleaseUploadItFirst',
+        defaultMessage: '请先上传'
+      })),
+      triggerStyle: {
+        marginLeft: 30
+      },
+      onSuccess: (/*#__PURE__*/function () {
+        var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(_ref7) {
+          var response;
+          return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+            while (1) switch (_context4.prev = _context4.next) {
+              case 0:
+                response = _ref7.response;
+                if (!(response && response.successful)) {
+                  _context4.next = 9;
+                  break;
+                }
+                getMavenSettingXML();
+                _context4.next = 5;
+                return setMavenGlobalConfig(CUSTOM, false);
+              case 5:
+                setMavenValue(CUSTOM);
+                Message.success({
+                  title: intl.get({
+                    id: 'rdc-tb-cd-assets.components.maven-setting.TheCustomMavenConfigurationFile',
+                    defaultMessage: '自定义 Maven 配置文件上传成功'
+                  })
+                });
+                _context4.next = 10;
+                break;
+              case 9:
+                Notification.error({
+                  title: intl.get({
+                    id: 'rdc-tb-cd-assets.components.maven-setting.UnableToUploadTheCustom',
+                    defaultMessage: '自定义 Maven 配置文件上传失败'
+                  }),
+                  content: response.errorMsg
+                });
+              case 10:
+              case "end":
+                return _context4.stop();
+            }
+          }, _callee4);
+        }));
+        return function (_x3) {
+          return _ref8.apply(this, arguments);
+        };
+      }())
+    })
+  }), getFeature('build.settings.packages') && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: cx(styles.subTitle, styles.mt20)
+  }, intl.get({
+    id: 'rdc-tb-cd-assets.components.maven-setting.EnterpriseNpmConfiguration',
+    defaultMessage: '{orgName} Npm 配置'
+  }, {
+    orgName: getFeature('org.name')
+  })), renderCard({
+    checked: true,
+    header: intl.get({
+      id: 'rdc-tb-cd-assets.components.maven-setting.CloudEffectDefaultNpmConfiguration',
+      defaultMessage: '云效默认 Npm 配置'
+    }),
+    desc: intl.get({
+      id: 'rdc-tb-cd-assets.components.maven-setting.TheDefaultConfigurationOfCloud',
+      defaultMessage: '云效默认配置会帮您自动生成 .npmrc 文件，连接淘宝 Npm 镜像源 registry.npm.taobao.org，并自动引入 Packages 上的 Npm 私库，您可选择默认配置中依赖的 Npm 仓库'
+    }),
+    hoverBtnProps: {
+      onClick: function onClick() {
+        setNpmSettingsVisible(true);
+      },
+      children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+        type: "edit-line"
+      }), intl.get({
+        id: 'rdc-tb-cd-assets.components.maven-setting.EditConfiguration',
+        defaultMessage: '编辑配置'
+      }))
+    }
+  })), /*#__PURE__*/React.createElement(Dialog, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.components.maven-setting.PreviewSettingXml',
+      defaultMessage: '预览 settings.xml'
+    }),
+    visible: preview,
+    style: {
+      width: 800
+    },
+    footer: false,
+    onClose: function onClose() {
+      return setPreview(false);
+    },
+    className: PREFIX + "__preview"
+  }, /*#__PURE__*/React.createElement(SyntaxHighlighter, {
+    language: "xml"
+  }, xml)), /*#__PURE__*/React.createElement(Perf, null), repoSettingsVisible && /*#__PURE__*/React.createElement(Dialog, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.components.maven-setting.repos',
+      defaultMessage: '编辑云效默认 Maven 配置'
+    }),
+    visible: repoSettingsVisible,
+    style: {
+      width: 800
+    },
+    onClose: function onClose() {
+      return setRepoSettingsVisible(false);
+    },
+    onCancel: function onCancel() {
+      return setRepoSettingsVisible(false);
+    },
+    onOk: function onOk() {
+      return saveMavenSettingsRepo();
+    },
+    className: PREFIX + "__repoSettings"
+  }, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(FormItem, {
+    label: intl.get({
+      id: 'rdc-tb-cd-assets.components.maven-setting.download-maven-release-repo',
+      defaultMessage: 'Maven Release 下载仓库'
+    })
+  }, /*#__PURE__*/React.createElement(Select, {
+    mode: "multiple",
+    showSearch: true,
+    defaultValue: mavenSettingsRepoValue.DOWNLOAD_RELEASE_REPO_IDS,
+    onChange: handleDownloadReleaseReposChange,
+    valueRender: valueRender,
+    dataSource: downloadReleaseRepoDatasource,
+    style: {
+      width: 300,
+      marginRight: 8
+    }
+  })), /*#__PURE__*/React.createElement(FormItem, {
+    label: intl.get({
+      id: 'rdc-tb-cd-assets.components.maven-setting.upload-maven-release-repo',
+      defaultMessage: 'Maven Release 上传仓库'
+    })
+  }, /*#__PURE__*/React.createElement(Select, {
+    showSearch: true,
+    defaultValue: mavenSettingsRepoValue.UPLOAD_RELEASE_REPO_ID,
+    onChange: handleUploadReleaseReposChange,
+    valueRender: valueRender,
+    dataSource: uploadReleaseRepoDatasource,
+    style: {
+      width: 300,
+      marginRight: 8
+    }
+  })), /*#__PURE__*/React.createElement(FormItem, {
+    label: intl.get({
+      id: 'rdc-tb-cd-assets.components.maven-setting.download-maven-snapshot-repo',
+      defaultMessage: 'Maven Snapshot 下载仓库'
+    })
+  }, /*#__PURE__*/React.createElement(Select, {
+    mode: "multiple",
+    showSearch: true,
+    defaultValue: mavenSettingsRepoValue.DOWNLOAD_SNAPSHOT_REPO_IDS,
+    onChange: handleDownloadSnapshotReposChange,
+    valueRender: valueRender,
+    dataSource: downloadSnapshotRepoDatasource,
+    style: {
+      width: 300,
+      marginRight: 8
+    }
+  })), /*#__PURE__*/React.createElement(FormItem, {
+    label: intl.get({
+      id: 'rdc-tb-cd-assets.components.maven-setting.upload-maven-snapshot-repo',
+      defaultMessage: 'Maven Snapshot 上传仓库'
+    })
+  }, /*#__PURE__*/React.createElement(Select, {
+    showSearch: true,
+    defaultValue: mavenSettingsRepoValue.UPLOAD_SNAPSHOT_REPO_ID,
+    onChange: handleUploadSnapshotReposChange,
+    valueRender: valueRender,
+    dataSource: uploadSnapshotRepoDatasource,
+    style: {
+      width: 300,
+      marginRight: 8
+    }
+  })))), /*#__PURE__*/React.createElement(NpmSelectRepoDialog, {
+    visible: npmSettingsVisible,
+    setVisible: setNpmSettingsVisible,
+    dataSource: npmRepoDatasource
+  }));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, {
+    title: intl.get({
+      id: 'rdc-tb-cd-assets.components.maven-setting.BuildConfiguration',
+      defaultMessage: '构建配置'
+    })
+  }), content);
+};
+
+// const MavenSetting = ENV === 'vpc' ? MavenSettingNew : MavenSettingOld;
+var MavenSetting = MavenSettingNew; // 公有云也用新组件
+
+export default MavenSetting;