tntd 2.6.7 → 2.6.8

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

@@ -1,145 +1,213 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+exports["default"] = void 0;
+var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
+var _reduce2 = _interopRequireDefault(require("lodash/reduce"));
+var _get2 = _interopRequireDefault(require("lodash/get"));
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _ = require("../../");
+var _utils = require("../../utils");
+var _HeaderNavs = _interopRequireDefault(require("../HeaderNavs"));
+var _Header = _interopRequireDefault(require("./Header"));
+var _SideMenu = _interopRequireDefault(require("./SideMenu"));
+var _CompactSideMenu = _interopRequireDefault(require("./CompactSideMenu"));
+var _storage = require("../storage");
+var _templateObject;
+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 _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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var Content = _.Layout.Content,
+  Sider = _.Layout.Sider;
+var TNTPaasLayout = (0, _styledComponents["default"])(_.Layout)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  height: 100vh;\n  overflow: hidden;\n  & > .ant-layout {\n    flex-direction: row;\n    & > .ant-layout-content {\n      overflow-x: hidden;\n      flex: 1;\n    }\n  }\n  .tnt-layout-sider {\n    overflow-x: hidden;\n    background: #fff !important;\n    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);\n    z-index: 8;\n  }\n  &.isInIframe,\n  &.isEmptyLayout {\n    .tnt-layout-sider {\n      display: none;\n    }\n  }\n  &.tnt-themeS1 .tnt-layout-sider {\n    background: #fff !important;\n  }\n  .tnt-layout-content {\n    background: ", ";\n  }\n"])), function (props) {
+  return props.theme.lightBgColor;
+});
+var noop = function noop() {
+  return true;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importStar(require("styled-components"));
-const classnames_1 = __importDefault(require("classnames"));
-const __1 = require("../../");
-const lodash_1 = require("lodash");
-const utils_1 = require("../../utils");
-const HeaderNavs_1 = __importDefault(require("../HeaderNavs"));
-const Header_1 = __importDefault(require("./Header"));
-const SideMenu_1 = __importDefault(require("./SideMenu"));
-const CompactSideMenu_1 = __importDefault(require("./CompactSideMenu"));
-const storage_1 = require("../storage");
-const { Content, Sider } = __1.Layout;
-const TNTPaasLayout = (0, styled_components_1.default)(__1.Layout) `
-  position: relative;
-  height: 100vh;
-  overflow: hidden;
-  & > .ant-layout {
-    flex-direction: row;
-    & > .ant-layout-content {
-      overflow-x: hidden;
-      flex: 1;
-    }
-  }
-  .tnt-layout-sider {
-    overflow-x: hidden;
-    background: #fff !important;
-    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
-    z-index: 8;
-  }
-  &.isInIframe,
-  &.isEmptyLayout {
-    .tnt-layout-sider {
-      display: none;
-    }
-  }
-  &.tnt-themeS1 .tnt-layout-sider {
-    background: #fff !important;
-  }
-  .tnt-layout-content {
-    background: ${(props) => props.theme.lightBgColor};
-  }
-`;
-const noop = () => true;
-exports.default = (0, styled_components_1.withTheme)((props) => {
-    const { appKey, logo, name, enName, isInIframe, isEmptyLayout, selectedAppKey, appList, config = {}, extraHeaderActions, headerNavs, sideMenu, selectedMenuKey, menuAlignMode = 'side', menus = [], formatMenuPath, changeRouter, onLogoClick = noop, onThemeChange = noop, onLanguageChange = noop, onApplicationChange = noop, onAppChange = noop, onLogout, onBeforeMenuChange = noop, onMenuChange = noop, onMenuSelect = noop, onHeaderNavChange = noop, } = props;
-    const [userInfo, setUserInfo] = (0, react_1.useState)(props.userInfo || {});
-    let theme = (0, storage_1.getThemeStore)() || userInfo.theme || 'themeS2';
-    // theme === 'default' ? 'themeS2' : theme;
-    theme = ['default', 'themeS3'].includes(theme) ? 'themeS2' : theme;
-    const language = (0, storage_1.getLanguageStore)() || userInfo.lang || 'cn';
-    const menusMapByApp = menus.reduce((acc, menu) => {
-        const subMenus = menu.children || [];
-        const singleGroupMap = subMenus.reduce((acc, subMenu) => {
-            const { path } = subMenu;
-            const appKey = !/^http/i.test(path) ? path === null || path === void 0 ? void 0 : path.match(/\/([^\/]+)/)[1] : '';
-            if (appKey) {
-                acc[appKey] = acc[appKey] || Object.assign(Object.assign({}, menu), { children: [] });
-                acc[appKey].children.push(subMenu);
-            }
-            return acc;
-        }, {});
-        for (const appKey in singleGroupMap) {
-            acc[appKey] = acc[appKey] || [];
-            acc[appKey].push(singleGroupMap[appKey]);
-        }
-        return acc;
+var _default = (0, _styledComponents.withTheme)(function (props) {
+  var appKey = props.appKey,
+    logo = props.logo,
+    name = props.name,
+    enName = props.enName,
+    isInIframe = props.isInIframe,
+    isEmptyLayout = props.isEmptyLayout,
+    selectedAppKey = props.selectedAppKey,
+    appList = props.appList,
+    _props$config = props.config,
+    config = _props$config === void 0 ? {} : _props$config,
+    extraHeaderActions = props.extraHeaderActions,
+    headerNavs = props.headerNavs,
+    sideMenu = props.sideMenu,
+    selectedMenuKey = props.selectedMenuKey,
+    _props$menuAlignMode = props.menuAlignMode,
+    menuAlignMode = _props$menuAlignMode === void 0 ? 'side' : _props$menuAlignMode,
+    _props$menus = props.menus,
+    menus = _props$menus === void 0 ? [] : _props$menus,
+    formatMenuPath = props.formatMenuPath,
+    changeRouter = props.changeRouter,
+    _props$onLogoClick = props.onLogoClick,
+    onLogoClick = _props$onLogoClick === void 0 ? noop : _props$onLogoClick,
+    _props$onThemeChange = props.onThemeChange,
+    _onThemeChange = _props$onThemeChange === void 0 ? noop : _props$onThemeChange,
+    _props$onLanguageChan = props.onLanguageChange,
+    _onLanguageChange = _props$onLanguageChan === void 0 ? noop : _props$onLanguageChan,
+    _props$onApplicationC = props.onApplicationChange,
+    _onApplicationChange = _props$onApplicationC === void 0 ? noop : _props$onApplicationC,
+    _props$onAppChange = props.onAppChange,
+    onAppChange = _props$onAppChange === void 0 ? noop : _props$onAppChange,
+    onLogout = props.onLogout,
+    _props$onBeforeMenuCh = props.onBeforeMenuChange,
+    onBeforeMenuChange = _props$onBeforeMenuCh === void 0 ? noop : _props$onBeforeMenuCh,
+    _props$onMenuChange = props.onMenuChange,
+    onMenuChange = _props$onMenuChange === void 0 ? noop : _props$onMenuChange,
+    _props$onMenuSelect = props.onMenuSelect,
+    onMenuSelect = _props$onMenuSelect === void 0 ? noop : _props$onMenuSelect,
+    _props$onHeaderNavCha = props.onHeaderNavChange,
+    onHeaderNavChange = _props$onHeaderNavCha === void 0 ? noop : _props$onHeaderNavCha;
+  var _useState = (0, _react.useState)(props.userInfo || {}),
+    _useState2 = _slicedToArray(_useState, 2),
+    userInfo = _useState2[0],
+    setUserInfo = _useState2[1];
+  var theme = (0, _storage.getThemeStore)() || userInfo.theme || 'themeS2';
+  // theme === 'default' ? 'themeS2' : theme;
+  theme = ['default', 'themeS3'].includes(theme) ? 'themeS2' : theme;
+  var language = (0, _storage.getLanguageStore)() || userInfo.lang || 'cn';
+  var menusMapByApp = menus.reduce(function (acc, menu) {
+    var subMenus = menu.children || [];
+    var singleGroupMap = subMenus.reduce(function (acc, subMenu) {
+      var path = subMenu.path;
+      var appKey = !/^http/i.test(path) ? path === null || path === void 0 ? void 0 : path.match(/\/([^\/]+)/)[1] : '';
+      if (appKey) {
+        acc[appKey] = acc[appKey] || Object.assign(Object.assign({}, menu), {
+          children: []
+        });
+        acc[appKey].children.push(subMenu);
+      }
+      return acc;
     }, {});
-    const [currentAppKey, setCurrentAppKey] = (0, react_1.useState)(appKey);
-    const apps = (0, lodash_1.reduce)(menusMapByApp, (acc, value, key) => {
-        acc.push({
-            appKey: key,
-            name: key,
+    for (var _appKey in singleGroupMap) {
+      acc[_appKey] = acc[_appKey] || [];
+      acc[_appKey].push(singleGroupMap[_appKey]);
+    }
+    return acc;
+  }, {});
+  var _useState3 = (0, _react.useState)(appKey),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentAppKey = _useState4[0],
+    setCurrentAppKey = _useState4[1];
+  var apps = (0, _reduce2["default"])(menusMapByApp, function (acc, value, key) {
+    acc.push({
+      appKey: key,
+      name: key
+    });
+    return acc;
+  }, []);
+  var isMenusTop = menuAlignMode === 'top';
+  var headerNavMenus = headerNavs;
+  var currentSystemMenus = menusMapByApp[currentAppKey] || [];
+  var _useState5 = (0, _react.useState)((0, _get2["default"])(currentSystemMenus, '0.code')),
+    _useState6 = _slicedToArray(_useState5, 2),
+    currentHeaderNavKey = _useState6[0],
+    setCurrentHeaderNavKey = _useState6[1];
+  var sideMenus = isMenusTop ? (0, _get2["default"])(currentSystemMenus.find(function (_ref) {
+    var code = _ref.code;
+    return currentHeaderNavKey === code;
+  }), 'children', []) : currentSystemMenus;
+  var FinalSideMenu = isMenusTop ? _CompactSideMenu["default"] : _SideMenu["default"];
+  // 一级菜单放在顶部(Header里面菜单作为一级导航)
+  if (isMenusTop) {
+    headerNavMenus = _react["default"].createElement(_HeaderNavs["default"], {
+      selectedKey: currentHeaderNavKey,
+      navs: currentSystemMenus.map(function (item) {
+        return Object.assign(Object.assign({}, item), {
+          key: item.code,
+          name: item.groupName
         });
-        return acc;
-    }, []);
-    const isMenusTop = menuAlignMode === 'top';
-    let headerNavMenus = headerNavs;
-    const currentSystemMenus = menusMapByApp[currentAppKey] || [];
-    const [currentHeaderNavKey, setCurrentHeaderNavKey] = (0, react_1.useState)((0, lodash_1.get)(currentSystemMenus, '0.code'));
-    const sideMenus = isMenusTop
-        ? (0, lodash_1.get)(currentSystemMenus.find(({ code }) => currentHeaderNavKey === code), 'children', [])
-        : currentSystemMenus;
-    const FinalSideMenu = isMenusTop ? CompactSideMenu_1.default : SideMenu_1.default;
-    // 一级菜单放在顶部(Header里面菜单作为一级导航)
+      }),
+      onChange: function onChange(item) {
+        setCurrentHeaderNavKey(item.key);
+        onHeaderNavChange(item);
+      }
+    });
+  }
+  (0, _react.useEffect)(function () {
+    setUserInfo(props.userInfo);
+  }, [props.userInfo]);
+  (0, _react.useEffect)(function () {
     if (isMenusTop) {
-        headerNavMenus = (react_1.default.createElement(HeaderNavs_1.default, { selectedKey: currentHeaderNavKey, navs: currentSystemMenus.map((item) => (Object.assign(Object.assign({}, item), { key: item.code, name: item.groupName }))), onChange: (item) => {
-                setCurrentHeaderNavKey(item.key);
-                onHeaderNavChange(item);
-            } }));
+      setCurrentHeaderNavKey((0, _get2["default"])((0, _utils.getSelectedMenuInfo)(selectedMenuKey, menus), 'menu.code'));
     }
-    (0, react_1.useEffect)(() => {
-        setUserInfo(props.userInfo);
-    }, [props.userInfo]);
-    (0, react_1.useEffect)(() => {
-        if (isMenusTop) {
-            setCurrentHeaderNavKey((0, lodash_1.get)((0, utils_1.getSelectedMenuInfo)(selectedMenuKey, menus), 'menu.code'));
-        }
-    }, [menus, selectedMenuKey]);
-    return (react_1.default.createElement(TNTPaasLayout, { className: (0, classnames_1.default)(`tnt-${theme} ${props.className || ''}`, {
-            'large-size': props.theme.size === 'large',
-            compatible: props.theme.compatible,
-            isInIframe,
-            isEmptyLayout,
-            noAppList: !appList,
-        }) },
-        react_1.default.createElement(Header_1.default, { logo: logo, name: name, enName: enName, language: language, theme: theme, userInfo: userInfo, config: config, appKey: currentAppKey, selectedAppKey: selectedAppKey, menus: menus, appList: appList, apps: apps, extraActions: extraHeaderActions, onLogoClick: onLogoClick, onAppChange: onAppChange, onThemeChange: (theme) => {
-                setUserInfo(Object.assign(Object.assign({}, userInfo), { theme }));
-                onThemeChange && onThemeChange(theme);
-            }, onLanguageChange: (lang) => {
-                setUserInfo(Object.assign(Object.assign({}, userInfo), { lang }));
-                onLanguageChange && onLanguageChange(lang);
-            }, onApplicationChange: (appKey) => {
-                setCurrentAppKey(appKey);
-                onApplicationChange(appKey);
-            }, onLogout: onLogout }, headerNavMenus),
-        react_1.default.createElement(__1.Layout, null,
-            !(0, lodash_1.isUndefined)(sideMenu) ? (sideMenu) : (react_1.default.createElement(Sider, { breakpoint: "md", className: "tnt-layout-sider", width: 220, trigger: null },
-                react_1.default.createElement(FinalSideMenu, { language: language, selectedKey: selectedMenuKey, menus: sideMenus, formatMenuPath: formatMenuPath, changeRouter: changeRouter, onBeforeChange: onBeforeMenuChange, onChange: onMenuChange, onSelect: onMenuSelect }))),
-            react_1.default.createElement(Content, { className: "tnt-layout-content" }, props.children))));
+  }, [menus, selectedMenuKey]);
+  return _react["default"].createElement(TNTPaasLayout, {
+    className: (0, _classnames["default"])("tnt-".concat(theme, " ").concat(props.className || ''), {
+      'large-size': props.theme.size === 'large',
+      compatible: props.theme.compatible,
+      isInIframe: isInIframe,
+      isEmptyLayout: isEmptyLayout,
+      noAppList: !appList
+    })
+  }, _react["default"].createElement(_Header["default"], {
+    logo: logo,
+    name: name,
+    enName: enName,
+    language: language,
+    theme: theme,
+    userInfo: userInfo,
+    config: config,
+    appKey: currentAppKey,
+    selectedAppKey: selectedAppKey,
+    menus: menus,
+    appList: appList,
+    apps: apps,
+    extraActions: extraHeaderActions,
+    onLogoClick: onLogoClick,
+    onAppChange: onAppChange,
+    onThemeChange: function onThemeChange(theme) {
+      setUserInfo(Object.assign(Object.assign({}, userInfo), {
+        theme: theme
+      }));
+      _onThemeChange && _onThemeChange(theme);
+    },
+    onLanguageChange: function onLanguageChange(lang) {
+      setUserInfo(Object.assign(Object.assign({}, userInfo), {
+        lang: lang
+      }));
+      _onLanguageChange && _onLanguageChange(lang);
+    },
+    onApplicationChange: function onApplicationChange(appKey) {
+      setCurrentAppKey(appKey);
+      _onApplicationChange(appKey);
+    },
+    onLogout: onLogout
+  }, headerNavMenus), _react["default"].createElement(_.Layout, null, !(0, _isUndefined2["default"])(sideMenu) ? sideMenu : _react["default"].createElement(Sider, {
+    breakpoint: "md",
+    className: "tnt-layout-sider",
+    width: 220,
+    trigger: null
+  }, _react["default"].createElement(FinalSideMenu, {
+    language: language,
+    selectedKey: selectedMenuKey,
+    menus: sideMenus,
+    formatMenuPath: formatMenuPath,
+    changeRouter: changeRouter,
+    onBeforeChange: onBeforeMenuChange,
+    onChange: onMenuChange,
+    onSelect: onMenuSelect
+  })), _react["default"].createElement(Content, {
+    className: "tnt-layout-content"
+  }, props.children)));
 });
-//# sourceMappingURL=index.js.map
+exports["default"] = _default;

package/lib/tntd-layout/paaslayout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tntd-layout/paaslayout/index.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react'\nimport styled, { withTheme } from 'styled-components'\nimport cn from 'classnames'\nimport { Layout } from '../../'\nimport { get, reduce, isUndefined } from 'lodash'\nimport { getSelectedMenuInfo } from '../../utils'\nimport HeaderNavs from '../HeaderNavs'\nimport Header from './Header'\nimport SideMenu from './SideMenu'\nimport CompactSideMenu from './CompactSideMenu'\nimport { getLanguageStore, getThemeStore } from '../storage'\n\nconst { Content, Sider } = Layout\nconst TNTPaasLayout = styled(Layout)`\n  position: relative;\n  height: 100vh;\n  overflow: hidden;\n  & > .ant-layout {\n    flex-direction: row;\n    & > .ant-layout-content {\n      overflow-x: hidden;\n      flex: 1;\n    }\n  }\n  .tnt-layout-sider {\n    overflow-x: hidden;\n    background: #fff !important;\n    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);\n    z-index: 8;\n  }\n  &.isInIframe,\n  &.isEmptyLayout {\n    .tnt-layout-sider {\n      display: none;\n    }\n  }\n  &.tnt-themeS1 .tnt-layout-sider {\n    background: #fff !important;\n  }\n  .tnt-layout-content {\n    background: ${(props) => props.theme.lightBgColor};\n  }\n`\nconst noop = () => true\n\nexport default withTheme((props) => {\n  const {\n    appKey,\n    logo,\n    name,\n    enName,\n    isInIframe,\n    isEmptyLayout,\n    selectedAppKey,\n    appList,\n    config = {},\n    extraHeaderActions,\n    headerNavs,\n    sideMenu,\n    selectedMenuKey,\n    menuAlignMode = 'side',\n    menus = [],\n    formatMenuPath,\n    changeRouter,\n    onLogoClick = noop,\n    onThemeChange = noop,\n    onLanguageChange = noop,\n    onApplicationChange = noop,\n    onAppChange = noop,\n    onLogout,\n    onBeforeMenuChange = noop,\n    onMenuChange = noop,\n    onMenuSelect = noop,\n    onHeaderNavChange = noop,\n  } = props\n  const [userInfo, setUserInfo] = useState(props.userInfo || {})\n  let theme = getThemeStore() || userInfo.theme || 'themeS2'\n  // theme === 'default' ? 'themeS2' : theme;\n  theme = ['default', 'themeS3'].includes(theme) ? 'themeS2' : theme\n\n  const language = getLanguageStore() || userInfo.lang || 'cn'\n  const menusMapByApp = menus.reduce((acc, menu) => {\n    const subMenus = menu.children || []\n\n    const singleGroupMap = subMenus.reduce((acc, subMenu) => {\n      const { path } = subMenu\n      const appKey = !/^http/i.test(path) ? path?.match(/\\/([^\\/]+)/)[1] : ''\n\n      if (appKey) {\n        acc[appKey] = acc[appKey] || {\n          ...menu,\n          children: [],\n        }\n        acc[appKey].children.push(subMenu)\n      }\n      return acc\n    }, {})\n\n    for (const appKey in singleGroupMap) {\n      acc[appKey] = acc[appKey] || []\n      acc[appKey].push(singleGroupMap[appKey])\n    }\n\n    return acc\n  }, {})\n  const [currentAppKey, setCurrentAppKey] = useState(appKey)\n  const apps = reduce(\n    menusMapByApp,\n    (acc, value, key) => {\n      acc.push({\n        appKey: key,\n        name: key,\n      })\n      return acc\n    },\n    []\n  )\n\n  const isMenusTop = menuAlignMode === 'top'\n  let headerNavMenus = headerNavs\n  const currentSystemMenus = menusMapByApp[currentAppKey] || []\n  const [currentHeaderNavKey, setCurrentHeaderNavKey] = useState(get(currentSystemMenus, '0.code'))\n  const sideMenus = isMenusTop\n    ? get(\n        currentSystemMenus.find(({ code }) => currentHeaderNavKey === code),\n        'children',\n        []\n      )\n    : currentSystemMenus\n  const FinalSideMenu = isMenusTop ? CompactSideMenu : SideMenu\n\n  // 一级菜单放在顶部(Header里面菜单作为一级导航)\n  if (isMenusTop) {\n    headerNavMenus = (\n      <HeaderNavs\n        selectedKey={currentHeaderNavKey}\n        navs={currentSystemMenus.map((item) => ({\n          ...item,\n          key: item.code,\n          name: item.groupName,\n        }))}\n        onChange={(item) => {\n          setCurrentHeaderNavKey(item.key)\n          onHeaderNavChange(item)\n        }}\n      />\n    )\n  }\n\n  useEffect(() => {\n    setUserInfo(props.userInfo)\n  }, [props.userInfo])\n\n  useEffect(() => {\n    if (isMenusTop) {\n      setCurrentHeaderNavKey(get(getSelectedMenuInfo(selectedMenuKey, menus), 'menu.code'))\n    }\n  }, [menus, selectedMenuKey])\n\n  return (\n    <TNTPaasLayout\n      className={cn(`tnt-${theme} ${props.className || ''}`, {\n        'large-size': props.theme.size === 'large',\n        compatible: props.theme.compatible,\n        isInIframe,\n        isEmptyLayout,\n        noAppList: !appList,\n      })}\n    >\n      <Header\n        logo={logo}\n        name={name}\n        enName={enName}\n        language={language}\n        theme={theme}\n        userInfo={userInfo}\n        config={config}\n        appKey={currentAppKey}\n        selectedAppKey={selectedAppKey}\n        menus={menus}\n        appList={appList}\n        apps={apps}\n        extraActions={extraHeaderActions}\n        onLogoClick={onLogoClick}\n        onAppChange={onAppChange}\n        onThemeChange={(theme) => {\n          setUserInfo({\n            ...userInfo,\n            theme,\n          })\n          onThemeChange && onThemeChange(theme)\n        }}\n        onLanguageChange={(lang) => {\n          setUserInfo({\n            ...userInfo,\n            lang,\n          })\n          onLanguageChange && onLanguageChange(lang)\n        }}\n        onApplicationChange={(appKey) => {\n          setCurrentAppKey(appKey)\n          onApplicationChange(appKey)\n        }}\n        onLogout={onLogout}\n      >\n        {headerNavMenus}\n      </Header>\n      <Layout>\n        {!isUndefined(sideMenu) ? (\n          sideMenu\n        ) : (\n          <Sider breakpoint=\"md\" className=\"tnt-layout-sider\" width={220} trigger={null}>\n            <FinalSideMenu\n              language={language}\n              selectedKey={selectedMenuKey}\n              menus={sideMenus}\n              formatMenuPath={formatMenuPath}\n              changeRouter={changeRouter}\n              onBeforeChange={onBeforeMenuChange}\n              onChange={onMenuChange}\n              onSelect={onMenuSelect}\n            />\n          </Sider>\n        )}\n        <Content className=\"tnt-layout-content\">{props.children}</Content>\n      </Layout>\n    </TNTPaasLayout>\n  )\n})\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tntd-layout/paaslayout/index.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react'\nimport styled, { withTheme } from 'styled-components'\nimport cn from 'classnames'\nimport { Layout } from '../../'\nimport { get, reduce, isUndefined } from 'lodash'\nimport { getSelectedMenuInfo } from '../../utils'\nimport HeaderNavs from '../HeaderNavs'\nimport Header from './Header'\nimport SideMenu from './SideMenu'\nimport CompactSideMenu from './CompactSideMenu'\nimport { getLanguageStore, getThemeStore } from '../storage'\n\nconst { Content, Sider } = Layout\nconst TNTPaasLayout = styled(Layout)`\n  position: relative;\n  height: 100vh;\n  overflow: hidden;\n  & > .ant-layout {\n    flex-direction: row;\n    & > .ant-layout-content {\n      overflow-x: hidden;\n      flex: 1;\n    }\n  }\n  .tnt-layout-sider {\n    overflow-x: hidden;\n    background: #fff !important;\n    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);\n    z-index: 8;\n  }\n  &.isInIframe,\n  &.isEmptyLayout {\n    .tnt-layout-sider {\n      display: none;\n    }\n  }\n  &.tnt-themeS1 .tnt-layout-sider {\n    background: #fff !important;\n  }\n  .tnt-layout-content {\n    background: ${(props) => props.theme.lightBgColor};\n  }\n`\nconst noop = () => true\n\nexport default withTheme((props) => {\n  const {\n    appKey,\n    logo,\n    name,\n    enName,\n    isInIframe,\n    isEmptyLayout,\n    selectedAppKey,\n    appList,\n    config = {},\n    extraHeaderActions,\n    headerNavs,\n    sideMenu,\n    selectedMenuKey,\n    menuAlignMode = 'side',\n    menus = [],\n    formatMenuPath,\n    changeRouter,\n    onLogoClick = noop,\n    onThemeChange = noop,\n    onLanguageChange = noop,\n    onApplicationChange = noop,\n    onAppChange = noop,\n    onLogout,\n    onBeforeMenuChange = noop,\n    onMenuChange = noop,\n    onMenuSelect = noop,\n    onHeaderNavChange = noop,\n  } = props\n  const [userInfo, setUserInfo] = useState(props.userInfo || {})\n  let theme = getThemeStore() || userInfo.theme || 'themeS2'\n  // theme === 'default' ? 'themeS2' : theme;\n  theme = ['default', 'themeS3'].includes(theme) ? 'themeS2' : theme\n\n  const language = getLanguageStore() || userInfo.lang || 'cn'\n  const menusMapByApp = menus.reduce((acc, menu) => {\n    const subMenus = menu.children || []\n\n    const singleGroupMap = subMenus.reduce((acc, subMenu) => {\n      const { path } = subMenu\n      const appKey = !/^http/i.test(path) ? path?.match(/\\/([^\\/]+)/)[1] : ''\n\n      if (appKey) {\n        acc[appKey] = acc[appKey] || {\n          ...menu,\n          children: [],\n        }\n        acc[appKey].children.push(subMenu)\n      }\n      return acc\n    }, {})\n\n    for (const appKey in singleGroupMap) {\n      acc[appKey] = acc[appKey] || []\n      acc[appKey].push(singleGroupMap[appKey])\n    }\n\n    return acc\n  }, {})\n  const [currentAppKey, setCurrentAppKey] = useState(appKey)\n  const apps = reduce(\n    menusMapByApp,\n    (acc, value, key) => {\n      acc.push({\n        appKey: key,\n        name: key,\n      })\n      return acc\n    },\n    []\n  )\n\n  const isMenusTop = menuAlignMode === 'top'\n  let headerNavMenus = headerNavs\n  const currentSystemMenus = menusMapByApp[currentAppKey] || []\n  const [currentHeaderNavKey, setCurrentHeaderNavKey] = useState(get(currentSystemMenus, '0.code'))\n  const sideMenus = isMenusTop\n    ? get(\n        currentSystemMenus.find(({ code }) => currentHeaderNavKey === code),\n        'children',\n        []\n      )\n    : currentSystemMenus\n  const FinalSideMenu = isMenusTop ? CompactSideMenu : SideMenu\n\n  // 一级菜单放在顶部(Header里面菜单作为一级导航)\n  if (isMenusTop) {\n    headerNavMenus = (\n      <HeaderNavs\n        selectedKey={currentHeaderNavKey}\n        navs={currentSystemMenus.map((item) => ({\n          ...item,\n          key: item.code,\n          name: item.groupName,\n        }))}\n        onChange={(item) => {\n          setCurrentHeaderNavKey(item.key)\n          onHeaderNavChange(item)\n        }}\n      />\n    )\n  }\n\n  useEffect(() => {\n    setUserInfo(props.userInfo)\n  }, [props.userInfo])\n\n  useEffect(() => {\n    if (isMenusTop) {\n      setCurrentHeaderNavKey(get(getSelectedMenuInfo(selectedMenuKey, menus), 'menu.code'))\n    }\n  }, [menus, selectedMenuKey])\n\n  return (\n    <TNTPaasLayout\n      className={cn(`tnt-${theme} ${props.className || ''}`, {\n        'large-size': props.theme.size === 'large',\n        compatible: props.theme.compatible,\n        isInIframe,\n        isEmptyLayout,\n        noAppList: !appList,\n      })}\n    >\n      <Header\n        logo={logo}\n        name={name}\n        enName={enName}\n        language={language}\n        theme={theme}\n        userInfo={userInfo}\n        config={config}\n        appKey={currentAppKey}\n        selectedAppKey={selectedAppKey}\n        menus={menus}\n        appList={appList}\n        apps={apps}\n        extraActions={extraHeaderActions}\n        onLogoClick={onLogoClick}\n        onAppChange={onAppChange}\n        onThemeChange={(theme) => {\n          setUserInfo({\n            ...userInfo,\n            theme,\n          })\n          onThemeChange && onThemeChange(theme)\n        }}\n        onLanguageChange={(lang) => {\n          setUserInfo({\n            ...userInfo,\n            lang,\n          })\n          onLanguageChange && onLanguageChange(lang)\n        }}\n        onApplicationChange={(appKey) => {\n          setCurrentAppKey(appKey)\n          onApplicationChange(appKey)\n        }}\n        onLogout={onLogout}\n      >\n        {headerNavMenus}\n      </Header>\n      <Layout>\n        {!isUndefined(sideMenu) ? (\n          sideMenu\n        ) : (\n          <Sider breakpoint=\"md\" className=\"tnt-layout-sider\" width={220} trigger={null}>\n            <FinalSideMenu\n              language={language}\n              selectedKey={selectedMenuKey}\n              menus={sideMenus}\n              formatMenuPath={formatMenuPath}\n              changeRouter={changeRouter}\n              onBeforeChange={onBeforeMenuChange}\n              onChange={onMenuChange}\n              onSelect={onMenuSelect}\n            />\n          </Sider>\n        )}\n        <Content className=\"tnt-layout-content\">{props.children}</Content>\n      </Layout>\n    </TNTPaasLayout>\n  )\n})\n"]}

package/lib/tntd-layout/storage.js

@@ -1,49 +1,77 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearLoginCookie = exports.getThemeStore = exports.setThemeStore = exports.getLanguageStore = exports.setLanguageStore = exports.getCurrentOrgTreeStore = exports.setCurrentOrgTreeStore = exports.getCurrentOrgStore = exports.setCurrentOrgStore = exports.getCurrentAppStore = exports.setCurrentAppStore = exports.setSideMenuStore = exports.getSideMenuStore = void 0;
-const universal_cookie_1 = __importDefault(require("universal-cookie"));
-const utils_1 = require("../utils");
-const cookies = new universal_cookie_1.default();
-const getSideMenuStore = () => (0, utils_1.safeParseJSON)(localStorage.getItem('sideMenu'), {});
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setThemeStore = exports.setSideMenuStore = exports.setLanguageStore = exports.setCurrentOrgTreeStore = exports.setCurrentOrgStore = exports.setCurrentAppStore = exports.getThemeStore = exports.getSideMenuStore = exports.getLanguageStore = exports.getCurrentOrgTreeStore = exports.getCurrentOrgStore = exports.getCurrentAppStore = exports.clearLoginCookie = void 0;
+var _universalCookie = _interopRequireDefault(require("universal-cookie"));
+var _utils = require("../utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var cookies = new _universalCookie["default"]();
+var getSideMenuStore = function getSideMenuStore() {
+  return (0, _utils.safeParseJSON)(localStorage.getItem('sideMenu'), {});
+};
 exports.getSideMenuStore = getSideMenuStore;
-const setSideMenuStore = (params = {}) => {
-    localStorage.setItem('sideMenu', JSON.stringify(Object.assign(Object.assign({}, (0, exports.getSideMenuStore)()), params)));
+var setSideMenuStore = function setSideMenuStore() {
+  var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  localStorage.setItem('sideMenu', JSON.stringify(Object.assign(Object.assign({}, getSideMenuStore()), params)));
 };
 exports.setSideMenuStore = setSideMenuStore;
-const setCurrentAppStore = (currentApp = {}) => {
-    localStorage.setItem('currentApp', JSON.stringify(currentApp));
+var setCurrentAppStore = function setCurrentAppStore() {
+  var currentApp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  localStorage.setItem('currentApp', JSON.stringify(currentApp));
 };
 exports.setCurrentAppStore = setCurrentAppStore;
-const getCurrentAppStore = () => (0, utils_1.safeParseJSON)(localStorage.getItem('currentApp'), {});
+var getCurrentAppStore = function getCurrentAppStore() {
+  return (0, _utils.safeParseJSON)(localStorage.getItem('currentApp'), {});
+};
 exports.getCurrentAppStore = getCurrentAppStore;
-const setCurrentOrgStore = (currentOrg = {}) => {
-    localStorage.setItem('currentOrg', JSON.stringify(currentOrg));
+var setCurrentOrgStore = function setCurrentOrgStore() {
+  var currentOrg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  localStorage.setItem('currentOrg', JSON.stringify(currentOrg));
 };
 exports.setCurrentOrgStore = setCurrentOrgStore;
-const getCurrentOrgStore = () => (0, utils_1.safeParseJSON)(localStorage.getItem('currentOrg'), {});
+var getCurrentOrgStore = function getCurrentOrgStore() {
+  return (0, _utils.safeParseJSON)(localStorage.getItem('currentOrg'), {});
+};
 exports.getCurrentOrgStore = getCurrentOrgStore;
-const setCurrentOrgTreeStore = (currentOrgTree = []) => {
-    localStorage.setItem('currentOrgTree', JSON.stringify(currentOrgTree));
+var setCurrentOrgTreeStore = function setCurrentOrgTreeStore() {
+  var currentOrgTree = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  localStorage.setItem('currentOrgTree', JSON.stringify(currentOrgTree));
 };
 exports.setCurrentOrgTreeStore = setCurrentOrgTreeStore;
-const getCurrentOrgTreeStore = () => (0, utils_1.safeParseJSON)(localStorage.getItem('currentOrgTree'), []);
-exports.getCurrentOrgTreeStore = getCurrentOrgTreeStore;
+var getCurrentOrgTreeStore = function getCurrentOrgTreeStore() {
+  return (0, _utils.safeParseJSON)(localStorage.getItem('currentOrgTree'), []);
+};
 // export const setLanguageStore = (lang) => localStorage.setItem('lang', lang)
 // export const getLanguageStore = () => localStorage.getItem('lang')
-const setLanguageStore = (lang) => cookies.set('lang', lang, { path: '/' });
+exports.getCurrentOrgTreeStore = getCurrentOrgTreeStore;
+var setLanguageStore = function setLanguageStore(lang) {
+  return cookies.set('lang', lang, {
+    path: '/'
+  });
+};
 exports.setLanguageStore = setLanguageStore;
-const getLanguageStore = () => cookies.get('lang', { path: '/' });
+var getLanguageStore = function getLanguageStore() {
+  return cookies.get('lang', {
+    path: '/'
+  });
+};
 exports.getLanguageStore = getLanguageStore;
-const setThemeStore = (theme) => localStorage.setItem('theme', theme);
+var setThemeStore = function setThemeStore(theme) {
+  return localStorage.setItem('theme', theme);
+};
 exports.setThemeStore = setThemeStore;
-const getThemeStore = () => localStorage.getItem('theme');
+var getThemeStore = function getThemeStore() {
+  return localStorage.getItem('theme');
+};
 exports.getThemeStore = getThemeStore;
-const clearLoginCookie = () => {
-    cookies.remove('_td_token_', { path: '/' });
-    cookies.remove('_uid_', { path: '/' });
+var clearLoginCookie = function clearLoginCookie() {
+  cookies.remove('_td_token_', {
+    path: '/'
+  });
+  cookies.remove('_uid_', {
+    path: '/'
+  });
 };
-exports.clearLoginCookie = clearLoginCookie;
-//# sourceMappingURL=storage.js.map
+exports.clearLoginCookie = clearLoginCookie;