tntd 2.0.20 → 2.0.22

package/es/tntd-layout/paaslayout/SideMenu.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect, Component } from 'react';
 import styled from 'styled-components';
 import cn from 'classnames';
 import Iconfont from '../Iconfont';
-const SideMenu = styled.ul`
+const SideMenu = styled.ul `
   background: #fff;
   list-style: none;
   margin: 0;
@@ -32,7 +32,7 @@ const SideMenu = styled.ul`
     }
   }
 `;
-const SubMenu = styled.ul`
+const SubMenu = styled.ul `
   background: #fff;
   list-style: none;
   font-size: 14px;
@@ -64,111 +64,65 @@ const SubMenu = styled.ul`
     }
   }
 `;
-export default (props => {
-  const {
-    language,
-    menus = [],
-    formatMenuPath,
-    changeRouter,
-    selectedKey,
-    onBeforeChange,
-    onChange,
-    onSelect
-  } = props;
-  const [activeMenu, setActiveMenu] = useState(selectedKey);
-  const defaultBeforeChange = ({
-    data
-  }) => !isNewTabMenu(data);
-  const defaultSelect = ({
-    data
-  }) => {
-    var _a;
-    const {
-      path
-    } = data || {};
-    const formatPath = formatMenuPath || (path => path);
-    if (isNewTabMenu(data)) {
-      openInNewTab(formatPath(data === null || data === void 0 ? void 0 : data.path, data));
-      return;
-    }
-    const routerPrefix = (_a = window.location.pathname.match(/(^\/[^\/]+)/i)) === null || _a === void 0 ? void 0 : _a[1];
-    if (window.location.pathname.startsWith(routerPrefix)) {
-      const forwardPath = formatPath(path, data);
-      changeRouter ? changeRouter(forwardPath, data) : window.history.pushState(data, data === null || data === void 0 ? void 0 : data.name, forwardPath);
-    } else {
-      window.location.href = formatPath(path, data);
-    }
-  };
-  const selectMenu = (param = {}) => {
-    const finalBeforeChange = onBeforeChange || defaultBeforeChange;
-    const finalSelect = onSelect || defaultSelect;
-    if (param.key !== activeMenu) {
-      if (finalBeforeChange(param, activeMenu)) {
-        setActiveMenu(param.key);
-        onChange && onChange(param);
-      }
-    }
-    finalSelect(param);
-  };
-  const MenuItem = ({
-    item
-  }) => {
-    const {
-      code,
-      groupName,
-      enName,
-      children = []
-    } = item;
-    const SubMenuItem = ({
-      menu
-    }) => {
-      const {
-        code,
-        menuName,
-        enName,
-        icon,
-        path
-      } = menu;
-      return React.createElement("li", {
-        key: code,
-        onClick: evt => selectMenu({
-          key: code,
-          data: menu,
-          domEvent: evt
-        }),
-        className: cn({
-          active: code === activeMenu
-        })
-      }, React.createElement("a", {
-        href: path,
-        onClick: evt => evt.preventDefault()
-      }, icon instanceof Component ? icon : React.createElement(Iconfont, {
-        type: icon
-      }), React.createElement("span", null, {
-        cn: menuName,
-        en: enName
-      }[language])));
+export default (props) => {
+    const { language, menus = [], formatMenuPath, changeRouter, selectedKey, onBeforeChange, onChange, onSelect, } = props;
+    const [activeMenu, setActiveMenu] = useState(selectedKey);
+    const defaultBeforeChange = ({ data }) => !isNewTabMenu(data);
+    const defaultSelect = ({ data }) => {
+        var _a;
+        const { path } = data || {};
+        const formatPath = formatMenuPath || ((path) => path);
+        if (isNewTabMenu(data)) {
+            openInNewTab(formatPath(data === null || data === void 0 ? void 0 : data.path, data));
+            return;
+        }
+        const routerPrefix = (_a = window.location.pathname.match(/(^\/[^\/]+)/i)) === null || _a === void 0 ? void 0 : _a[1];
+        if (window.location.pathname.startsWith(routerPrefix)) {
+            const forwardPath = formatPath(path, data);
+            changeRouter
+                ? changeRouter(forwardPath, data)
+                : window.history.pushState(data, data === null || data === void 0 ? void 0 : data.name, forwardPath);
+        }
+        else {
+            window.location.href = formatPath(path, data);
+        }
     };
-    if (groupName && children.length) {
-      return React.createElement("li", {
-        key: code
-      }, React.createElement("span", null, {
-        cn: groupName,
-        en: enName
-      }[language]), React.createElement(SubMenu, null, children.map(subItem => React.createElement(SubMenuItem, {
-        menu: subItem,
-        key: subItem === null || subItem === void 0 ? void 0 : subItem.code
-      }))));
-    }
-    return React.createElement(SubMenuItem, {
-      menu: item
-    });
-  };
-  useEffect(() => {
-    setActiveMenu(selectedKey);
-  }, [selectedKey]);
-  return React.createElement(SideMenu, null, menus.map(menu => React.createElement(MenuItem, {
-    item: menu,
-    key: menu.code
-  })));
-});
+    const selectMenu = (param = {}) => {
+        const finalBeforeChange = onBeforeChange || defaultBeforeChange;
+        const finalSelect = onSelect || defaultSelect;
+        if (param.key !== activeMenu) {
+            if (finalBeforeChange(param, activeMenu)) {
+                setActiveMenu(param.key);
+                onChange && onChange(param);
+            }
+        }
+        finalSelect(param);
+    };
+    const MenuItem = ({ item }) => {
+        const { code, groupName, enName, children = [] } = item;
+        const SubMenuItem = ({ menu }) => {
+            const { code, menuName, enName, icon, path } = menu;
+            return (React.createElement("li", { key: code, onClick: (evt) => selectMenu({ key: code, data: menu, domEvent: evt }), className: cn({ active: code === activeMenu }) },
+                React.createElement("a", { href: path, onClick: (evt) => evt.preventDefault() },
+                    icon instanceof Component ? icon : React.createElement(Iconfont, { type: icon }),
+                    React.createElement("span", null, {
+                        cn: menuName,
+                        en: enName,
+                    }[language]))));
+        };
+        if (groupName && children.length) {
+            return (React.createElement("li", { key: code },
+                React.createElement("span", null, {
+                    cn: groupName,
+                    en: enName,
+                }[language]),
+                React.createElement(SubMenu, null, children.map((subItem) => (React.createElement(SubMenuItem, { menu: subItem, key: subItem === null || subItem === void 0 ? void 0 : subItem.code }))))));
+        }
+        return React.createElement(SubMenuItem, { menu: item });
+    };
+    useEffect(() => {
+        setActiveMenu(selectedKey);
+    }, [selectedKey]);
+    return (React.createElement(SideMenu, null, menus.map((menu) => (React.createElement(MenuItem, { item: menu, key: menu.code })))));
+};
+//# sourceMappingURL=SideMenu.js.map

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

@@ -1,21 +1,16 @@
-import _isUndefined from "lodash/isUndefined";
-import _reduce from "lodash/reduce";
-import _get from "lodash/get";
 import React, { useState, useEffect } from 'react';
 import styled, { withTheme } from 'styled-components';
 import cn from 'classnames';
 import { Layout } from '../../';
+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)`
+const { Content, Sider } = Layout;
+const TNTPaasLayout = styled(Layout) `
   position: relative;
   height: 100vh;
   overflow: hidden;
@@ -42,160 +37,85 @@ const TNTPaasLayout = styled(Layout)`
     background: #fff !important;
   }
   .tnt-layout-content {
-    background: ${props => props.theme.lightBgColor};
+    background: ${(props) => props.theme.lightBgColor};
   }
 `;
 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 === 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;
+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 === 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;
     }, {});
-    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 = React.createElement(HeaderNavs, {
-      selectedKey: currentHeaderNavKey,
-      navs: currentSystemMenus.map(item => Object.assign(Object.assign({}, item), {
-        key: item.code,
-        name: item.groupName
-      })),
-      onChange: item => {
-        setCurrentHeaderNavKey(item.key);
-        onHeaderNavChange(item);
-      }
-    });
-  }
-  useEffect(() => {
-    setUserInfo(props.userInfo);
-  }, [props.userInfo]);
-  useEffect(() => {
+    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) {
-      setCurrentHeaderNavKey(_get(getSelectedMenuInfo(selectedMenuKey, menus), 'menu.code'));
+        headerNavMenus = (React.createElement(HeaderNavs, { 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.createElement(TNTPaasLayout, {
-    className: cn(`tnt-${theme} ${props.className || ''}`, {
-      'large-size': props.theme.size === 'large',
-      compatible: props.theme.compatible,
-      isInIframe,
-      isEmptyLayout,
-      noAppList: !appList
-    })
-  }, React.createElement(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(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.createElement(Layout, null, !_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)));
-});
+    useEffect(() => {
+        setUserInfo(props.userInfo);
+    }, [props.userInfo]);
+    useEffect(() => {
+        if (isMenusTop) {
+            setCurrentHeaderNavKey(get(getSelectedMenuInfo(selectedMenuKey, menus), 'menu.code'));
+        }
+    }, [menus, selectedMenuKey]);
+    return (React.createElement(TNTPaasLayout, { className: cn(`tnt-${theme} ${props.className || ''}`, {
+            'large-size': props.theme.size === 'large',
+            compatible: props.theme.compatible,
+            isInIframe,
+            isEmptyLayout,
+            noAppList: !appList,
+        }) },
+        React.createElement(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(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.createElement(Layout, null,
+            !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))));
+});
+//# sourceMappingURL=index.js.map

package/es/tntd-layout/storage.js

@@ -3,35 +3,28 @@ import { safeParseJSON } from '../utils';
 const cookies = new Cookies();
 export const getSideMenuStore = () => safeParseJSON(localStorage.getItem('sideMenu'), {});
 export const setSideMenuStore = (params = {}) => {
-  localStorage.setItem('sideMenu', JSON.stringify(Object.assign(Object.assign({}, getSideMenuStore()), params)));
+    localStorage.setItem('sideMenu', JSON.stringify(Object.assign(Object.assign({}, getSideMenuStore()), params)));
 };
 export const setCurrentAppStore = (currentApp = {}) => {
-  localStorage.setItem('currentApp', JSON.stringify(currentApp));
+    localStorage.setItem('currentApp', JSON.stringify(currentApp));
 };
 export const getCurrentAppStore = () => safeParseJSON(localStorage.getItem('currentApp'), {});
 export const setCurrentOrgStore = (currentOrg = {}) => {
-  localStorage.setItem('currentOrg', JSON.stringify(currentOrg));
+    localStorage.setItem('currentOrg', JSON.stringify(currentOrg));
 };
 export const getCurrentOrgStore = () => safeParseJSON(localStorage.getItem('currentOrg'), {});
 export const setCurrentOrgTreeStore = (currentOrgTree = []) => {
-  localStorage.setItem('currentOrgTree', JSON.stringify(currentOrgTree));
+    localStorage.setItem('currentOrgTree', JSON.stringify(currentOrgTree));
 };
 export const getCurrentOrgTreeStore = () => safeParseJSON(localStorage.getItem('currentOrgTree'), []);
 // export const setLanguageStore = (lang) => localStorage.setItem('lang', lang)
 // export const getLanguageStore = () => localStorage.getItem('lang')
-export const setLanguageStore = lang => cookies.set('lang', lang, {
-  path: '/'
-});
-export const getLanguageStore = () => cookies.get('lang', {
-  path: '/'
-});
-export const setThemeStore = theme => localStorage.setItem('theme', theme);
+export const setLanguageStore = (lang) => cookies.set('lang', lang, { path: '/' });
+export const getLanguageStore = () => cookies.get('lang', { path: '/' });
+export const setThemeStore = (theme) => localStorage.setItem('theme', theme);
 export const getThemeStore = () => localStorage.getItem('theme');
 export const clearLoginCookie = () => {
-  cookies.remove('_td_token_', {
-    path: '/'
-  });
-  cookies.remove('_uid_', {
-    path: '/'
-  });
-};
+    cookies.remove('_td_token_', { path: '/' });
+    cookies.remove('_uid_', { path: '/' });
+};
+//# sourceMappingURL=storage.js.map