tntd 2.5.3 → 2.5.6

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

@@ -1,213 +1,149 @@
 "use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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;
 });
-var noop = function noop() {
-  return 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 _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;
-    }, {});
-    for (var _appKey in singleGroupMap) {
-      acc[_appKey] = acc[_appKey] || [];
-      acc[_appKey].push(singleGroupMap[_appKey]);
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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;
     }
-    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
-        });
-      }),
-      onChange: function onChange(item) {
-        setCurrentHeaderNavKey(item.key);
-        onHeaderNavChange(item);
-      }
-    });
   }
-  (0, _react.useEffect)(function () {
-    setUserInfo(props.userInfo);
-  }, [props.userInfo]);
-  (0, _react.useEffect)(function () {
+  .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;
+    }, {});
+    const [currentAppKey, setCurrentAppKey] = (0, react_1.useState)(appKey);
+    const apps = (0, lodash_1.reduce)(menusMapByApp, (acc, value, key) => {
+        acc.push({
+            appKey: key,
+            name: key,
+        });
+        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里面菜单作为一级导航)
     if (isMenusTop) {
-      setCurrentHeaderNavKey((0, _get2["default"])((0, _utils.getSelectedMenuInfo)(selectedMenuKey, menus), 'menu.code'));
+        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);
+            } }));
     }
-  }, [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)));
+    (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))));
 });
-exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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,77 +1,49 @@
 "use strict";
-
-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'), {});
-};
+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'), {});
 exports.getSideMenuStore = getSideMenuStore;
-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)));
+const setSideMenuStore = (params = {}) => {
+    localStorage.setItem('sideMenu', JSON.stringify(Object.assign(Object.assign({}, (0, exports.getSideMenuStore)()), params)));
 };
 exports.setSideMenuStore = setSideMenuStore;
-var setCurrentAppStore = function setCurrentAppStore() {
-  var currentApp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  localStorage.setItem('currentApp', JSON.stringify(currentApp));
+const setCurrentAppStore = (currentApp = {}) => {
+    localStorage.setItem('currentApp', JSON.stringify(currentApp));
 };
 exports.setCurrentAppStore = setCurrentAppStore;
-var getCurrentAppStore = function getCurrentAppStore() {
-  return (0, _utils.safeParseJSON)(localStorage.getItem('currentApp'), {});
-};
+const getCurrentAppStore = () => (0, utils_1.safeParseJSON)(localStorage.getItem('currentApp'), {});
 exports.getCurrentAppStore = getCurrentAppStore;
-var setCurrentOrgStore = function setCurrentOrgStore() {
-  var currentOrg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  localStorage.setItem('currentOrg', JSON.stringify(currentOrg));
+const setCurrentOrgStore = (currentOrg = {}) => {
+    localStorage.setItem('currentOrg', JSON.stringify(currentOrg));
 };
 exports.setCurrentOrgStore = setCurrentOrgStore;
-var getCurrentOrgStore = function getCurrentOrgStore() {
-  return (0, _utils.safeParseJSON)(localStorage.getItem('currentOrg'), {});
-};
+const getCurrentOrgStore = () => (0, utils_1.safeParseJSON)(localStorage.getItem('currentOrg'), {});
 exports.getCurrentOrgStore = getCurrentOrgStore;
-var setCurrentOrgTreeStore = function setCurrentOrgTreeStore() {
-  var currentOrgTree = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  localStorage.setItem('currentOrgTree', JSON.stringify(currentOrgTree));
+const setCurrentOrgTreeStore = (currentOrgTree = []) => {
+    localStorage.setItem('currentOrgTree', JSON.stringify(currentOrgTree));
 };
 exports.setCurrentOrgTreeStore = setCurrentOrgTreeStore;
-var getCurrentOrgTreeStore = function getCurrentOrgTreeStore() {
-  return (0, _utils.safeParseJSON)(localStorage.getItem('currentOrgTree'), []);
-};
+const getCurrentOrgTreeStore = () => (0, utils_1.safeParseJSON)(localStorage.getItem('currentOrgTree'), []);
+exports.getCurrentOrgTreeStore = getCurrentOrgTreeStore;
 // export const setLanguageStore = (lang) => localStorage.setItem('lang', lang)
 // export const getLanguageStore = () => localStorage.getItem('lang')
-exports.getCurrentOrgTreeStore = getCurrentOrgTreeStore;
-var setLanguageStore = function setLanguageStore(lang) {
-  return cookies.set('lang', lang, {
-    path: '/'
-  });
-};
+const setLanguageStore = (lang) => cookies.set('lang', lang, { path: '/' });
 exports.setLanguageStore = setLanguageStore;
-var getLanguageStore = function getLanguageStore() {
-  return cookies.get('lang', {
-    path: '/'
-  });
-};
+const getLanguageStore = () => cookies.get('lang', { path: '/' });
 exports.getLanguageStore = getLanguageStore;
-var setThemeStore = function setThemeStore(theme) {
-  return localStorage.setItem('theme', theme);
-};
+const setThemeStore = (theme) => localStorage.setItem('theme', theme);
 exports.setThemeStore = setThemeStore;
-var getThemeStore = function getThemeStore() {
-  return localStorage.getItem('theme');
-};
+const getThemeStore = () => localStorage.getItem('theme');
 exports.getThemeStore = getThemeStore;
-var clearLoginCookie = function clearLoginCookie() {
-  cookies.remove('_td_token_', {
-    path: '/'
-  });
-  cookies.remove('_uid_', {
-    path: '/'
-  });
+const clearLoginCookie = () => {
+    cookies.remove('_td_token_', { path: '/' });
+    cookies.remove('_uid_', { path: '/' });
 };
-exports.clearLoginCookie = clearLoginCookie;
+exports.clearLoginCookie = clearLoginCookie;
+//# sourceMappingURL=storage.js.map