tntd 1.4.20 → 1.4.22

package/es/Layout/SideMenu.js

@@ -1,23 +1,48 @@
-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); }
 import "antd/lib/menu/style";
 import _Menu from "antd/lib/menu";
-var _excluded = ["code"];
-var _templateObject, _templateObject2;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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,.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.10);\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,.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, .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,.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,.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) } })); }
+
 import { useState, useEffect, useContext } from 'react';
 import styled, { withTheme } from 'styled-components';
 import { get } from 'lodash';
@@ -28,8 +53,8 @@ import Iconfont from './Iconfont';
 var color = 'rgba(255,255,255,.85)';
 var compatibleColor = '#a1d7ff';
 var SubMenu = _Menu.SubMenu,
-  MenuItem = _Menu.Item;
-var TNTMenu = styled(_Menu)(_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.10);\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,.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, .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,.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,.25) !important;\n        }\n    }\n"])), function (props) {
+    MenuItem = _Menu.Item;
+var TNTMenu = styled(_Menu)(_templateObject(), function (props) {
   return "".concat(props.theme.headerHeight, "px");
 }, function (props) {
   return props.theme.dividerColor;
@@ -66,7 +91,7 @@ var TNTMenu = styled(_Menu)(_templateObject || (_templateObject = _taggedTemplat
 }, function (props) {
   return props.theme.primaryColor;
 });
-var MenuTitle = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    font-size: 14px;\n    .large-size & {\n        font-size: 15px;\n    }\n    color: rgba(255,255,255,.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 = styled.span(_templateObject2(), function (props) {
   return props.theme.primaryTextColor;
 }, function (props) {
   return "".concat(props.theme.iconColor);
@@ -74,58 +99,73 @@ var MenuTitle = styled.span(_templateObject2 || (_templateObject2 = _taggedTempl
 export default withTheme(function (props) {
   var actions = useContext(ActionsContext);
   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 = getSelectedMenuInfo(selectedKey, menus),
-    subMenu = _getSelectedMenuInfo.subMenu,
-    parentMenus = _getSelectedMenuInfo.parentMenus;
+      subMenu = _getSelectedMenuInfo.subMenu,
+      parentMenus = _getSelectedMenuInfo.parentMenus;
+
   var _useState = useState([get(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 = getSelectedMenuInfo(param.key, menus) || {},
-      subMenu = _ref5.subMenu,
-      parentMenus = _ref5.parentMenus;
-    var params = _objectSpread(_objectSpread({}, param), {}, {
+        subMenu = _ref5.subMenu,
+        parentMenus = _ref5.parentMenus;
+
+    var params = _objectSpread({}, param, {
       data: subMenu
     });
+
     var defaultBeforeChange = function defaultBeforeChange(_ref6) {
       var data = _ref6.data;
       return !isNewTabMenu(data);
     };
+
     var defaultSelect = function defaultSelect(_ref7) {
       var _window$location$path;
+
       var data = _ref7.data;
+
       var _ref8 = data || {},
-        path = _ref8.path;
+          path = _ref8.path;
+
       var formatPath = formatMenuPath || function (path) {
         return path;
       };
+
       if (isNewTabMenu(data)) {
         openInNewTab(formatPath(data == null ? void 0 : data.path, data));
         return;
       }
+
       var routerPrefix = (_window$location$path = window.location.pathname.match(/(^\/[^\/]+)/i)) == null ? void 0 : _window$location$path[1];
-      if (path != null && path.startsWith(routerPrefix)) {
+
+      if (path == null ? void 0 : path.startsWith(routerPrefix)) {
         var forwardPath = formatPath(path, data);
         changeRouter ? changeRouter(forwardPath, data) : window.history.pushState(data, data == null ? void 0 : data.name, forwardPath);
       } else {
         window.location.href = formatPath(path, data);
       }
     };
+
     var finalSelect = onSelect || defaultSelect;
+
     if (param.key !== get(selectedKeys, '0')) {
       var finalBeforeChange = onBeforeChange || defaultBeforeChange;
+
       if (finalBeforeChange(params, get(selectedKeys, '0'))) {
         // SideMenu菜单收起状态
         if (collapsed) {
@@ -139,26 +179,32 @@ export default 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;
       traverseTree(menus, function (node, pnode) {
@@ -166,16 +212,18 @@ export default withTheme(function (props) {
           if (pnode && openKeys.includes(pnode == null ? void 0 : pnode.code)) {
             parentGroupKey = pnode == null ? 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 {
@@ -185,21 +233,25 @@ export default withTheme(function (props) {
       // 收起closeKey
       newOpenKeys = keys;
     }
+
     onOpenChange(newOpenKeys);
   };
+
   useEffect(function () {
     setSelectedKeys([selectedKey]);
-    if (selectedKey && !collapsed && parentMenus != null && parentMenus.length) {
+
+    if (selectedKey && !collapsed && (parentMenus == null ? void 0 : parentMenus.length)) {
       onOpenChange(parentMenus == null ? void 0 : parentMenus.map(function (_ref10) {
         var code = _ref10.code;
         return code;
       }).reverse());
     }
+
     actions.setSelectedMenuKey(selectedKey);
   }, [selectedKey]);
   actions.off('menuSelect', onSelectMenu);
   actions.on('menuSelect', onSelectMenu);
-  return /*#__PURE__*/React.createElement(TNTMenu, {
+  return React.createElement(TNTMenu, {
     mode: "inline",
     defaultSelectedKeys: [],
     openKeys: openKeys,
@@ -208,9 +260,9 @@ export default withTheme(function (props) {
   }, menus == null ? void 0 : menus.map(function (menu) {
     var MenuLink = function MenuLink(_ref11) {
       var menuName = _ref11.menuName,
-        enName = _ref11.enName,
-        path = _ref11.path;
-      return /*#__PURE__*/React.createElement("a", {
+          enName = _ref11.enName,
+          path = _ref11.path;
+      return React.createElement("a", {
         href: path,
         onClick: function onClick(evt) {
           return evt.preventDefault();
@@ -220,60 +272,69 @@ export default withTheme(function (props) {
         en: enName
       }[language]);
     };
+
     if (isGroupMenu(menu)) {
       var _menu$children;
+
       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,
-          title: /*#__PURE__*/React.createElement(MenuTitle, {
+          title: React.createElement(MenuTitle, {
             style: collapsed && isSubGroup ? {
               color: props.theme.primaryTextColor
             } : {}
-          }, !isSubGroup && /*#__PURE__*/React.createElement(Iconfont, {
+          }, !isSubGroup && React.createElement(Iconfont, {
             type: groupIcon
           }), collapsed && !isSubGroup ? '' : {
             cn: groupName,
             en: enName
           }[language]),
-          expandIcon: collapsed ? null : /*#__PURE__*/React.createElement(Iconfont /*  */, {
+          expandIcon: collapsed ? null : React.createElement(Iconfont
+          /*  */
+          , {
             type: getExpandIcon(code)
           })
         };
       };
-      return /*#__PURE__*/React.createElement(SubMenu, _extends({}, getSubMenuProps(menu), {
+
+      return React.createElement(SubMenu, _extends({}, getSubMenuProps(menu), {
         onClick: onSelectMenu
       }), menu == null ? void 0 : (_menu$children = menu.children) == null ? void 0 : _menu$children.map(function (menu) {
         if (isGroupMenu(menu)) {
           var _menu$children2;
-          return /*#__PURE__*/React.createElement(SubMenu, _extends({}, getSubMenuProps(menu, true), {
+
+          return React.createElement(SubMenu, _extends({}, getSubMenuProps(menu, true), {
             onClick: onSelectMenu
           }), menu == null ? void 0 : (_menu$children2 = menu.children) == null ? void 0 : _menu$children2.map(function (_ref13) {
             var code = _ref13.code,
-              menu = _objectWithoutProperties(_ref13, _excluded);
-            return /*#__PURE__*/React.createElement(MenuItem, {
+                menu = _objectWithoutProperties(_ref13, ["code"]);
+
+            return React.createElement(MenuItem, {
               key: code
-            }, /*#__PURE__*/React.createElement(MenuLink, _extends({}, menu, {
+            }, React.createElement(MenuLink, _extends({}, menu, {
               style: {
                 paddingLeft: '24px'
               }
             })));
           }));
         }
-        return /*#__PURE__*/React.createElement(MenuItem, {
+
+        return React.createElement(MenuItem, {
           key: menu == null ? void 0 : menu.code
-        }, /*#__PURE__*/React.createElement(MenuLink, menu));
+        }, React.createElement(MenuLink, menu));
       }));
     }
-    return /*#__PURE__*/React.createElement(MenuItem, {
+
+    return React.createElement(MenuItem, {
       key: menu.code,
       onClick: onSelectMenu
-    }, /*#__PURE__*/React.createElement(Iconfont, {
+    }, React.createElement(Iconfont, {
       type: menu.icon
-    }), /*#__PURE__*/React.createElement(MenuLink, menu));
+    }), React.createElement(MenuLink, menu));
   }));
 });

package/es/Layout/Theme.js

@@ -1,24 +1,56 @@
 import "antd/lib/popover/style";
 import _Popover from "antd/lib/popover";
-var _templateObject,
-  _templateObject2,
-  _templateObject3,
-  _this = this;
-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; } }
+
+var _this = this;
+
+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, & > .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) } })); }
+
 import { useState } from 'react';
 import styled from 'styled-components';
 import Iconfont from './Iconfont';
 import images from './images';
 import { setThemeStore, getThemeStore } from './storage';
-var Theme = styled.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 = styled.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, & > .tnt-icon {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n        }\n    }\n"])));
-var ThemeContentWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    z-index: 1;\n    background-color: #fff;\n    border-radius: 4px;\n    width: 156px;\n"])));
+var Theme = styled.li(_templateObject());
+var ThemeSwitch = styled.div(_templateObject2());
+var ThemeContentWrapper = styled.div(_templateObject3());
 var themes = [{
   value: 'themeS1',
   img: images.themeSymbol1
@@ -26,8 +58,10 @@ var themes = [{
   value: 'themeS2',
   img: images.themeSymbol2
 }];
+
 var ThemeContent = function ThemeContent(props) {
   var onChange = props.onChange;
+
   var getTheme = function getTheme() {
     var theme = getThemeStore() || props.theme || 'themeS2';
     return themes.some(function (_ref) {
@@ -35,35 +69,39 @@ var ThemeContent = function ThemeContent(props) {
       return value === theme;
     }) ? theme : 'themeS2';
   };
+
   var _useState = 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);
     setThemeStore(theme);
     onChange(theme);
   };
-  return /*#__PURE__*/React.createElement(ThemeContentWrapper, null, /*#__PURE__*/React.createElement(ThemeSwitch, null, themes.map(function (_ref2) {
+
+  return React.createElement(ThemeContentWrapper, null, React.createElement(ThemeSwitch, null, themes.map(function (_ref2) {
     var value = _ref2.value,
-      img = _ref2.img;
-    return /*#__PURE__*/React.createElement("div", {
+        img = _ref2.img;
+    return React.createElement("div", {
       key: value,
       onClick: changeTheme.bind(_this, value)
-    }, /*#__PURE__*/React.createElement("img", {
+    }, React.createElement("img", {
       src: img
-    }), theme === value && /*#__PURE__*/React.createElement(Iconfont, {
+    }), theme === value && React.createElement(Iconfont, {
       type: "check1"
     }));
   })));
 };
+
 export default (function (props) {
-  return /*#__PURE__*/React.createElement(Theme, null, /*#__PURE__*/React.createElement(_Popover, {
+  return React.createElement(Theme, null, React.createElement(_Popover, {
     placement: "bottomRight",
     title: null,
-    content: /*#__PURE__*/React.createElement(ThemeContent, props),
+    content: React.createElement(ThemeContent, props),
     trigger: "click"
-  }, /*#__PURE__*/React.createElement(Iconfont, {
+  }, React.createElement(Iconfont, {
     type: "change-theme"
   })));
 });

package/es/Layout/checkAuth.js

@@ -0,0 +1,29 @@
+import { get } from 'lodash';
+export default (function (menus) {
+  var getAuthMap = function getAuthMap() {
+    var menus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    var authMap = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return menus.reduce(function (acc, _ref) {
+      var code = _ref.code,
+          groupName = _ref.groupName,
+          functionList = _ref.functionList,
+          children = _ref.children;
+
+      if (groupName) {
+        return getAuthMap(children, acc);
+      } else {
+        acc[code] = acc[code] || {};
+        acc[code] = (functionList || []).reduce(function (acc, curFunc) {
+          acc[curFunc.code] = curFunc.hasPermission;
+          return acc;
+        }, acc[code]);
+        return acc;
+      }
+    }, authMap);
+  };
+
+  var authMap = getAuthMap(menus);
+  return function (menuCode, funCode) {
+    return !!get(authMap, "".concat(menuCode).concat(funCode ? ".".concat(funCode) : ''));
+  };
+});