tntd 2.0.8 → 2.0.10

package/es/tntd-layout/createActions.js

@@ -1,31 +1,30 @@
 import EventEmitter from 'eventemitter3';
 import { getText } from '../prev-locale';
-export default (params) => {
-    const eventEmitter = new EventEmitter();
-    const data = {
-        language: (params === null || params === void 0 ? void 0 : params.language) || 'cn',
-        selectedMenuKey: null,
-    };
-    return {
-        setData: (key, val) => {
-            set(data, key, val);
-        },
-        setSelectedMenuKey: (menuKey) => {
-            data.selectedMenuKey = menuKey;
-        },
-        getSelectedMenuKey: () => data.selectedMenuKey,
-        getLanguage: () => data.language,
-        setLanguage: (language) => (data.language = language),
-        getText: (key, language = data.language) => getText(key, language),
-        on: (eventName, callback) => {
-            eventEmitter.on(eventName, callback);
-        },
-        emit: (...args) => {
-            eventEmitter.emit(...args);
-        },
-        off: (...args) => {
-            eventEmitter.removeListener(...args);
-        },
-    };
-};
-//# sourceMappingURL=createActions.js.map
+export default (params => {
+  const eventEmitter = new EventEmitter();
+  const data = {
+    language: (params === null || params === void 0 ? void 0 : params.language) || 'cn',
+    selectedMenuKey: null
+  };
+  return {
+    setData: (key, val) => {
+      set(data, key, val);
+    },
+    setSelectedMenuKey: menuKey => {
+      data.selectedMenuKey = menuKey;
+    },
+    getSelectedMenuKey: () => data.selectedMenuKey,
+    getLanguage: () => data.language,
+    setLanguage: language => data.language = language,
+    getText: (key, language = data.language) => getText(key, language),
+    on: (eventName, callback) => {
+      eventEmitter.on(eventName, callback);
+    },
+    emit: (...args) => {
+      eventEmitter.emit(...args);
+    },
+    off: (...args) => {
+      eventEmitter.removeListener(...args);
+    }
+  };
+});

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

@@ -26,38 +26,37 @@ import storage from './logo/storage.svg';
 import bi from './logo/bi.svg';
 import logo from './logo/default.svg';
 export default {
-    // theme
-    themeSymbol1,
-    themeSymbol2,
-    // Avatar
-    empty,
-    female1,
-    female2,
-    female3,
-    female4,
-    female5,
-    female6,
-    male1,
-    male2,
-    male3,
-    male4,
-    male5,
-    male6,
+  // theme
+  themeSymbol1,
+  themeSymbol2,
+  // Avatar
+  empty,
+  female1,
+  female2,
+  female3,
+  female4,
+  female5,
+  female6,
+  male1,
+  male2,
+  male3,
+  male4,
+  male5,
+  male6
 };
 export const defaultLogo = logo;
 export const logoImgMap = {
-    default: logo,
-    bridge: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDI0IDEwMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMTJEMDkzO3N0cm9rZS13aWR0aDoyMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Qxe2ZpbGw6I0ZGQTMwMDt9Cgkuc3Qye2ZpbGw6IzNDODFGRjt9Cgkuc3Qze2ZpbGw6IzBBQ0M4Njt9Cgkuc3Q0e2ZpbGw6IzNEREFGRjt9Cjwvc3R5bGU+CjxnPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTUxMiw1MTIiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01MTIsNTEyIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTEzLjQsNTQ0Yy0yOSwwLTU4LTExLjEtODAuMi0zMy4yYy00NC4zLTQ0LjMtNDQuMy0xMTYuMSwwLTE2MC40TDM1MC40LDMzLjJjNDQuMy00NC4zLDExNi4xLTQ0LjMsMTYwLjQsMAoJCQlzNDQuMywxMTYuMSwwLDE2MC40TDE5My42LDUxMC44QzE3MS40LDUzMywxNDIuNCw1NDQsMTEzLjQsNTQ0eiIvPgoJPC9nPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTIwMS40LDkzNi41Yy0yOSwwLTU4LTExLjEtODAuMi0zMy4yYy00NC4zLTQ0LjMtNDQuMy0xMTYuMSwwLTE2MC40bDYyMS43LTYyMS43CgkJCWM0NC4zLTQ0LjMsMTE2LjEtNDQuMywxNjAuNCwwYzQ0LjMsNDQuMyw0NC4zLDExNi4xLDAsMTYwLjRMMjgxLjYsOTAzLjNDMjU5LjQsOTI1LjQsMjMwLjQsOTM2LjUsMjAxLjQsOTM2LjV6Ii8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNNTkzLjQsMTAyNGMtMjksMC01OC0xMS4xLTgwLjItMzMuMmMtNDQuMy00NC4zLTQ0LjMtMTE2LjEsMC0xNjAuNGwzMTcuMi0zMTcuMgoJCQljNDQuMy00NC4zLDExNi4xLTQ0LjMsMTYwLjQsMGM0NC4zLDQ0LjMsNDQuMywxMTYuMSwwLDE2MC40TDY3My42LDk5MC44QzY1MS40LDEwMTIuOSw2MjIuNCwxMDI0LDU5My40LDEwMjR6Ii8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNODI2LjQsMzEzLjRDNzYzLjgsMzEzLjQsNzEzLDI2Mi42LDcxMywyMDBWMTk4YzAtNjIuNiw1MC44LTExMy40LDExMy40LTExMy40UzkzOS44LDEzNS40LDkzOS44LDE5OHYxLjkKCQkJQzkzOS44LDI2Mi42LDg4OS4xLDMxMy40LDgyNi40LDMxMy40eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=',
-    orion,
-    turing,
-    dataocean,
-    convert,
-    baldur,
-    indicator,
-    dispatch,
-    feature,
-    model,
-    storage,
-    bi,
-};
-//# sourceMappingURL=index.js.map
+  default: logo,
+  bridge: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDI0IDEwMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMTJEMDkzO3N0cm9rZS13aWR0aDoyMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Qxe2ZpbGw6I0ZGQTMwMDt9Cgkuc3Qye2ZpbGw6IzNDODFGRjt9Cgkuc3Qze2ZpbGw6IzBBQ0M4Njt9Cgkuc3Q0e2ZpbGw6IzNEREFGRjt9Cjwvc3R5bGU+CjxnPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTUxMiw1MTIiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01MTIsNTEyIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTEzLjQsNTQ0Yy0yOSwwLTU4LTExLjEtODAuMi0zMy4yYy00NC4zLTQ0LjMtNDQuMy0xMTYuMSwwLTE2MC40TDM1MC40LDMzLjJjNDQuMy00NC4zLDExNi4xLTQ0LjMsMTYwLjQsMAoJCQlzNDQuMywxMTYuMSwwLDE2MC40TDE5My42LDUxMC44QzE3MS40LDUzMywxNDIuNCw1NDQsMTEzLjQsNTQ0eiIvPgoJPC9nPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTIwMS40LDkzNi41Yy0yOSwwLTU4LTExLjEtODAuMi0zMy4yYy00NC4zLTQ0LjMtNDQuMy0xMTYuMSwwLTE2MC40bDYyMS43LTYyMS43CgkJCWM0NC4zLTQ0LjMsMTE2LjEtNDQuMywxNjAuNCwwYzQ0LjMsNDQuMyw0NC4zLDExNi4xLDAsMTYwLjRMMjgxLjYsOTAzLjNDMjU5LjQsOTI1LjQsMjMwLjQsOTM2LjUsMjAxLjQsOTM2LjV6Ii8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNNTkzLjQsMTAyNGMtMjksMC01OC0xMS4xLTgwLjItMzMuMmMtNDQuMy00NC4zLTQ0LjMtMTE2LjEsMC0xNjAuNGwzMTcuMi0zMTcuMgoJCQljNDQuMy00NC4zLDExNi4xLTQ0LjMsMTYwLjQsMGM0NC4zLDQ0LjMsNDQuMywxMTYuMSwwLDE2MC40TDY3My42LDk5MC44QzY1MS40LDEwMTIuOSw2MjIuNCwxMDI0LDU5My40LDEwMjR6Ii8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNODI2LjQsMzEzLjRDNzYzLjgsMzEzLjQsNzEzLDI2Mi42LDcxMywyMDBWMTk4YzAtNjIuNiw1MC44LTExMy40LDExMy40LTExMy40UzkzOS44LDEzNS40LDkzOS44LDE5OHYxLjkKCQkJQzkzOS44LDI2Mi42LDg4OS4xLDMxMy40LDgyNi40LDMxMy40eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=',
+  orion,
+  turing,
+  dataocean,
+  convert,
+  baldur,
+  indicator,
+  dispatch,
+  feature,
+  model,
+  storage,
+  bi
+};

package/es/tntd-layout/index.js

@@ -1,14 +1,14 @@
-var __rest = (this && this.__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 __rest = this && this.__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;
 };
+
 import React from 'react';
 import { ThemeProvider } from 'styled-components';
 import Layout from './Layout';
@@ -21,60 +21,100 @@ import { safeParseJSON, findMenuInfoByPath, getCheckAuth } from '../utils';
 import ActionsContext from './ActionsContext';
 import createActions from './createActions';
 import { getLanguageStore } from './storage';
-export const HeaderActionItem = (props) => React.createElement("li", Object.assign({}, props), props.children);
+export const HeaderActionItem = props => React.createElement("li", Object.assign({}, props), props.children);
 export * from './HeaderNavs';
-const TNTLayout = (_a) => {
-    var { type, config, showMenuInIframe = false } = _a, props = __rest(_a, ["type", "config", "showMenuInIframe"]);
-    const headerHeight = props.size === 'large' ? 60 : 50;
-    const theme = {
-        size: props.size,
-        compatible: props.compatible,
-        headerHeight,
-        primaryColor: '#126BFB',
-        secondaryColor: '#005df4',
-        primaryTextColor: '#17233D',
-        secondaryTextColor: 'rgba(23,35,61,.8)',
-        lightIconColor: 'rgba(23,35,61,.7)',
-        headerActionsColor: 'rgba(23,35,61,.6)',
-        borderColor: '#B2BECD',
-        dividerColor: '#E1E6EE',
-        lightBgColor: '#F1F2F5',
-        blueBgColor: '#1D4295', // 默认的蓝色主题
-    };
-    const isInIframe = showMenuInIframe
-        ? false
-        : self !== top && !window.navigator.userAgent.includes('mo-fang-app');
-    // 前期拼写错误，导致需要兼容处理
-    const extraHeaderActions = props.extraHeaderActions || props.extralHeaderActions;
-    const extendMap = typeof props.extendMap === 'string' ? safeParseJSON(props.extendMap, {}) : props.extendMap;
-    const { displayType = 'default', menuAlignMode, globalNavigation = false, language = ['cn'], themeSwitch = true, } = extendMap || {};
-    const userInfo = props.userInfo || {};
-    const actionsContextValue = createActions({
-        language: getLanguageStore() || userInfo.lang || 'cn',
-    });
-    const onLanguageChange = (language) => {
-        actionsContextValue.setLanguage(language);
-        props.onLanguageChange && props.onLanguageChange(language);
-    };
-    // layout上的指定的属性优先级会高于extendMap中的属性
-    type = type || displayType;
-    config = Object.assign({
-        language: (language === null || language === void 0 ? void 0 : language.length) > 1,
-        theme: themeSwitch,
-        avatar: true,
-        globalNavigation,
-    }, config);
-    return (React.createElement(ThemeProvider, { theme: theme },
-        React.createElement(AuthContext.Provider, { value: getCheckAuth(props.menus) },
-            React.createElement(ActionsContext.Provider, { value: actionsContextValue },
-                type === 'paas' && (React.createElement(PaasLayout, Object.assign({ menuAlignMode: menuAlignMode, config: config }, props, { extraHeaderActions: extraHeaderActions, isInIframe: isInIframe, userInfo: userInfo, onLanguageChange: onLanguageChange }))),
-                type === 'enterprise' && (React.createElement(EnterpriseLayout, Object.assign({ menuAlignMode: menuAlignMode, config: config }, props, { extraHeaderActions: extraHeaderActions, isInIframe: isInIframe, userInfo: userInfo, onLanguageChange: onLanguageChange, type: type }))),
-                (!type || !['paas', 'enterprise'].includes(type)) && (React.createElement(Layout, Object.assign({ menuAlignMode: menuAlignMode, config: config }, props, { extraHeaderActions: extraHeaderActions, isInIframe: isInIframe, userInfo: userInfo, onLanguageChange: onLanguageChange })))))));
+
+const TNTLayout = _a => {
+  var {
+    type,
+    config,
+    showMenuInIframe = false
+  } = _a,
+      props = __rest(_a, ["type", "config", "showMenuInIframe"]);
+
+  const headerHeight = props.size === 'large' ? 60 : 50;
+  const theme = {
+    size: props.size,
+    compatible: props.compatible,
+    headerHeight,
+    primaryColor: '#126BFB',
+    secondaryColor: '#005df4',
+    primaryTextColor: '#17233D',
+    secondaryTextColor: 'rgba(23,35,61,.8)',
+    lightIconColor: 'rgba(23,35,61,.7)',
+    headerActionsColor: 'rgba(23,35,61,.6)',
+    borderColor: '#B2BECD',
+    dividerColor: '#E1E6EE',
+    lightBgColor: '#F1F2F5',
+    blueBgColor: '#1D4295' // 默认的蓝色主题
+
+  };
+  const isInIframe = showMenuInIframe ? false : self !== top && !window.navigator.userAgent.includes('mo-fang-app'); // 前期拼写错误，导致需要兼容处理
+
+  const extraHeaderActions = props.extraHeaderActions || props.extralHeaderActions;
+  const extendMap = typeof props.extendMap === 'string' ? safeParseJSON(props.extendMap, {}) : props.extendMap;
+  const {
+    displayType = 'default',
+    menuAlignMode,
+    globalNavigation = false,
+    language = ['cn'],
+    themeSwitch = true
+  } = extendMap || {};
+  const userInfo = props.userInfo || {};
+  const actionsContextValue = createActions({
+    language: getLanguageStore() || userInfo.lang || 'cn'
+  });
+
+  const onLanguageChange = language => {
+    actionsContextValue.setLanguage(language);
+    props.onLanguageChange && props.onLanguageChange(language);
+  }; // layout上的指定的属性优先级会高于extendMap中的属性
+
+
+  type = type || displayType;
+  config = Object.assign({
+    language: (language === null || language === void 0 ? void 0 : language.length) > 1,
+    theme: themeSwitch,
+    avatar: true,
+    globalNavigation
+  }, config);
+  return React.createElement(ThemeProvider, {
+    theme: theme
+  }, React.createElement(AuthContext.Provider, {
+    value: getCheckAuth(props.menus)
+  }, React.createElement(ActionsContext.Provider, {
+    value: actionsContextValue
+  }, type === 'paas' && React.createElement(PaasLayout, Object.assign({
+    menuAlignMode: menuAlignMode,
+    config: config
+  }, props, {
+    extraHeaderActions: extraHeaderActions,
+    isInIframe: isInIframe,
+    userInfo: userInfo,
+    onLanguageChange: onLanguageChange
+  })), type === 'enterprise' && React.createElement(EnterpriseLayout, Object.assign({
+    menuAlignMode: menuAlignMode,
+    config: config
+  }, props, {
+    extraHeaderActions: extraHeaderActions,
+    isInIframe: isInIframe,
+    userInfo: userInfo,
+    onLanguageChange: onLanguageChange,
+    type: type
+  })), (!type || !['paas', 'enterprise'].includes(type)) && React.createElement(Layout, Object.assign({
+    menuAlignMode: menuAlignMode,
+    config: config
+  }, props, {
+    extraHeaderActions: extraHeaderActions,
+    isInIframe: isInIframe,
+    userInfo: userInfo,
+    onLanguageChange: onLanguageChange
+  })))));
 };
+
 TNTLayout.HeaderActionItem = HeaderActionItem;
 TNTLayout.HeaderNavs = HeaderNavs;
 TNTLayout.HeaderTabs = HeaderTabs;
 TNTLayout.AuthContext = AuthContext;
 TNTLayout.findMenuInfoByPath = findMenuInfoByPath;
-export default TNTLayout;
-//# sourceMappingURL=index.js.map
+export default TNTLayout;

package/es/tntd-layout/paaslayout/CompactSideMenu.js

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 import cn from 'classnames';
 import { isNewTabMenu, openInNewTab } from '../../utils';
 import Iconfont from '../Iconfont';
-const SideMenu = styled.ul `
+const SideMenu = styled.ul`
   background: #fff;
   list-style: none;
   margin: 0;
@@ -64,7 +64,7 @@ const SideMenu = styled.ul `
     }
   }
 `;
-const SubMenu = styled.ul `
+const SubMenu = styled.ul`
   background: #fff;
   list-style: none;
   font-size: 14px;
@@ -96,67 +96,126 @@ const SubMenu = styled.ul `
     }
   }
 `;
-export default (props) => {
-    const { language, menus = [], formatMenuPath, selectedKey, onBeforeChange, onChange, onSelect, } = props;
-    const [activeMenu, setActiveMenu] = useState(selectedKey);
-    const defaultBeforeChange = ({ data }) => !isNewTabMenu(data);
-    const defaultSelect = ({ data }) => {
-        var _a;
-        const { path } = data || {};
-        const formatPath = formatMenuPath || ((path) => path);
-        if (isNewTabMenu(data)) {
-            openInNewTab(formatPath(data === null || data === void 0 ? void 0 : data.path, data));
-            return;
-        }
-        const routerPrefix = (_a = window.location.pathname.match(/(^\/[^\/]+)/i)) === null || _a === void 0 ? void 0 : _a[1];
-        if (window.location.pathname.startsWith(routerPrefix)) {
-            const forwardPath = formatPath(path, data);
-            changeRouter
-                ? changeRouter(forwardPath, data)
-                : window.history.pushState(data, data === null || data === void 0 ? void 0 : data.name, forwardPath);
-        }
-        else {
-            window.location.href = formatPath(path, data);
-        }
-    };
-    const selectMenu = (param = {}) => {
-        const finalBeforeChange = onBeforeChange || defaultBeforeChange;
-        const finalSelect = onSelect || defaultSelect;
-        if (param.key !== activeMenu) {
-            if (finalBeforeChange(param, activeMenu)) {
-                setActiveMenu(param.key);
-                onChange && onChange(param);
-            }
-        }
-        finalSelect(param);
-    };
-    const MenuItem = ({ item }) => {
-        const { code, groupName, enName, children = [] } = item;
-        const SubMenuItem = ({ menu }) => {
-            const { code, menuName, enName, icon } = menu;
-            return (React.createElement("li", { key: code, onClick: (evt) => selectMenu({ key: code, data: menu, domEvent: evt }), className: cn({ active: code === activeMenu }) },
-                React.createElement("span", null,
-                    typeof (icon || '') === 'string' ? React.createElement(Iconfont, { type: icon }) : icon,
-                    {
-                        cn: menuName,
-                        en: enName,
-                    }[language])));
-        };
-        if (groupName && children.length) {
-            return (React.createElement("li", { key: code, className: "group-menu-item" },
-                React.createElement("span", null,
-                    icon instanceof Component ? icon : React.createElement(Iconfont, { type: icon }),
-                    {
-                        cn: groupName,
-                        en: enName,
-                    }[language]),
-                React.createElement(SubMenu, null, children.map((subItem) => (React.createElement(SubMenuItem, { menu: subItem, key: subItem === null || subItem === void 0 ? void 0 : subItem.code }))))));
-        }
-        return React.createElement(SubMenuItem, { menu: item });
+export default (props => {
+  const {
+    language,
+    menus = [],
+    formatMenuPath,
+    selectedKey,
+    onBeforeChange,
+    onChange,
+    onSelect
+  } = props;
+  const [activeMenu, setActiveMenu] = useState(selectedKey);
+
+  const defaultBeforeChange = ({
+    data
+  }) => !isNewTabMenu(data);
+
+  const defaultSelect = ({
+    data
+  }) => {
+    var _a;
+
+    const {
+      path
+    } = data || {};
+
+    const formatPath = formatMenuPath || (path => path);
+
+    if (isNewTabMenu(data)) {
+      openInNewTab(formatPath(data === null || data === void 0 ? void 0 : data.path, data));
+      return;
+    }
+
+    const routerPrefix = (_a = window.location.pathname.match(/(^\/[^\/]+)/i)) === null || _a === void 0 ? void 0 : _a[1];
+
+    if (window.location.pathname.startsWith(routerPrefix)) {
+      const forwardPath = formatPath(path, data);
+      changeRouter ? changeRouter(forwardPath, data) : window.history.pushState(data, data === null || data === void 0 ? void 0 : data.name, forwardPath);
+    } else {
+      window.location.href = formatPath(path, data);
+    }
+  };
+
+  const selectMenu = (param = {}) => {
+    const finalBeforeChange = onBeforeChange || defaultBeforeChange;
+    const finalSelect = onSelect || defaultSelect;
+
+    if (param.key !== activeMenu) {
+      if (finalBeforeChange(param, activeMenu)) {
+        setActiveMenu(param.key);
+        onChange && onChange(param);
+      }
+    }
+
+    finalSelect(param);
+  };
+
+  const MenuItem = ({
+    item
+  }) => {
+    const {
+      code,
+      groupName,
+      enName,
+      children = []
+    } = item;
+
+    const SubMenuItem = ({
+      menu
+    }) => {
+      const {
+        code,
+        menuName,
+        enName,
+        icon
+      } = menu;
+      return React.createElement("li", {
+        key: code,
+        onClick: evt => selectMenu({
+          key: code,
+          data: menu,
+          domEvent: evt
+        }),
+        className: cn({
+          active: code === activeMenu
+        })
+      }, React.createElement("span", null, typeof (icon || '') === 'string' ? React.createElement(Iconfont, {
+        type: icon
+      }) : icon, {
+        cn: menuName,
+        en: enName
+      }[language]));
     };
-    useEffect(() => {
-        setActiveMenu(selectedKey);
-    }, [selectedKey]);
-    return (React.createElement(SideMenu, { className: "tnt-compact-sidemenu" }, menus.map((menu) => (React.createElement(MenuItem, { item: menu, key: menu.code })))));
-};
-//# sourceMappingURL=CompactSideMenu.js.map
+
+    if (groupName && children.length) {
+      return React.createElement("li", {
+        key: code,
+        className: "group-menu-item"
+      }, React.createElement("span", null, icon instanceof Component ? icon : React.createElement(Iconfont, {
+        type: icon
+      }), {
+        cn: groupName,
+        en: enName
+      }[language]), React.createElement(SubMenu, null, children.map(subItem => React.createElement(SubMenuItem, {
+        menu: subItem,
+        key: subItem === null || subItem === void 0 ? void 0 : subItem.code
+      }))));
+    }
+
+    return React.createElement(SubMenuItem, {
+      menu: item
+    });
+  };
+
+  useEffect(() => {
+    setActiveMenu(selectedKey);
+  }, [selectedKey]);
+  return React.createElement(SideMenu, {
+    className: "tnt-compact-sidemenu"
+  }, menus.map(menu => React.createElement(MenuItem, {
+    item: menu,
+    key: menu.code
+  })));
+});

package/es/tntd-layout/paaslayout/Header.js

@@ -7,10 +7,10 @@ import styled from 'styled-components';
 import Actions from '../HeaderActions';
 import AppList from '../AppList';
 import Logo from './Logo';
-const Header = styled.div `
+const Header = styled.div`
   position: sticky;
   top: 0;
-  height: ${(props) => `${props.theme.headerHeight}px`};
+  height: ${props => `${props.theme.headerHeight}px`};
   display: flex;
   color: #fff;
   background: #fff;
@@ -35,20 +35,43 @@ const Header = styled.div `
     }
   }
 `;
-const Content = styled.div `
+const Content = styled.div`
   flex: 1;
   .isInIframe & {
     display: none;
   }
 `;
-export default (props) => {
-    const { logo, name, enName, language, selectedAppKey, appList, onLogoClick, onAppChange, extraActions, } = props;
-    const config = Object.assign({ application: true }, props.config);
-    const headerRef = useRef();
-    return (React.createElement(Header, { ref: headerRef },
-        React.createElement(Logo, { language: language, logo: logo, name: name, enName: enName, onClick: onLogoClick }),
-        appList && React.createElement(AppList, { items: appList, selectedKey: selectedAppKey, onChange: onAppChange }),
-        React.createElement(Content, null, props.children),
-        React.createElement(Actions, Object.assign({}, props, { config: config, headerRef: headerRef, className: "paas-header-actions" }), extraActions)));
-};
-//# sourceMappingURL=Header.js.map
+export default (props => {
+  const {
+    logo,
+    name,
+    enName,
+    language,
+    selectedAppKey,
+    appList,
+    onLogoClick,
+    onAppChange,
+    extraActions
+  } = props;
+  const config = Object.assign({
+    application: true
+  }, props.config);
+  const headerRef = useRef();
+  return React.createElement(Header, {
+    ref: headerRef
+  }, React.createElement(Logo, {
+    language: language,
+    logo: logo,
+    name: name,
+    enName: enName,
+    onClick: onLogoClick
+  }), appList && React.createElement(AppList, {
+    items: appList,
+    selectedKey: selectedAppKey,
+    onChange: onAppChange
+  }), React.createElement(Content, null, props.children), React.createElement(Actions, Object.assign({}, props, {
+    config: config,
+    headerRef: headerRef,
+    className: "paas-header-actions"
+  }), extraActions));
+});

package/es/tntd-layout/paaslayout/Logo.js

@@ -5,7 +5,7 @@
 import React from 'react';
 import styled from 'styled-components';
 import Logo from '../Logo';
-const LogoWrapper = styled(Logo) `
+const LogoWrapper = styled(Logo)`
   color: #17233d !important;
   letter-spacing: 0;
   background: #fff !important;
@@ -23,5 +23,4 @@ const LogoWrapper = styled(Logo) `
     background: #323b4a !important;
   }
 `;
-export default (props) => React.createElement(LogoWrapper, Object.assign({}, props));
-//# sourceMappingURL=Logo.js.map
+export default (props => React.createElement(LogoWrapper, Object.assign({}, props)));