tntd 2.8.0-beta.3 → 3.0.0-beta.1

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

@@ -26,37 +26,38 @@ 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
-};
+    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

package/es/tntd-layout/index.js

@@ -1,10 +1,13 @@
-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';
@@ -18,94 +21,60 @@ 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;
+export default TNTLayout;
+//# sourceMappingURL=index.js.map

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,111 +96,67 @@ 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]));
+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);
+        }
     };
-    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
-  })));
-});
+    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 });
+    };
+    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

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,43 +35,20 @@ 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));
-});
+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

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,4 +23,5 @@ const LogoWrapper = styled(Logo)`
     background: #323b4a !important;
   }
 `;
-export default (props => React.createElement(LogoWrapper, Object.assign({}, props)));
+export default (props) => React.createElement(LogoWrapper, Object.assign({}, props));
+//# sourceMappingURL=Logo.js.map