tntd 1.3.57 → 1.3.62

package/lib/Layout/paaslayout/index.js

@@ -1,242 +1,263 @@
-import { useState, useEffect } from 'react';
-import styled, { withTheme } from 'styled-components';
-import cn from 'classnames';
-import { Layout } from 'antd';
-import { get, reduce, isUndefined } from 'lodash';
-import { getSelectedMenuInfo } from '../utils';
-import HeaderNavs from '../HeaderNavs';
-import Header from './Header';
-import SideMenu from './SideMenu';
-import CompactSideMenu from './CompactSideMenu';
-import { getLanguageStore, getThemeStore } from '../storage';
-
-const { Content, Sider } = Layout;
-const TNTPaasLayout = styled(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.10);
-        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};
+"use strict";
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("antd/es/layout/style");
+
+var _layout = _interopRequireDefault(require("antd/es/layout"));
+
+var _react = require("react");
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _lodash = require("lodash");
+
+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");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+
+function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _templateObject() {
+  var data = _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.10);\n        z-index: 8;\n    }\n    &.isInIframe, &.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"]);
+
+  _templateObject = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var Content = _layout["default"].Content,
+    Sider = _layout["default"].Sider;
+var TNTPaasLayout = (0, _styledComponents["default"])(_layout["default"])(_templateObject(), function (props) {
+  return props.theme.lightBgColor;
+});
+
+var noop = function noop() {
+  return true;
+};
+
+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 ? void 0 : path.match(/\/([^\/]+)/)[1] : '';
+
+      if (appKey) {
+        acc[appKey] = acc[appKey] || _objectSpread({}, menu, {
+          children: []
+        });
+        acc[appKey].children.push(subMenu);
+      }
+
+      return acc;
+    }, {});
+
+    for (var _appKey in singleGroupMap) {
+      acc[_appKey] = acc[_appKey] || [];
+
+      acc[_appKey].push(singleGroupMap[_appKey]);
     }
-`;
-const noop = () => true;
-
-export default 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] = useState(props.userInfo || {});
-        let theme = getThemeStore() || userInfo.theme || 'themeS2';
-        // theme === 'default' ? 'themeS2' : theme;
-        theme = ['default','themeS3'].includes(theme) ? 'themeS2' : theme;
-
-        const language = 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?.match(/\/([^\/]+)/)[1] : '';
-
-                if (appKey) {
-                    acc[appKey] = acc[appKey] || {
-                        ...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] = useState(appKey);
-        const apps = 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] = useState(get(currentSystemMenus, '0.code'));
-        const sideMenus = isMenusTop ? get(
-            currentSystemMenus.find(
-                ({ code }) => currentHeaderNavKey === code
-            ),
-            'children',
-            []
-        ) : currentSystemMenus;
-        const FinalSideMenu = isMenusTop ? CompactSideMenu : SideMenu;
-
-        // 一级菜单放在顶部(Header里面菜单作为一级导航)
-        if (isMenusTop) {
-            headerNavMenus = (
-                <HeaderNavs
-                    selectedKey={currentHeaderNavKey}
-                    navs={currentSystemMenus.map(
-                        item => ({
-                            ...item,
-                            key: item.code,
-                            name: item.groupName
-                        })
-                    )}
-                    onChange={item => {
-                        setCurrentHeaderNavKey(item.key);
-                        onHeaderNavChange(item);
-                    }}
-                />
-            );
-        }
-
-        useEffect(() => {
-            setUserInfo(props.userInfo);
-        }, [props.userInfo]);
-
-        useEffect(() => {
-            if (isMenusTop) {
-                setCurrentHeaderNavKey(get(getSelectedMenuInfo(selectedMenuKey, menus), 'menu.code'));
-            }
-        }, [menus, selectedMenuKey]);
-
-        return (
-            <TNTPaasLayout className={cn(
-                `tnt-${theme} ${props.className || ''}`,
-                {
-                    'large-size': props.theme.size === 'large',
-                    compatible: props.theme.compatible,
-                    isInIframe,
-                    isEmptyLayout,
-                    noAppList: !appList
-                }
-            )}>
-                <Header
-                    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({
-                                ...userInfo,
-                                theme
-                            });
-                            onThemeChange && onThemeChange(theme);
-                        }
-                    }
-                    onLanguageChange={
-                        lang => {
-                            setUserInfo({
-                                ...userInfo,
-                                lang
-                            });
-                            onLanguageChange && onLanguageChange(lang);
-                        }
-                    }
-                    onApplicationChange={
-                        appKey => {
-                            setCurrentAppKey(appKey);
-                            onApplicationChange(appKey);
-                        }
-                    }
-                    onLogout={onLogout}
-                >
-                    {headerNavMenus}
-                </Header>
-                <Layout>
-                    {
-                        !isUndefined(sideMenu) ? sideMenu : (
-                            <Sider
-                                breakpoint="md"
-                                className="tnt-layout-sider"
-                                width={220}
-                                trigger={null}
-                            >
-                                <FinalSideMenu
-                                    language={language}
-                                    selectedKey={selectedMenuKey}
-                                    menus={sideMenus}
-                                    formatMenuPath={formatMenuPath}
-                                    changeRouter={changeRouter}
-                                    onBeforeChange={onBeforeMenuChange}
-                                    onChange={onMenuChange}
-                                    onSelect={onMenuSelect}
-                                />
-                            </Sider>
-                        )
-                    }
-                    <Content className="tnt-layout-content">
-                        {props.children}
-                    </Content>
-                </Layout>
-            </TNTPaasLayout>
-        );
+
+    return acc;
+  }, {});
+
+  var _useState3 = (0, _react.useState)(appKey),
+      _useState4 = _slicedToArray(_useState3, 2),
+      currentAppKey = _useState4[0],
+      setCurrentAppKey = _useState4[1];
+
+  var apps = (0, _lodash.reduce)(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, _lodash.get)(currentSystemMenus, '0.code')),
+      _useState6 = _slicedToArray(_useState5, 2),
+      currentHeaderNavKey = _useState6[0],
+      setCurrentHeaderNavKey = _useState6[1];
+
+  var sideMenus = isMenusTop ? (0, _lodash.get)(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.createElement(_HeaderNavs["default"], {
+      selectedKey: currentHeaderNavKey,
+      navs: currentSystemMenus.map(function (item) {
+        return _objectSpread({}, 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 () {
+    if (isMenusTop) {
+      setCurrentHeaderNavKey((0, _lodash.get)((0, _utils.getSelectedMenuInfo)(selectedMenuKey, menus), 'menu.code'));
     }
-);
+  }, [menus, selectedMenuKey]);
+  return React.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.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(_objectSpread({}, userInfo, {
+        theme: theme
+      }));
+      _onThemeChange && _onThemeChange(theme);
+    },
+    onLanguageChange: function onLanguageChange(lang) {
+      setUserInfo(_objectSpread({}, userInfo, {
+        lang: lang
+      }));
+      _onLanguageChange && _onLanguageChange(lang);
+    },
+    onApplicationChange: function onApplicationChange(appKey) {
+      setCurrentAppKey(appKey);
+
+      _onApplicationChange(appKey);
+    },
+    onLogout: onLogout
+  }, headerNavMenus), React.createElement(_layout["default"], null, !(0, _lodash.isUndefined)(sideMenu) ? sideMenu : React.createElement(Sider, {
+    breakpoint: "md",
+    className: "tnt-layout-sider",
+    width: 220,
+    trigger: null
+  }, React.createElement(FinalSideMenu, {
+    language: language,
+    selectedKey: selectedMenuKey,
+    menus: sideMenus,
+    formatMenuPath: formatMenuPath,
+    changeRouter: changeRouter,
+    onBeforeChange: onBeforeMenuChange,
+    onChange: onMenuChange,
+    onSelect: onMenuSelect
+  })), React.createElement(Content, {
+    className: "tnt-layout-content"
+  }, props.children)));
+});
+
+exports["default"] = _default;

package/lib/Layout/paaslayout/index.less

@@ -0,0 +1,75 @@
+
+
+        .side-menu-section {
+            &:first-child {
+                h2 {
+                    padding-top: 0;
+                }
+            }
+            &.only-one-submenu {
+                margin-bottom: 0;
+            }
+            h2 {
+                font-size: 14px;
+                color: #17233D;
+                height: 40px;
+                line-height: 40px;
+                font-weight:  normal;
+                padding-left: 17px;
+                margin: 0;
+                .tnt-icon {
+                    margin-right: 7px;
+                }
+            }
+            .side-menu-list {
+                margin-bottom: 0;
+                .side-menu-item {
+                    & {
+                        position: relative;
+                        cursor: pointer;
+                        height: 30px;
+                        line-height: 30px;
+                        opacity: 0.8;
+                        font-size: 14px;
+                        color: #17233D;
+                        letter-spacing: 0;
+                    }
+                    a {
+                        padding-left: 42px;
+                        & {
+                            color: #666;
+                            text-decoration: none;
+                            display: block;
+                            transition: none;
+                            height: 30px;
+                            line-height: 30px;
+                        }
+                        &:hover {
+                            color: #323232;
+                            background: #f5f5f5;
+                        }
+                        i {
+                            padding-left: 20px;
+                            font-size: 20px;
+                            margin-right: 15px;
+                            vertical-align: sub;
+                        }
+                    }
+                    &.active {
+                        &:before {
+                            position: absolute;
+                            content: "";
+                            left: 0;
+                            top: 0;
+                            width: 3px;
+                            height: 100%;
+                            background: @primary-color;
+                        }
+                        a {
+                            background: rgba(18,107,251,0.10);
+                            color: @primary-color;
+                        }
+                    }
+                }
+            }
+        }