tntd 2.0.13 → 2.0.14

package/lib/tntd-layout/SideMenu.js

@@ -1,44 +1,82 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _get2 = _interopRequireDefault(require("lodash/get"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _menu = _interopRequireDefault(require("../menu"));
+
 var _utils = require("../utils");
+
 var _ActionsContext = _interopRequireDefault(require("./ActionsContext"));
+
 var _Iconfont = _interopRequireDefault(require("./Iconfont"));
+
 var _storage = require("./storage");
-var _templateObject, _templateObject2;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+
+function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _templateObject2() {
+  var data = _taggedTemplateLiteral(["\n  font-size: 14px;\n  .large-size & {\n    font-size: 15px;\n  }\n  color: rgba(255, 255, 255, 0.85);\n  .compatible & {\n    color: #a1d7ff;\n  }\n  .tnt-themeS1 & {\n    color: ", ";\n  }\n  .tnt-icon {\n    margin-right: 12px;\n    font-size: 16px;\n    position: relative;\n    top: 1px;\n\n    .large-size & {\n      font-size: 18px;\n      top: auto;\n    }\n    .tnt-themeS1 & {\n      /* color: #7e8081; */\n      color: ", ";\n    }\n  }\n"]);
+
+  _templateObject2 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject() {
+  var data = _taggedTemplateLiteral(["\n  background: none !important;\n  &.ant-menu.ant-menu-root {\n    position: relative;\n    transition: none !important;\n    padding-top: 10px;\n    border-right: none;\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    height: calc(100vh - ", ");\n    overflow-y: auto;\n    overflow-x: hidden;\n    .collapseIconPlacementBottom & {\n      padding-bottom: 36px;\n    }\n    .tnt-themeS1 & {\n      overflow-x: unset;\n      box-shadow: 10px 0 10px -5px rgba(0, 0, 0, 0.1);\n      z-index: 2;\n    }\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n    &::-moz-scrollbar {\n      display: none;\n    }\n\n    /** \u4E00\u7EA7\u7ED3\u70B9\u662F\u83DC\u5355\u6837\u5F0F\u5F00\u59CB */\n    & > .ant-menu-item {\n      & > .tnt-icon:first-child {\n        font-size: 16px;\n      }\n    }\n\n    .ant-layout-sider-collapsed & {\n      & > .ant-menu-item {\n        & > .tnt-icon:first-child {\n          padding-left: 8px;\n        }\n        a {\n          visibility: hidden;\n        }\n      }\n    }\n    /** \u4E00\u7EA7\u7ED3\u70B9\u662F\u83DC\u5355\u6837\u5F0F\u7ED3\u675F */\n\n    .ant-menu-item:active,\n    .ant-menu-submenu-title:active {\n      background: none;\n    }\n\n    .ant-menu-submenu .ant-menu-sub {\n      background: #212635;\n      border-radius: 0 0 2px 2px;\n      .compatible & {\n        background: #07408d !important;\n      }\n      .tnt-themeS1 & {\n        background: #fff !important;\n      }\n\n      // \u84DD\u8272\u7CFB\u5217 \u83DC\u5355\u5C55\u5F00\u533A\u57DF\u989C\u8272\n      .tnt-themeS3 & {\n        background: #07408d !important;\n      }\n    }\n    .ant-menu-submenu.ant-menu-submenu-active,\n    .ant-menu-submenu.ant-menu-submenu-selected {\n      background: rgba(47, 129, 247, 0.25) !important;\n      .tnt-themeS1 & {\n        background: ", " !important;\n      }\n\n      // \u84DD\u8272\u7CFB \u4E00\u7EA7\u83DC\u5355\u7684\u9009\u4E2D\u6548\u679C\n      .tnt-themeS3 & {\n        background: #204085 !important;\n      }\n    }\n    & > .ant-menu-submenu .ant-menu-submenu.ant-menu-submenu-active,\n    & > .ant-menu-submenu .ant-menu-submenu.ant-menu-submenu-selected {\n      background: none !important;\n      .tnt-themeS1 & {\n        background: ", " !important;\n      }\n      // \u84DD\u8272\u7CFB \u5B50\u7EA7\u83DC\u5355\u7EA7\u7684\u9009\u4E2D\u6548\u679C\n      .tnt-themeS3 & {\n        background: #204085 !important;\n      }\n    }\n    .ant-menu-item {\n      margin: 0;\n      font-size: 14px;\n      padding-left: 54px !important;\n      height: ", ";\n      line-height: ", ";\n    }\n\n    & > .ant-menu-item {\n      padding-left: 24px !important;\n      width: 100%;\n\n      & > .tnt-icon {\n        margin-right: 12px;\n      }\n      & > a {\n        display: inline-block;\n      }\n    }\n\n    .ant-menu-submenu-title {\n      position: relative;\n      color: ", ";\n      .tnt-themeS1 & {\n        color: ", ";\n      }\n      height: ", ";\n      line-height: ", ";\n      .tnt-icon {\n        .tnt-themeS1 & {\n          color: ", ";\n        }\n      }\n      & > .tnt-icon {\n        position: absolute;\n        right: 20px;\n        top: 1px;\n        font-size: 10px;\n      }\n\n      // \u84DD\u8272\u7CFB\u4E3B\u9898\n      .tnt-themeS3 & {\n        color: #fff;\n      }\n      .tnt-icon {\n        .tnt-themeS3 & {\n          color: #fff;\n        }\n      }\n    }\n\n    & > .ant-menu-submenu .ant-menu-submenu .ant-menu-submenu-title {\n      margin-top: 0;\n      margin-bottom: 0;\n      padding-left: 54px !important;\n    }\n  }\n\n  &.ant-menu .menu-arrow-right {\n    color: ", ";\n  }\n\n  .ant-menu-item,\n  .ant-menu-item > a {\n    color: ", ";\n    .tnt-themeS1 & {\n      color: ", ";\n    }\n    &:hover {\n      color: #fff;\n      .tnt-themeS1 & {\n        color: ", ";\n      }\n    }\n\n    // \u84DD\u8272\u7CFB\u5217\n    .tnt-themeS3 & {\n      color: #fff;\n    }\n    &:hover {\n      .tnt-themeS3 & {\n        color: #fff;\n      }\n    }\n  }\n  & > .ant-menu-item.ant-menu-item-selected,\n  &.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {\n    color: rgba(255, 255, 255, 0.85);\n    background-color: ", ";\n    .compatible & {\n      background-color: #013479;\n    }\n    & > a {\n      .tnt-themeS1 & {\n        color: #fff;\n      }\n    }\n    .tnt-themeS1 & {\n      color: #fff;\n      background-color: ", ";\n    }\n\n    // \u84DD\u8272\u7CFB \u5B50\u9879\u9009\u4E2D\u989C\u8272\n    .tnt-themeS3 & {\n      color: #fff;\n      background: #013479;\n      &::after {\n        content: '';\n        display: none;\n      }\n    }\n  }\n  .ant-menu-submenu.ant-menu-submenu-selected {\n    .tnt-themeS2 & {\n      background: #141825;\n    }\n    .tnt-themeS2.compatible & {\n      background: rgba(47, 129, 247, 0.25) !important;\n    }\n  }\n"]);
+
+  _templateObject = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
+
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+
 var color = 'rgba(255,255,255,.85)';
 var compatibleColor = '#a1d7ff';
 var SubMenu = _menu["default"].SubMenu,
-  MenuItem = _menu["default"].Item;
-var TNTMenu = (0, _styledComponents["default"])(_menu["default"])(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: none !important;\n  &.ant-menu.ant-menu-root {\n    position: relative;\n    transition: none !important;\n    padding-top: 10px;\n    border-right: none;\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    height: calc(100vh - ", ");\n    overflow-y: auto;\n    overflow-x: hidden;\n    .collapseIconPlacementBottom & {\n      padding-bottom: 36px;\n    }\n    .tnt-themeS1 & {\n      overflow-x: unset;\n      box-shadow: 10px 0 10px -5px rgba(0, 0, 0, 0.1);\n      z-index: 2;\n    }\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n    &::-moz-scrollbar {\n      display: none;\n    }\n\n    /** \u4E00\u7EA7\u7ED3\u70B9\u662F\u83DC\u5355\u6837\u5F0F\u5F00\u59CB */\n    & > .ant-menu-item {\n      & > .tnt-icon:first-child {\n        font-size: 16px;\n      }\n    }\n\n    .ant-layout-sider-collapsed & {\n      & > .ant-menu-item {\n        & > .tnt-icon:first-child {\n          padding-left: 8px;\n        }\n        a {\n          visibility: hidden;\n        }\n      }\n    }\n    /** \u4E00\u7EA7\u7ED3\u70B9\u662F\u83DC\u5355\u6837\u5F0F\u7ED3\u675F */\n\n    .ant-menu-item:active,\n    .ant-menu-submenu-title:active {\n      background: none;\n    }\n\n    .ant-menu-submenu .ant-menu-sub {\n      background: #212635;\n      border-radius: 0 0 2px 2px;\n      .compatible & {\n        background: #07408d !important;\n      }\n      .tnt-themeS1 & {\n        background: #fff !important;\n      }\n\n      // \u84DD\u8272\u7CFB\u5217 \u83DC\u5355\u5C55\u5F00\u533A\u57DF\u989C\u8272\n      .tnt-themeS3 & {\n        background: #07408d !important;\n      }\n    }\n    .ant-menu-submenu.ant-menu-submenu-active,\n    .ant-menu-submenu.ant-menu-submenu-selected {\n      background: rgba(47, 129, 247, 0.25) !important;\n      .tnt-themeS1 & {\n        background: ", " !important;\n      }\n\n      // \u84DD\u8272\u7CFB \u4E00\u7EA7\u83DC\u5355\u7684\u9009\u4E2D\u6548\u679C\n      .tnt-themeS3 & {\n        background: #204085 !important;\n      }\n    }\n    & > .ant-menu-submenu .ant-menu-submenu.ant-menu-submenu-active,\n    & > .ant-menu-submenu .ant-menu-submenu.ant-menu-submenu-selected {\n      background: none !important;\n      .tnt-themeS1 & {\n        background: ", " !important;\n      }\n      // \u84DD\u8272\u7CFB \u5B50\u7EA7\u83DC\u5355\u7EA7\u7684\u9009\u4E2D\u6548\u679C\n      .tnt-themeS3 & {\n        background: #204085 !important;\n      }\n    }\n    .ant-menu-item {\n      margin: 0;\n      font-size: 14px;\n      padding-left: 54px !important;\n      height: ", ";\n      line-height: ", ";\n    }\n\n    & > .ant-menu-item {\n      padding-left: 24px !important;\n      width: 100%;\n\n      & > .tnt-icon {\n        margin-right: 12px;\n      }\n      & > a {\n        display: inline-block;\n      }\n    }\n\n    .ant-menu-submenu-title {\n      position: relative;\n      color: ", ";\n      .tnt-themeS1 & {\n        color: ", ";\n      }\n      height: ", ";\n      line-height: ", ";\n      .tnt-icon {\n        .tnt-themeS1 & {\n          color: ", ";\n        }\n      }\n      & > .tnt-icon {\n        position: absolute;\n        right: 20px;\n        top: 1px;\n        font-size: 10px;\n      }\n\n      // \u84DD\u8272\u7CFB\u4E3B\u9898\n      .tnt-themeS3 & {\n        color: #fff;\n      }\n      .tnt-icon {\n        .tnt-themeS3 & {\n          color: #fff;\n        }\n      }\n    }\n\n    & > .ant-menu-submenu .ant-menu-submenu .ant-menu-submenu-title {\n      margin-top: 0;\n      margin-bottom: 0;\n      padding-left: 54px !important;\n    }\n  }\n\n  &.ant-menu .menu-arrow-right {\n    color: ", ";\n  }\n\n  .ant-menu-item,\n  .ant-menu-item > a {\n    color: ", ";\n    .tnt-themeS1 & {\n      color: ", ";\n    }\n    &:hover {\n      color: #fff;\n      .tnt-themeS1 & {\n        color: ", ";\n      }\n    }\n\n    // \u84DD\u8272\u7CFB\u5217\n    .tnt-themeS3 & {\n      color: #fff;\n    }\n    &:hover {\n      .tnt-themeS3 & {\n        color: #fff;\n      }\n    }\n  }\n  & > .ant-menu-item.ant-menu-item-selected,\n  &.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {\n    color: rgba(255, 255, 255, 0.85);\n    background-color: ", ";\n    .compatible & {\n      background-color: #013479;\n    }\n    & > a {\n      .tnt-themeS1 & {\n        color: #fff;\n      }\n    }\n    .tnt-themeS1 & {\n      color: #fff;\n      background-color: ", ";\n    }\n\n    // \u84DD\u8272\u7CFB \u5B50\u9879\u9009\u4E2D\u989C\u8272\n    .tnt-themeS3 & {\n      color: #fff;\n      background: #013479;\n      &::after {\n        content: '';\n        display: none;\n      }\n    }\n  }\n  .ant-menu-submenu.ant-menu-submenu-selected {\n    .tnt-themeS2 & {\n      background: #141825;\n    }\n    .tnt-themeS2.compatible & {\n      background: rgba(47, 129, 247, 0.25) !important;\n    }\n  }\n"])), function (props) {
+    MenuItem = _menu["default"].Item;
+var TNTMenu = (0, _styledComponents["default"])(_menu["default"])(_templateObject(), function (props) {
   return "".concat(props.theme.headerHeight, "px");
 }, function (props) {
   return props.theme.dividerColor;
@@ -75,56 +113,70 @@ var TNTMenu = (0, _styledComponents["default"])(_menu["default"])(_templateObjec
 }, function (props) {
   return props.theme.primaryColor;
 });
-var MenuTitle = _styledComponents["default"].span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  .large-size & {\n    font-size: 15px;\n  }\n  color: rgba(255, 255, 255, 0.85);\n  .compatible & {\n    color: #a1d7ff;\n  }\n  .tnt-themeS1 & {\n    color: ", ";\n  }\n  .tnt-icon {\n    margin-right: 12px;\n    font-size: 16px;\n    position: relative;\n    top: 1px;\n\n    .large-size & {\n      font-size: 18px;\n      top: auto;\n    }\n    .tnt-themeS1 & {\n      /* color: #7e8081; */\n      color: ", ";\n    }\n  }\n"])), function (props) {
+
+var MenuTitle = _styledComponents["default"].span(_templateObject2(), function (props) {
   return props.theme.primaryTextColor;
 }, function (props) {
   return "".concat(props.theme.iconColor);
 });
+
 var _default = (0, _styledComponents.withTheme)(function (props) {
   var actions = (0, _react.useContext)(_ActionsContext["default"]);
   var language = props.language,
-    _props$menus = props.menus,
-    menus = _props$menus === void 0 ? [] : _props$menus,
-    formatMenuPath = props.formatMenuPath,
-    changeRouter = props.changeRouter,
-    selectedKey = props.selectedKey,
-    openKeys = props.openKeys,
-    onSelect = props.onSelect,
-    onBeforeChange = props.onBeforeChange,
-    onChange = props.onChange,
-    onOpenChange = props.onOpenChange,
-    collapsed = props.collapsed;
+      _props$menus = props.menus,
+      menus = _props$menus === void 0 ? [] : _props$menus,
+      formatMenuPath = props.formatMenuPath,
+      changeRouter = props.changeRouter,
+      selectedKey = props.selectedKey,
+      openKeys = props.openKeys,
+      onSelect = props.onSelect,
+      onBeforeChange = props.onBeforeChange,
+      onChange = props.onChange,
+      onOpenChange = props.onOpenChange,
+      collapsed = props.collapsed;
+
   var _getSelectedMenuInfo = (0, _utils.getSelectedMenuInfo)(selectedKey, menus),
-    subMenu = _getSelectedMenuInfo.subMenu,
-    parentMenus = _getSelectedMenuInfo.parentMenus;
+      subMenu = _getSelectedMenuInfo.subMenu,
+      parentMenus = _getSelectedMenuInfo.parentMenus;
+
   var _useState = (0, _react.useState)([(0, _get2["default"])(subMenu, 'code')]),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedKeys = _useState2[0],
-    setSelectedKeys = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      selectedKeys = _useState2[0],
+      setSelectedKeys = _useState2[1];
+
   var onSelectMenu = function onSelectMenu(param) {
     var _ref5 = (0, _utils.getSelectedMenuInfo)(param.key, menus) || {},
-      subMenu = _ref5.subMenu,
-      parentMenus = _ref5.parentMenus;
+        subMenu = _ref5.subMenu,
+        parentMenus = _ref5.parentMenus;
+
     var params = Object.assign(Object.assign({}, param), {
       data: subMenu
     });
+
     var defaultBeforeChange = function defaultBeforeChange(_ref6) {
       var data = _ref6.data;
       return !(0, _utils.isNewTabMenu)(data);
     };
+
     var defaultSelect = function defaultSelect(_ref7) {
       var data = _ref7.data;
+
       var _a;
+
       var _ref8 = data || {},
-        path = _ref8.path;
+          path = _ref8.path;
+
       var formatPath = formatMenuPath || function (path) {
         return path;
       };
+
       if ((0, _utils.isNewTabMenu)(data)) {
         (0, _utils.openInNewTab)(formatPath(data === null || data === void 0 ? void 0 : data.path, data));
         return;
       }
+
       var routerPrefix = (_a = window.location.pathname.match(/(^\/[^\/]+)/i)) === null || _a === void 0 ? void 0 : _a[1];
+
       if (path === null || path === void 0 ? void 0 : path.startsWith(routerPrefix)) {
         var forwardPath = formatPath(path, data);
         changeRouter ? changeRouter(forwardPath, data) : window.history.pushState(data, data === null || data === void 0 ? void 0 : data.name, forwardPath);
@@ -132,9 +184,12 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
         window.location.href = formatPath(path, data);
       }
     };
+
     var finalSelect = onSelect || defaultSelect;
+
     if (param.key !== (0, _get2["default"])(selectedKeys, '0')) {
       var finalBeforeChange = onBeforeChange || defaultBeforeChange;
+
       if (finalBeforeChange(params, (0, _get2["default"])(selectedKeys, '0'))) {
         // SideMenu菜单收起状态
         if (collapsed) {
@@ -148,26 +203,32 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
             beforeOpenKeys: newOpenKeys
           });
         }
+
         setSelectedKeys([param.key]);
         onChange && onChange(params);
       }
     }
+
     actions.setSelectedMenuKey(param.key);
     setSelectedKeys([param.key]);
     finalSelect(params);
   };
+
   var getExpandIcon = function getExpandIcon(code) {
     if (props.theme.compatible) {
       return openKeys.includes(code) ? 'minus' : 'plus';
     }
+
     return openKeys.includes(code) ? 'up' : 'down';
   };
+
   var onOpenKeysChange = function onOpenKeysChange(keys) {
     var openKey = keys.find(function (key) {
       return !openKeys.includes(key);
-    });
-    // const closeKey = openKeys.find(key => !keys.includes(key));
+    }); // const closeKey = openKeys.find(key => !keys.includes(key));
+
     var newOpenKeys = keys;
+
     var findParentGroupKey = function findParentGroupKey(key, openKeys) {
       var parentGroupKey;
       (0, _utils.traverseTree)(menus, function (node, pnode) {
@@ -175,15 +236,18 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
           if (pnode && openKeys.includes(pnode === null || pnode === void 0 ? void 0 : pnode.code)) {
             parentGroupKey = pnode === null || pnode === void 0 ? void 0 : pnode.code;
           }
+
           return false;
         }
       });
       return parentGroupKey;
-    };
-    // 展开openKey
+    }; // 展开openKey
+
+
     if (openKey) {
       // 父子关系展开
       var parentGroupKey = findParentGroupKey(openKey, openKeys);
+
       if (parentGroupKey) {
         newOpenKeys = keys.length > 2 ? [parentGroupKey, openKey] : keys;
       } else {
@@ -193,16 +257,20 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
       // 收起closeKey
       newOpenKeys = keys;
     }
+
     onOpenChange(newOpenKeys);
   };
+
   (0, _react.useEffect)(function () {
     setSelectedKeys([selectedKey]);
+
     if (selectedKey && !collapsed && (parentMenus === null || parentMenus === void 0 ? void 0 : parentMenus.length)) {
       onOpenChange(parentMenus === null || parentMenus === void 0 ? void 0 : parentMenus.map(function (_ref10) {
         var code = _ref10.code;
         return code;
       }).reverse());
     }
+
     actions.setSelectedMenuKey(selectedKey);
   }, [selectedKey]);
   actions.off('menuSelect', onSelectMenu);
@@ -215,10 +283,11 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
     onOpenChange: onOpenKeysChange
   }, menus === null || menus === void 0 ? void 0 : menus.map(function (menu) {
     var _a;
+
     var MenuLink = function MenuLink(_ref11) {
       var menuName = _ref11.menuName,
-        enName = _ref11.enName,
-        path = _ref11.path;
+          enName = _ref11.enName,
+          path = _ref11.path;
       return _react["default"].createElement("a", {
         href: path,
         onClick: function onClick(evt) {
@@ -229,12 +298,13 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
         en: enName
       }[language]);
     };
+
     if ((0, _utils.isGroupMenu)(menu)) {
       var getSubMenuProps = function getSubMenuProps(_ref12) {
         var code = _ref12.code,
-          groupIcon = _ref12.groupIcon,
-          groupName = _ref12.groupName,
-          enName = _ref12.enName;
+            groupIcon = _ref12.groupIcon,
+            groupName = _ref12.groupName,
+            enName = _ref12.enName;
         var isSubGroup = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
         return {
           key: code,
@@ -248,21 +318,26 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
             cn: groupName,
             en: enName
           }[language]),
-          expandIcon: collapsed ? null : _react["default"].createElement(_Iconfont["default"] /*  */, {
+          expandIcon: collapsed ? null : _react["default"].createElement(_Iconfont["default"]
+          /*  */
+          , {
             type: getExpandIcon(code)
           })
         };
       };
+
       return _react["default"].createElement(SubMenu, Object.assign({}, getSubMenuProps(menu), {
         onClick: onSelectMenu
       }), (_a = menu === null || menu === void 0 ? void 0 : menu.children) === null || _a === void 0 ? void 0 : _a.map(function (menu) {
         var _a;
+
         if ((0, _utils.isGroupMenu)(menu)) {
           return _react["default"].createElement(SubMenu, Object.assign({}, getSubMenuProps(menu, true), {
             onClick: onSelectMenu
           }), (_a = menu === null || menu === void 0 ? void 0 : menu.children) === null || _a === void 0 ? void 0 : _a.map(function (_a) {
             var code = _a.code,
-              menu = __rest(_a, ["code"]);
+                menu = __rest(_a, ["code"]);
+
             return _react["default"].createElement(MenuItem, {
               key: code
             }, _react["default"].createElement(MenuLink, Object.assign({}, menu, {
@@ -272,11 +347,13 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
             })));
           }));
         }
+
         return _react["default"].createElement(MenuItem, {
           key: menu === null || menu === void 0 ? void 0 : menu.code
         }, _react["default"].createElement(MenuLink, Object.assign({}, menu)));
       }));
     }
+
     return _react["default"].createElement(MenuItem, {
       key: menu.code,
       onClick: onSelectMenu
@@ -285,4 +362,5 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
     }), _react["default"].createElement(MenuLink, Object.assign({}, menu)));
   }));
 });
+
 exports["default"] = _default;

package/lib/tntd-layout/Theme.js

@@ -1,33 +1,78 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _popover = _interopRequireDefault(require("../popover"));
+
 var _Iconfont = _interopRequireDefault(require("./Iconfont"));
+
 var _images = _interopRequireDefault(require("./images"));
+
 var _storage = require("./storage");
-var _templateObject,
-  _templateObject2,
-  _templateObject3,
-  _this = void 0;
+
+var _this = void 0;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+
+function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _templateObject3() {
+  var data = _taggedTemplateLiteral(["\n  z-index: 1;\n  background-color: #fff;\n  border-radius: 4px;\n  width: 156px;\n"]);
+
+  _templateObject3 = function _templateObject3() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject2() {
+  var data = _taggedTemplateLiteral(["\n  & > div {\n    position: relative;\n    display: inline-block;\n    cursor: pointer;\n    &:first-child {\n      margin-right: 10px;\n    }\n    &:last-child {\n      margin-left: 10px;\n    }\n    & > i,\n    & > .tnt-icon {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n"]);
+
+  _templateObject2 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject() {
+  var data = _taggedTemplateLiteral(["\n  margin-left: 20px;\n  font-size: 20px;\n  .tnt-themeS1 & {\n    /* color: rgba(255,255,255,.85); */\n  }\n  .isInIframe & {\n    display: none;\n  }\n"]);
+
+  _templateObject = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Theme = _styledComponents["default"].li(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-left: 20px;\n  font-size: 20px;\n  .tnt-themeS1 & {\n    /* color: rgba(255,255,255,.85); */\n  }\n  .isInIframe & {\n    display: none;\n  }\n"])));
-var ThemeSwitch = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  & > div {\n    position: relative;\n    display: inline-block;\n    cursor: pointer;\n    &:first-child {\n      margin-right: 10px;\n    }\n    &:last-child {\n      margin-left: 10px;\n    }\n    & > i,\n    & > .tnt-icon {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n"])));
-var ThemeContentWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  z-index: 1;\n  background-color: #fff;\n  border-radius: 4px;\n  width: 156px;\n"])));
+
+var Theme = _styledComponents["default"].li(_templateObject());
+
+var ThemeSwitch = _styledComponents["default"].div(_templateObject2());
+
+var ThemeContentWrapper = _styledComponents["default"].div(_templateObject3());
+
 var themes = [{
   value: 'themeS1',
   img: _images["default"].themeSymbol1
@@ -35,8 +80,10 @@ var themes = [{
   value: 'themeS2',
   img: _images["default"].themeSymbol2
 }];
+
 var ThemeContent = function ThemeContent(props) {
   var onChange = props.onChange;
+
   var getTheme = function getTheme() {
     var theme = (0, _storage.getThemeStore)() || props.theme || 'themeS2';
     return themes.some(function (_ref) {
@@ -44,18 +91,21 @@ var ThemeContent = function ThemeContent(props) {
       return value === theme;
     }) ? theme : 'themeS2';
   };
+
   var _useState = (0, _react.useState)(getTheme()),
-    _useState2 = _slicedToArray(_useState, 2),
-    theme = _useState2[0],
-    setTheme = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      theme = _useState2[0],
+      setTheme = _useState2[1];
+
   var changeTheme = function changeTheme(theme) {
     setTheme(theme);
     (0, _storage.setThemeStore)(theme);
     onChange(theme);
   };
+
   return _react["default"].createElement(ThemeContentWrapper, null, _react["default"].createElement(ThemeSwitch, null, themes.map(function (_ref2) {
     var value = _ref2.value,
-      img = _ref2.img;
+        img = _ref2.img;
     return _react["default"].createElement("div", {
       key: value,
       onClick: changeTheme.bind(_this, value)
@@ -66,6 +116,7 @@ var ThemeContent = function ThemeContent(props) {
     }));
   })));
 };
+
 var _default = function _default(props) {
   return _react["default"].createElement(Theme, null, _react["default"].createElement(_popover["default"], {
     placement: "bottomRight",
@@ -76,4 +127,5 @@ var _default = function _default(props) {
     type: "change-theme"
   })));
 };
+
 exports["default"] = _default;

package/lib/tntd-layout/createActions.js

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _eventemitter = _interopRequireDefault(require("eventemitter3"));
+
 var _prevLocale = require("../prev-locale");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var _default = function _default(params) {
   var eventEmitter = new _eventemitter["default"]();
   var data = {
@@ -44,4 +48,5 @@ var _default = function _default(params) {
     }
   };
 };
+
 exports["default"] = _default;

package/lib/tntd-layout/images/index.js

@@ -4,33 +4,61 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.logoImgMap = exports.defaultLogo = exports["default"] = void 0;
+
 var _theme = _interopRequireDefault(require("./theme/theme1.svg"));
+
 var _theme2 = _interopRequireDefault(require("./theme/theme2.svg"));
+
 var _empty = _interopRequireDefault(require("./avatar/empty.png"));
+
 var _female = _interopRequireDefault(require("./avatar/female1.png"));
+
 var _female2 = _interopRequireDefault(require("./avatar/female2.png"));
+
 var _female3 = _interopRequireDefault(require("./avatar/female3.png"));
+
 var _female4 = _interopRequireDefault(require("./avatar/female4.png"));
+
 var _female5 = _interopRequireDefault(require("./avatar/female5.png"));
+
 var _female6 = _interopRequireDefault(require("./avatar/female6.png"));
+
 var _male = _interopRequireDefault(require("./avatar/male1.png"));
+
 var _male2 = _interopRequireDefault(require("./avatar/male2.png"));
+
 var _male3 = _interopRequireDefault(require("./avatar/male3.png"));
+
 var _male4 = _interopRequireDefault(require("./avatar/male4.png"));
+
 var _male5 = _interopRequireDefault(require("./avatar/male5.png"));
+
 var _male6 = _interopRequireDefault(require("./avatar/male6.png"));
+
 var _orion = _interopRequireDefault(require("./logo/orion.svg"));
+
 var _turing = _interopRequireDefault(require("./logo/turing.svg"));
+
 var _dataocean = _interopRequireDefault(require("./logo/dataocean.svg"));
+
 var _convert = _interopRequireDefault(require("./logo/convert.svg"));
+
 var _baldur = _interopRequireDefault(require("./logo/baldur.svg"));
+
 var _indicator = _interopRequireDefault(require("./logo/indicator.svg"));
+
 var _dispatch = _interopRequireDefault(require("./logo/dispatch.svg"));
+
 var _model = _interopRequireDefault(require("./logo/model.svg"));
+
 var _storage = _interopRequireDefault(require("./logo/storage.svg"));
+
 var _bi = _interopRequireDefault(require("./logo/bi.svg"));
+
 var _default2 = _interopRequireDefault(require("./logo/default.svg"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var _default = {
   // theme
   themeSymbol1: _theme["default"],