tntd 1.3.66 → 1.4.2

package/es/Layout/SideMenu.js

@@ -0,0 +1,340 @@
+import "antd/lib/menu/style";
+import _Menu from "antd/lib/menu";
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+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 _templateObject2() {
+  var data = _taggedTemplateLiteral(["\n    font-size: 14px;\n    .large-size & {\n        font-size: 15px;\n    }\n    color: rgba(255,255,255,.85);\n    .compatible & {\n        color: #A1D7FF;\n    }\n    .tnt-themeS1 & {\n        color: ", ";\n    }\n    .tnt-icon {\n        margin-right: 12px;\n        font-size: 16px;\n        position: relative;\n        top: 1px;\n\n        .large-size & {\n            font-size: 18px;\n            top: auto;\n        }\n        .tnt-themeS1 & {\n            /* color: #7e8081; */\n            color: ", ";\n        }\n    }\n"]);
+
+  _templateObject2 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject() {
+  var data = _taggedTemplateLiteral(["\n    background: none !important;\n    &.ant-menu.ant-menu-root {\n        position: relative;\n        transition: none !important;\n        padding-top: 10px;\n        border-right: none;\n        text-rendering: optimizeLegibility;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n        height: calc(100vh - ", ");\n        overflow-y: auto;\n        overflow-x: hidden;\n        .collapseIconPlacementBottom & {\n            padding-bottom: 36px;\n        }\n        .tnt-themeS1 & {\n            overflow-x: unset;\n            box-shadow: 10px 0 10px -5px rgba(0,0,0,0.10);\n            z-index: 2;\n        }\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n\n        &::-webkit-scrollbar {\n            display: none;\n        }\n        &::-moz-scrollbar {\n            display: none;\n        }\n\n        /** \u4E00\u7EA7\u7ED3\u70B9\u662F\u83DC\u5355\u6837\u5F0F\u5F00\u59CB */\n        & > .ant-menu-item {\n            & > .tnt-icon:first-child {\n                font-size: 16px\n            }\n        }\n\n        .ant-layout-sider-collapsed & {\n            & > .ant-menu-item {\n                & > .tnt-icon:first-child {\n                    padding-left: 8px;\n                }\n                a {\n                    visibility: hidden;\n                }\n            }\n        }\n        /** \u4E00\u7EA7\u7ED3\u70B9\u662F\u83DC\u5355\u6837\u5F0F\u7ED3\u675F */\n\n        .ant-menu-item:active,\n        .ant-menu-submenu-title:active {\n            background: none;\n        }\n\n        .ant-menu-submenu .ant-menu-sub {\n            background: #212635;\n            border-radius: 0 0 2px 2px;\n            .compatible & {\n                background: #07408d !important;\n            }\n            .tnt-themeS1 & {\n                background: #fff !important;\n            }\n\n            // \u84DD\u8272\u7CFB\u5217 \u83DC\u5355\u5C55\u5F00\u533A\u57DF\u989C\u8272\n            .tnt-themeS3 & {\n                background: #07408D !important;\n            }\n        }\n        .ant-menu-submenu.ant-menu-submenu-active,\n        .ant-menu-submenu.ant-menu-submenu-selected {\n            background: rgba(47,129,247,.25) !important;\n            .tnt-themeS1 & {\n                background: ", " !important;\n            }\n\n            // \u84DD\u8272\u7CFB \u4E00\u7EA7\u83DC\u5355\u7684\u9009\u4E2D\u6548\u679C\n            .tnt-themeS3 & {\n                background: #204085 !important;\n            }\n        }\n        & > .ant-menu-submenu .ant-menu-submenu.ant-menu-submenu-active,\n        & > .ant-menu-submenu .ant-menu-submenu.ant-menu-submenu-selected {\n            background: none !important;\n            .tnt-themeS1 & {\n                background: ", " !important;\n            }\n            // \u84DD\u8272\u7CFB \u5B50\u7EA7\u83DC\u5355\u7EA7\u7684\u9009\u4E2D\u6548\u679C\n            .tnt-themeS3 & {\n                background: #204085 !important;\n            }\n        }\n        .ant-menu-item {\n            margin: 0;\n            font-size: 14px;\n            padding-left: 54px !important;\n            height: ", ";\n            line-height: ", ";\n        }\n\n        & > .ant-menu-item {\n            padding-left: 24px !important;\n            width: 100%;\n\n            & > .tnt-icon {\n                margin-right: 12px;\n            }\n            & > a {\n                display: inline-block;\n            }\n        }\n\n        .ant-menu-submenu-title {\n            position: relative;\n            color: ", ";\n            .tnt-themeS1 & {\n                color: ", ";\n            }\n            height: ", ";\n            line-height: ", ";\n            .tnt-icon {\n                .tnt-themeS1 & {\n                    color: ", ";\n                }\n            }\n            & > .tnt-icon {\n                position: absolute;\n                right: 20px;\n                top: 1px;\n                font-size: 10px;\n            }\n\n            // \u84DD\u8272\u7CFB\u4E3B\u9898\n            .tnt-themeS3 & {\n                color: #FFF;\n            }\n            .tnt-icon {\n                .tnt-themeS3 & {\n                    color: #FFF;\n                }\n            }\n        }\n\n        & > .ant-menu-submenu .ant-menu-submenu .ant-menu-submenu-title {\n            margin-top: 0;\n            margin-bottom: 0;\n            padding-left: 54px !important;\n        }\n    }\n\n    &.ant-menu .menu-arrow-right {\n        color: ", ";\n    }\n\n    .ant-menu-item, .ant-menu-item > a {\n        color: ", ";\n        .tnt-themeS1 & {\n            color: ", ";\n        }\n        &:hover {\n            color: #fff;\n            .tnt-themeS1 & {\n                color: ", ";\n            }\n        }\n\n        // \u84DD\u8272\u7CFB\u5217\n        .tnt-themeS3 & {\n            color: #fff;\n        }\n        &:hover {\n            .tnt-themeS3 & {\n                color: #fff;\n            }\n        }\n    }\n    & > .ant-menu-item.ant-menu-item-selected,\n    &.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {\n        color: rgba(255,255,255,.85);\n        background-color: ", ";\n        .compatible & {\n            background-color: #013479;\n        }\n        & > a {\n            .tnt-themeS1 & {\n                color: #fff;\n            }\n        }\n        .tnt-themeS1 & {\n            color: #fff;\n            background-color: ", ";\n        }\n\n        // \u84DD\u8272\u7CFB \u5B50\u9879\u9009\u4E2D\u989C\u8272\n        .tnt-themeS3 & {\n            color: #fff;\n            background: #013479;\n            &::after{\n                content:\"\";\n                display:none;\n            }\n        }\n    }\n    .ant-menu-submenu.ant-menu-submenu-selected {\n        .tnt-themeS2 & {\n            background: #141825;\n        }\n        .tnt-themeS2.compatible & {\n            background: rgba(47,129,247,.25) !important;\n        }\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) } })); }
+
+import { useState, useEffect, useContext } from 'react';
+import styled, { withTheme } from 'styled-components';
+import { get } from 'lodash';
+import ActionsContext from './ActionsContext';
+import { getSelectedMenuInfo, isGroupMenu, isNewTabMenu, openInNewTab, traverseTree } from './utils';
+import { setSideMenuStore } from './storage';
+import Iconfont from './Iconfont';
+var color = 'rgba(255,255,255,.85)';
+var compatibleColor = '#a1d7ff';
+var SubMenu = _Menu.SubMenu,
+    MenuItem = _Menu.Item;
+var TNTMenu = styled(_Menu)(_templateObject(), function (props) {
+  return "".concat(props.theme.headerHeight, "px");
+}, function (props) {
+  return props.theme.dividerColor;
+}, function (props) {
+  return props.theme.dividerColor;
+}, function (_ref) {
+  var size = _ref.size;
+  return size === 'large' ? '40px' : '36px';
+}, function (_ref2) {
+  var size = _ref2.size;
+  return size === 'large' ? '40px' : '36px';
+}, function (props) {
+  return props.theme.compatible ? compatibleColor : color;
+}, function (props) {
+  return props.theme.primaryTextColor;
+}, function (_ref3) {
+  var size = _ref3.size;
+  return size === 'large' ? '40px' : '36px';
+}, function (_ref4) {
+  var size = _ref4.size;
+  return size === 'large' ? '40px' : '36px';
+}, function (props) {
+  return props.theme.lightIconColor;
+}, function (props) {
+  return props.theme.compatible ? compatibleColor : color;
+}, function (props) {
+  return props.theme.compatible ? compatibleColor : color;
+}, function (props) {
+  return props.theme.primaryTextColor;
+}, function (props) {
+  return props.theme.primaryColor;
+}, function (props) {
+  return props.theme.primaryColor;
+}, function (props) {
+  return props.theme.primaryColor;
+});
+var MenuTitle = styled.span(_templateObject2(), function (props) {
+  return props.theme.primaryTextColor;
+}, function (props) {
+  return "".concat(props.theme.iconColor);
+});
+export default withTheme(function (props) {
+  var actions = useContext(ActionsContext);
+  var language = props.language,
+      _props$menus = props.menus,
+      menus = _props$menus === void 0 ? [] : _props$menus,
+      formatMenuPath = props.formatMenuPath,
+      changeRouter = props.changeRouter,
+      selectedKey = props.selectedKey,
+      openKeys = props.openKeys,
+      onSelect = props.onSelect,
+      onBeforeChange = props.onBeforeChange,
+      onChange = props.onChange,
+      onOpenChange = props.onOpenChange,
+      collapsed = props.collapsed;
+
+  var _getSelectedMenuInfo = getSelectedMenuInfo(selectedKey, menus),
+      subMenu = _getSelectedMenuInfo.subMenu,
+      parentMenus = _getSelectedMenuInfo.parentMenus;
+
+  var _useState = useState([get(subMenu, 'code')]),
+      _useState2 = _slicedToArray(_useState, 2),
+      selectedKeys = _useState2[0],
+      setSelectedKeys = _useState2[1];
+
+  var onSelectMenu = function onSelectMenu(param) {
+    var _ref5 = getSelectedMenuInfo(param.key, menus) || {},
+        subMenu = _ref5.subMenu,
+        parentMenus = _ref5.parentMenus;
+
+    var params = _objectSpread({}, param, {
+      data: subMenu
+    });
+
+    var defaultBeforeChange = function defaultBeforeChange(_ref6) {
+      var data = _ref6.data;
+      return !isNewTabMenu(data);
+    };
+
+    var defaultSelect = function defaultSelect(_ref7) {
+      var _window$location$path;
+
+      var data = _ref7.data;
+
+      var _ref8 = data || {},
+          path = _ref8.path;
+
+      var formatPath = formatMenuPath || function (path) {
+        return path;
+      };
+
+      if (isNewTabMenu(data)) {
+        openInNewTab(formatPath(data == null ? void 0 : data.path, data));
+        return;
+      }
+
+      var routerPrefix = (_window$location$path = window.location.pathname.match(/(^\/[^\/]+)/i)) == null ? void 0 : _window$location$path[1];
+
+      if (path == null ? void 0 : path.startsWith(routerPrefix)) {
+        var forwardPath = formatPath(path, data);
+        changeRouter ? changeRouter(forwardPath, data) : window.history.pushState(data, data == null ? void 0 : data.name, forwardPath);
+      } else {
+        window.location.href = formatPath(path, data);
+      }
+    };
+
+    var finalSelect = onSelect || defaultSelect;
+
+    if (param.key !== get(selectedKeys, '0')) {
+      var finalBeforeChange = onBeforeChange || defaultBeforeChange;
+
+      if (finalBeforeChange(params, get(selectedKeys, '0'))) {
+        // SideMenu菜单收起状态
+        if (collapsed) {
+          var newOpenKeys = parentMenus == null ? void 0 : parentMenus.map(function (_ref9) {
+            var code = _ref9.code;
+            return code;
+          }).reverse();
+          onOpenChange(newOpenKeys);
+          setSideMenuStore({
+            openKeys: newOpenKeys,
+            beforeOpenKeys: newOpenKeys
+          });
+        }
+
+        setSelectedKeys([param.key]);
+        onChange && onChange(params);
+      }
+    }
+
+    actions.setSelectedMenuKey(param.key);
+    setSelectedKeys([param.key]);
+    finalSelect(params);
+  };
+
+  var getExpandIcon = function getExpandIcon(code) {
+    if (props.theme.compatible) {
+      return openKeys.includes(code) ? 'minus' : 'plus';
+    }
+
+    return openKeys.includes(code) ? 'up' : 'down';
+  };
+
+  var onOpenKeysChange = function onOpenKeysChange(keys) {
+    var openKey = keys.find(function (key) {
+      return !openKeys.includes(key);
+    }); // const closeKey = openKeys.find(key => !keys.includes(key));
+
+    var newOpenKeys = keys;
+
+    var findParentGroupKey = function findParentGroupKey(key, openKeys) {
+      var parentGroupKey;
+      traverseTree(menus, function (node, pnode) {
+        if (node.code === key) {
+          if (pnode && openKeys.includes(pnode == null ? void 0 : pnode.code)) {
+            parentGroupKey = pnode == null ? void 0 : pnode.code;
+          }
+
+          return false;
+        }
+      });
+      return parentGroupKey;
+    }; // 展开openKey
+
+
+    if (openKey) {
+      // 父子关系展开
+      var parentGroupKey = findParentGroupKey(openKey, openKeys);
+
+      if (parentGroupKey) {
+        newOpenKeys = keys.length > 2 ? [parentGroupKey, openKey] : keys;
+      } else {
+        newOpenKeys = [openKey];
+      }
+    } else {
+      // 收起closeKey
+      newOpenKeys = keys;
+    }
+
+    onOpenChange(newOpenKeys);
+  };
+
+  useEffect(function () {
+    setSelectedKeys([selectedKey]);
+
+    if (selectedKey && !collapsed && (parentMenus == null ? void 0 : parentMenus.length)) {
+      onOpenChange(parentMenus == null ? void 0 : parentMenus.map(function (_ref10) {
+        var code = _ref10.code;
+        return code;
+      }).reverse());
+    }
+
+    actions.setSelectedMenuKey(selectedKey);
+  }, [selectedKey]);
+  actions.off('menuSelect', onSelectMenu);
+  actions.on('menuSelect', onSelectMenu);
+  return React.createElement(TNTMenu, {
+    mode: "inline",
+    defaultSelectedKeys: [],
+    openKeys: openKeys,
+    selectedKeys: selectedKeys,
+    onOpenChange: onOpenKeysChange
+  }, menus == null ? void 0 : menus.map(function (menu) {
+    var MenuLink = function MenuLink(_ref11) {
+      var menuName = _ref11.menuName,
+          enName = _ref11.enName,
+          path = _ref11.path;
+      return React.createElement("a", {
+        href: path,
+        onClick: function onClick(evt) {
+          return evt.preventDefault();
+        }
+      }, {
+        cn: menuName,
+        en: enName
+      }[language]);
+    };
+
+    if (isGroupMenu(menu)) {
+      var _menu$children;
+
+      var getSubMenuProps = function getSubMenuProps(_ref12) {
+        var code = _ref12.code,
+            groupIcon = _ref12.groupIcon,
+            groupName = _ref12.groupName,
+            enName = _ref12.enName;
+        var isSubGroup = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+        return {
+          key: code,
+          title: React.createElement(MenuTitle, {
+            style: collapsed && isSubGroup ? {
+              color: props.theme.primaryTextColor
+            } : {}
+          }, !isSubGroup && React.createElement(Iconfont, {
+            type: groupIcon
+          }), collapsed && !isSubGroup ? '' : {
+            cn: groupName,
+            en: enName
+          }[language]),
+          expandIcon: collapsed ? null : React.createElement(Iconfont
+          /*  */
+          , {
+            type: getExpandIcon(code)
+          })
+        };
+      };
+
+      return React.createElement(SubMenu, _extends({}, getSubMenuProps(menu), {
+        onClick: onSelectMenu
+      }), menu == null ? void 0 : (_menu$children = menu.children) == null ? void 0 : _menu$children.map(function (menu) {
+        if (isGroupMenu(menu)) {
+          var _menu$children2;
+
+          return React.createElement(SubMenu, _extends({}, getSubMenuProps(menu, true), {
+            onClick: onSelectMenu
+          }), menu == null ? void 0 : (_menu$children2 = menu.children) == null ? void 0 : _menu$children2.map(function (_ref13) {
+            var code = _ref13.code,
+                menu = _objectWithoutProperties(_ref13, ["code"]);
+
+            return React.createElement(MenuItem, {
+              key: code
+            }, React.createElement(MenuLink, _extends({}, menu, {
+              style: {
+                paddingLeft: '24px'
+              }
+            })));
+          }));
+        }
+
+        return React.createElement(MenuItem, {
+          key: menu == null ? void 0 : menu.code
+        }, React.createElement(MenuLink, menu));
+      }));
+    }
+
+    return React.createElement(MenuItem, {
+      key: menu.code,
+      onClick: onSelectMenu
+    }, React.createElement(Iconfont, {
+      type: menu.icon
+    }), React.createElement(MenuLink, menu));
+  }));
+});

package/es/Layout/Theme.js

@@ -0,0 +1,107 @@
+import "antd/lib/popover/style";
+import _Popover from "antd/lib/popover";
+
+var _this = this;
+
+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 _templateObject3() {
+  var data = _taggedTemplateLiteral(["\n    z-index: 1;\n    background-color: #fff;\n    border-radius: 4px;\n    width: 156px;\n"]);
+
+  _templateObject3 = function _templateObject3() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject2() {
+  var data = _taggedTemplateLiteral(["\n    & > div {\n        position: relative;\n        display: inline-block;\n        cursor: pointer;\n        &:first-child {\n            margin-right: 10px;\n        }\n        &:last-child {\n            margin-left: 10px;\n        }\n        & > i, & > .tnt-icon {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n        }\n    }\n"]);
+
+  _templateObject2 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject() {
+  var data = _taggedTemplateLiteral(["\n    margin-left: 20px;\n    font-size: 20px;\n    .tnt-themeS1 & {\n        /* color: rgba(255,255,255,.85); */\n    }\n    .isInIframe & {\n        display: none;\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) } })); }
+
+import { useState } from 'react';
+import styled from 'styled-components';
+import Iconfont from './Iconfont';
+import images from './images';
+import { setThemeStore, getThemeStore } from './storage';
+var Theme = styled.li(_templateObject());
+var ThemeSwitch = styled.div(_templateObject2());
+var ThemeContentWrapper = styled.div(_templateObject3());
+var themes = [{
+  value: 'themeS1',
+  img: images.themeSymbol1
+}, {
+  value: 'themeS2',
+  img: images.themeSymbol2
+}];
+
+var ThemeContent = function ThemeContent(props) {
+  var onChange = props.onChange;
+
+  var getTheme = function getTheme() {
+    var theme = getThemeStore() || props.theme || 'themeS2';
+    return themes.some(function (_ref) {
+      var value = _ref.value;
+      return value === theme;
+    }) ? theme : 'themeS2';
+  };
+
+  var _useState = useState(getTheme()),
+      _useState2 = _slicedToArray(_useState, 2),
+      theme = _useState2[0],
+      setTheme = _useState2[1];
+
+  var changeTheme = function changeTheme(theme) {
+    setTheme(theme);
+    setThemeStore(theme);
+    onChange(theme);
+  };
+
+  return React.createElement(ThemeContentWrapper, null, React.createElement(ThemeSwitch, null, themes.map(function (_ref2) {
+    var value = _ref2.value,
+        img = _ref2.img;
+    return React.createElement("div", {
+      key: value,
+      onClick: changeTheme.bind(_this, value)
+    }, React.createElement("img", {
+      src: img
+    }), theme === value && React.createElement(Iconfont, {
+      type: "check1"
+    }));
+  })));
+};
+
+export default (function (props) {
+  return React.createElement(Theme, null, React.createElement(_Popover, {
+    placement: "bottomRight",
+    title: null,
+    content: React.createElement(ThemeContent, props),
+    trigger: "click"
+  }, React.createElement(Iconfont, {
+    type: "change-theme"
+  })));
+});

package/es/Layout/checkAuth.js

@@ -0,0 +1,29 @@
+import { get } from 'lodash';
+export default (function (menus) {
+  var getAuthMap = function getAuthMap() {
+    var menus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    var authMap = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return menus.reduce(function (acc, _ref) {
+      var code = _ref.code,
+          groupName = _ref.groupName,
+          functionList = _ref.functionList,
+          children = _ref.children;
+
+      if (groupName) {
+        return getAuthMap(children, acc);
+      } else {
+        acc[code] = acc[code] || {};
+        acc[code] = (functionList || []).reduce(function (acc, curFunc) {
+          acc[curFunc.code] = curFunc.hasPermission;
+          return acc;
+        }, acc[code]);
+        return acc;
+      }
+    }, authMap);
+  };
+
+  var authMap = getAuthMap(menus);
+  return function (menuCode, funCode) {
+    return !!get(authMap, "".concat(menuCode).concat(funCode ? ".".concat(funCode) : ''));
+  };
+});

package/es/Layout/createActions.js

@@ -0,0 +1,39 @@
+import EventEmitter from 'eventemitter3';
+import { getText as _getText } from '../locale';
+export default (function (params) {
+  var eventEmitter = new EventEmitter();
+  var data = {
+    language: (params == null ? void 0 : params.language) || 'cn',
+    selectedMenuKey: null
+  };
+  return {
+    setData: function setData(key, val) {
+      set(data, key, val);
+    },
+    setSelectedMenuKey: function setSelectedMenuKey(menuKey) {
+      data.selectedMenuKey = menuKey;
+    },
+    getSelectedMenuKey: function getSelectedMenuKey() {
+      return data.selectedMenuKey;
+    },
+    getLanguage: function getLanguage() {
+      return data.language;
+    },
+    setLanguage: function setLanguage(language) {
+      return data.language = language;
+    },
+    getText: function getText(key) {
+      var language = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : data.language;
+      return _getText(key, language);
+    },
+    on: function on(eventName, callback) {
+      eventEmitter.on(eventName, callback);
+    },
+    emit: function emit() {
+      eventEmitter.emit.apply(eventEmitter, arguments);
+    },
+    off: function off() {
+      eventEmitter.removeListener.apply(eventEmitter, arguments);
+    }
+  };
+});

package/es/Layout/images/index.js

@@ -0,0 +1,35 @@
+export default {
+  // theme
+  themeSymbol1: require('./theme/theme1.svg'),
+  themeSymbol2: require('./theme/theme2.svg'),
+  // Avatar
+  empty: require('./avatar/empty.png'),
+  female1: require('./avatar/female1.png'),
+  female2: require('./avatar/female2.png'),
+  female3: require('./avatar/female3.png'),
+  female4: require('./avatar/female4.png'),
+  female5: require('./avatar/female5.png'),
+  female6: require('./avatar/female6.png'),
+  male1: require('./avatar/male1.png'),
+  male2: require('./avatar/male2.png'),
+  male3: require('./avatar/male3.png'),
+  male4: require('./avatar/male4.png'),
+  male5: require('./avatar/male5.png'),
+  male6: require('./avatar/male6.png')
+};
+export var defaultLogo = require('./logo/default.svg');
+export var logoImgMap = {
+  "default": defaultLogo,
+  bridge: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDI0IDEwMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMTJEMDkzO3N0cm9rZS13aWR0aDoyMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Qxe2ZpbGw6I0ZGQTMwMDt9Cgkuc3Qye2ZpbGw6IzNDODFGRjt9Cgkuc3Qze2ZpbGw6IzBBQ0M4Njt9Cgkuc3Q0e2ZpbGw6IzNEREFGRjt9Cjwvc3R5bGU+CjxnPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTUxMiw1MTIiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01MTIsNTEyIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTEzLjQsNTQ0Yy0yOSwwLTU4LTExLjEtODAuMi0zMy4yYy00NC4zLTQ0LjMtNDQuMy0xMTYuMSwwLTE2MC40TDM1MC40LDMzLjJjNDQuMy00NC4zLDExNi4xLTQ0LjMsMTYwLjQsMAoJCQlzNDQuMywxMTYuMSwwLDE2MC40TDE5My42LDUxMC44QzE3MS40LDUzMywxNDIuNCw1NDQsMTEzLjQsNTQ0eiIvPgoJPC9nPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTIwMS40LDkzNi41Yy0yOSwwLTU4LTExLjEtODAuMi0zMy4yYy00NC4zLTQ0LjMtNDQuMy0xMTYuMSwwLTE2MC40bDYyMS43LTYyMS43CgkJCWM0NC4zLTQ0LjMsMTE2LjEtNDQuMywxNjAuNCwwYzQ0LjMsNDQuMyw0NC4zLDExNi4xLDAsMTYwLjRMMjgxLjYsOTAzLjNDMjU5LjQsOTI1LjQsMjMwLjQsOTM2LjUsMjAxLjQsOTM2LjV6Ii8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNNTkzLjQsMTAyNGMtMjksMC01OC0xMS4xLTgwLjItMzMuMmMtNDQuMy00NC4zLTQ0LjMtMTE2LjEsMC0xNjAuNGwzMTcuMi0zMTcuMgoJCQljNDQuMy00NC4zLDExNi4xLTQ0LjMsMTYwLjQsMGM0NC4zLDQ0LjMsNDQuMywxMTYuMSwwLDE2MC40TDY3My42LDk5MC44QzY1MS40LDEwMTIuOSw2MjIuNCwxMDI0LDU5My40LDEwMjR6Ii8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNODI2LjQsMzEzLjRDNzYzLjgsMzEzLjQsNzEzLDI2Mi42LDcxMywyMDBWMTk4YzAtNjIuNiw1MC44LTExMy40LDExMy40LTExMy40UzkzOS44LDEzNS40LDkzOS44LDE5OHYxLjkKCQkJQzkzOS44LDI2Mi42LDg4OS4xLDMxMy40LDgyNi40LDMxMy40eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=',
+  orion: require('./logo/orion.svg'),
+  turing: require('./logo/turing.svg'),
+  dataocean: require('./logo/dataocean.svg'),
+  convert: require('./logo/convert.svg'),
+  baldur: require('./logo/baldur.svg'),
+  indicator: require('./logo/indicator.svg'),
+  dispatch: require('./logo/dispatch.svg'),
+  feature: require('./logo/model.svg'),
+  model: require('./logo/model.svg'),
+  storage: require('./logo/storage.svg'),
+  bi: require('./logo/bi.svg')
+};

package/es/Layout/images/logo/baldur.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="500px" height="500px" viewBox="0 0 500 500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 57.1 (83088) - https://sketch.com -->
+    <title>统一服务</title>
+    <desc>Created with Sketch.</desc>
+    <g id="统一服务" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(0.000000, -0.000000)" fill-rule="nonzero" id="路径">
+            <path d="M55.7504873,265.594542 C41.6179337,265.594542 27.4853801,260.185185 16.6666667,249.415205 C-4.92202729,227.826511 -4.92202729,192.836257 16.6666667,171.247563 L171.247563,16.6666667 C192.836257,-4.92202729 227.826511,-4.92202729 249.415205,16.6666667 C271.003899,38.2553606 271.003899,73.245614 249.415205,94.834308 L94.834308,249.415205 C84.0155945,260.233918 69.8830409,265.594542 55.7504873,265.594542 Z" fill="#FFA300"></path>
+            <path d="M98.6354776,456.871345 C84.502924,456.871345 70.3703704,451.461988 59.5516569,440.692008 C37.962963,419.103314 37.962963,384.11306 59.5516569,362.524366 L362.524366,59.5516569 C384.11306,37.962963 419.103314,37.962963 440.692008,59.5516569 C462.280702,81.1403509 462.280702,116.130604 440.692008,137.719298 L137.719298,440.692008 C126.900585,451.461988 112.768031,456.871345 98.6354776,456.871345 Z" fill="#3C81FF"></path>
+            <path d="M289.668616,499.512671 C275.536062,499.512671 261.403509,494.103314 250.584795,483.333333 C228.996101,461.744639 228.996101,426.754386 250.584795,405.165692 L405.165692,250.584795 C426.754386,228.996101 461.744639,228.996101 483.333333,250.584795 C504.922027,272.173489 504.922027,307.163743 483.333333,328.752437 L328.752437,483.333333 C317.933723,494.103314 303.80117,499.512671 289.668616,499.512671 Z" fill="#0ACC86"></path>
+            <path d="M403.216374,153.216374 C372.709552,153.216374 347.953216,128.460039 347.953216,97.9532164 L347.953216,96.9785575 C347.953216,66.4717349 372.709552,41.7153996 403.216374,41.7153996 C433.723197,41.7153996 458.479532,66.4717349 458.479532,96.9785575 L458.479532,97.9044834 C458.479532,128.460039 433.77193,153.216374 403.216374,153.216374 Z" fill="#3DDAFF"></path>
+        </g>
+    </g>
+</svg>

package/es/Layout/images/logo/bi.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="486px" height="442px" viewBox="0 0 486 442" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.6 (67491) - http://www.bohemiancoding.com/sketch -->
+    <title>Group</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group">
+            <circle id="Oval" fill="#2984FD" cx="134.5" cy="134.5" r="134.5"></circle>
+            <circle id="Oval" fill="#FE2A25" cx="353.5" cy="199.5" r="67.5"></circle>
+            <circle id="Oval" fill="#FFBC00" cx="353" cy="365" r="77"></circle>
+            <circle id="Oval" fill="#00AC48" cx="452.5" cy="122.5" r="33.5"></circle>
+        </g>
+    </g>
+</svg>

package/es/Layout/images/logo/bridge.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="500px" height="500px" viewBox="0 0 500 500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 57.1 (83088) - https://sketch.com -->
+    <title>统一权限管理</title>
+    <desc>Created with Sketch.</desc>
+    <g id="统一权限管理" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="权限管理(1)" transform="translate(64.000000, 0.000000)" fill-rule="nonzero">
+            <path d="M185.784314,500 C83.3823529,500 0.0490196078,416.372549 0.0490196078,313.578431 L0.0490196078,207.401961 L77.745098,207.401961 L77.745098,313.578431 C77.745098,373.382353 126.22549,422.009804 185.784314,422.009804 C245.343137,422.009804 293.823529,373.382353 293.823529,313.578431 L293.823529,207.401961 L371.519608,207.401961 L371.519608,313.578431 C371.519608,416.372549 288.186275,500 185.784314,500 Z" id="路径" fill="#3C81FF"></path>
+            <path d="M142.401961,180.980392 L64.7058824,180.980392 L64.7058824,121.568627 C64.7058824,54.5098039 119.019608,0 185.784314,0 C252.54902,0 306.862745,54.5098039 306.862745,121.568627 L229.166667,121.568627 C229.166667,97.5490196 209.705882,78.0392157 185.784314,78.0392157 C161.862745,78.0392157 142.401961,97.5490196 142.401961,121.568627 L142.401961,180.980392 Z" id="路径" fill="#00E1AD"></path>
+            <ellipse id="椭圆形" fill="#FF8839" cx="187.107843" cy="322.745098" rx="48.2843137" ry="48.4313725"></ellipse>
+            <path d="M306.862745,121.568627 L229.166667,121.568627 C229.166667,97.5490196 209.705882,78.0392157 185.784314,78.0392157 L185.784314,0 C252.54902,0 306.862745,54.5098039 306.862745,121.568627 Z" id="路径" fill="#3DDAFF"></path>
+            <rect id="矩形" fill="#3C81FF" x="0.0490196078" y="168.77451" width="371.519608" height="77.9901961"></rect>
+        </g>
+    </g>
+</svg>