tntd 2.0.13 → 2.0.14

package/es/tntd-icon/index.js

@@ -1,22 +1,26 @@
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
+
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+
 import React from 'react';
 import './fonts/iconfont';
 import './index.less';
 export { default as iconList } from '../icon-list';
 export default (_a => {
   var {
-      type,
-      prefix = 'tnt-',
-      className = ''
-    } = _a,
-    props = __rest(_a, ["type", "prefix", "className"]);
+    type,
+    prefix = 'tnt-',
+    className = ''
+  } = _a,
+      props = __rest(_a, ["type", "prefix", "className"]);
+
   return React.createElement("i", Object.assign({
     className: `tnt-icon ${className}`,
     type: type

package/es/tntd-layout/ActionsContext.js

@@ -1,3 +1,3 @@
-import { createContext } from 'react';
-// import createActions from './createActions';
+import { createContext } from 'react'; // import createActions from './createActions';
+
 export default createContext({});

package/es/tntd-layout/AppList.js

@@ -49,8 +49,8 @@ const MenuList = styled(Menu)`
   .isInIframe & {
     margin-left: 20px;
   }
-`;
-// 新版UI
+`; // 新版UI
+
 const AppsSelect = styled(Select)`
   min-width: 160px;
   height: 28px;
@@ -140,8 +140,10 @@ export default withTheme(props => {
     items = [],
     onChange
   } = props;
+
   const getInitialSelectedApp = () => {
     const currentAppStore = getCurrentAppStore();
+
     const findAppByKey = selectedKey => {
       let findApp;
       traverseTree(items, item => {
@@ -152,14 +154,17 @@ export default withTheme(props => {
       });
       return findApp;
     };
+
     const currentApp = findAppByKey(selectedKey || _get(currentAppStore, 'key'));
     return currentApp || items[0];
   };
+
   const changeApp = app => {
     setSelectedApp(app);
     setCurrentAppStore(app);
     onChange && onChange(app);
   };
+
   const [searchValue, setSearchValue] = useState();
   const [selectedApp, setSelectedApp] = useState(getInitialSelectedApp());
   const Menus = React.createElement(MenuList, {
@@ -180,9 +185,11 @@ export default withTheme(props => {
     name
   } = {}) => {
     const regExp = new RegExp(searchValue, 'i');
+
     if (searchValue) {
       return regExp.test(key) || regExp.test(name);
     }
+
     return true;
   }).map(item => React.createElement(Menu.Item, {
     key: item.key,
@@ -190,13 +197,16 @@ export default withTheme(props => {
   }, item.name)));
   useEffect(() => {
     const newApp = getInitialSelectedApp();
+
     if ((newApp === null || newApp === void 0 ? void 0 : newApp.key) !== (selectedApp === null || selectedApp === void 0 ? void 0 : selectedApp.key)) {
       changeApp(newApp);
     }
   }, [items, selectedKey]);
+
   if (!props.theme.compatible) {
     if (items === null || items === void 0 ? void 0 : items.some(item => {
       var _a;
+
       return (_a = item.children) === null || _a === void 0 ? void 0 : _a.length;
     })) {
       return React.createElement(AppTreeSelect, {
@@ -232,6 +242,7 @@ export default withTheme(props => {
         }
       });
     }
+
     return React.createElement(AppsSelect, {
       placeholder: "\u8BF7\u9009\u62E9",
       showSearch: true,
@@ -255,6 +266,7 @@ export default withTheme(props => {
       value: key
     }, name)));
   }
+
   return React.createElement(Dropdown, {
     overlay: Menus,
     trigger: ['click']

package/es/tntd-layout/Application.js

@@ -60,6 +60,7 @@ const AppContentWrapper = styled.div`
   border-radius: 4px;
   z-index: 1;
 `;
+
 const AppContent = props => {
   const {
     language,
@@ -67,10 +68,12 @@ const AppContent = props => {
     onChange
   } = props;
   const [appKey, setAppKey] = useState(props.appKey);
+
   const changeApp = appKey => {
     setAppKey(appKey);
     onChange && onChange(appKey);
   };
+
   return React.createElement(AppContentWrapper, null, React.createElement(AppList, null, apps.sort((a, b) => _get(applicationsMap, `${a.appKey}.sort`, 1) - _get(applicationsMap, `${b.appKey}.sort`, 1)).map(({
     appKey: key
   }) => React.createElement(AppItem, {
@@ -90,6 +93,7 @@ const AppContent = props => {
     en: 'enName'
   }[language || 'cn']}`, key))))));
 };
+
 export default (props => React.createElement(App, null, React.createElement(Popover, {
   placement: "bottomRight",
   title: null,

package/es/tntd-layout/Avatar.js

@@ -75,6 +75,7 @@ const UserInfoWrapper = styled.div`
     }
   }
 `;
+
 const UserInfoContent = props => {
   const {
     userInfo,
@@ -124,8 +125,10 @@ const UserInfoContent = props => {
     }
   }, getText('signOut'))));
 };
+
 export default (props => {
   var _a;
+
   const {
     userInfo = {}
   } = props;
@@ -142,6 +145,7 @@ export default (props => {
     src: avatar.indexOf('base64') > 0 ? avatar : _get(images[avatar], 'default', images[avatar]),
     onError: e => {
       var _a;
+
       e.target.onerror = null;
       e.target.src = ((_a = images.empty) === null || _a === void 0 ? void 0 : _a.default) || images.empty;
     }

package/es/tntd-layout/CompatibleLanguage.js

@@ -119,6 +119,7 @@ const themes = [{
   value: 'themeS2',
   img: images.themeSymbol2
 }];
+
 const ThemeContent = props => {
   const {
     config,
@@ -129,31 +130,40 @@ const ThemeContent = props => {
     language: languageVisible = true,
     theme: themeVisible = true
   } = config || {};
+
   const getTheme = () => {
     let theme = getThemeStore() || props.theme || 'themeS2';
     return themes.some(({
       value
     }) => value === theme) ? theme : 'themeS2';
   };
+
   const [theme, setTheme] = useState(getTheme());
+
   const changeTheme = theme => {
     setTheme(theme);
     setThemeStore(theme);
     onThemeChange(theme);
   };
+
   const getLanguage = () => {
     let lang = getLanguageStore() || props.language;
+
     if (!languagesMap[lang]) {
       lang = _get(languages, '0.value');
     }
+
     return lang;
   };
+
   const [language = 'cn', setLanguage] = useState(getLanguage());
+
   const changeLanguage = language => {
     setLanguage(language);
     setLanguageStore(language);
     onLanguageChange(language);
   };
+
   return React.createElement(ThemeContentWrapper, null, themeVisible && React.createElement(ThemeSwitch, null, themes.map(({
     value,
     img
@@ -177,13 +187,16 @@ const ThemeContent = props => {
     onClick: changeLanguage.bind(this, value)
   }, name))));
 };
+
 export default (props => {
   const {
     config
   } = props;
+
   if ((config === null || config === void 0 ? void 0 : config.language) === false && (config === null || config === void 0 ? void 0 : config.theme) === false) {
     return null;
   }
+
   return React.createElement(Theme, null, React.createElement(Popover, {
     placement: "bottomRight",
     title: null,

package/es/tntd-layout/EnterpriseLayout/Avatar.js

@@ -81,6 +81,7 @@ const UserInfoWrapper = styled.div`
     }
   }
 `;
+
 const UserInfoContent = props => {
   const {
     userInfo,
@@ -142,8 +143,10 @@ const UserInfoContent = props => {
     }
   }, getText('signOut'))));
 };
+
 export default (props => {
   var _a;
+
   const {
     userInfo = {}
   } = props;
@@ -160,6 +163,7 @@ export default (props => {
     src: avatar.indexOf('base64') > 0 ? avatar : _get(images[avatar], 'default', images[avatar]),
     onError: e => {
       var _a;
+
       e.target.onerror = null;
       e.target.src = ((_a = images.empty) === null || _a === void 0 ? void 0 : _a.default) || images.empty;
     }

package/es/tntd-layout/EnterpriseLayout/Language.js

@@ -65,20 +65,26 @@ export default withTheme(props => {
   const {
     onChange
   } = props;
+
   const getLanguage = () => {
     let lang = getLanguageStore() || props.language;
+
     if (!languagesMap[lang]) {
       lang = _get(languages, '0.value');
     }
+
     return lang;
   };
+
   const [language = 'cn', setLanguage] = useState(getLanguage());
+
   const switchLanguage = () => {
     const lang = language !== 'en' ? 'en' : 'cn';
     setLanguage(lang);
     setLanguageStore(lang);
     onChange && onChange(lang);
   };
+
   const otherLanguage = useMemo(() => language === 'cn' ? 'en' : 'cn', [language]);
   return React.createElement(Language, {
     onClick: switchLanguage

package/es/tntd-layout/EnterpriseLayout/Theme.js

@@ -70,18 +70,22 @@ export default (props => {
   const {
     onChange
   } = props;
+
   const getTheme = () => {
     let theme = getThemeStore() || props.theme || 'themeS3';
     return themes.some(({
       value
     }) => value === theme) ? theme : 'themeS3';
   };
+
   const [theme, setTheme] = useState(getTheme());
+
   const changeTheme = theme => {
     setTheme(theme);
     setThemeStore(theme);
     onChange(theme);
   };
+
   return React.createElement(Theme, null, React.createElement(Row, {
     type: "flex",
     justify: "space-between",

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

@@ -7,8 +7,8 @@ export default withTheme(props => {
   const {
     userInfo = {},
     extendMap = {}
-  } = props;
-  // 企业级的默认蓝色主题
+  } = props; // 企业级的默认蓝色主题
+
   let theme = getThemeStore() || (extendMap === null || extendMap === void 0 ? void 0 : extendMap.defaultTheme) || userInfo.theme || 'themeS3';
   theme = theme === 'default' ? 'themeS3' : theme;
   const newProps = Object.assign(Object.assign({}, props), {

package/es/tntd-layout/GlobalNavigation/NavigationPopup.js

@@ -122,6 +122,7 @@ const ListBox = styled.ul`
     }
   }
 `;
+
 const SearchList = ({
   items,
   onSelectMenu,
@@ -131,6 +132,7 @@ const SearchList = ({
 }, items === null || items === void 0 ? void 0 : items.map(item => React.createElement("li", {
   onClick: () => onSelectMenu(item)
 }, item === null || item === void 0 ? void 0 : item.menuName)));
+
 export default (({
   theme,
   menus = [],
@@ -145,16 +147,19 @@ export default (({
   const isLevel3 = hasLevel3(menus);
   const [activeTopMenu, setActiveTopMenu] = useState(isLevel3 ? menus === null || menus === void 0 ? void 0 : menus[0] : null);
   const selectedMenuKey = actions.getSelectedMenuKey();
+
   const calcGroupMenus = menus => {
     menus = menus === null || menus === void 0 ? void 0 : menus.reduce((acc, cur) => {
-      var _a;
-      // 分组
+      var _a; // 分组
+
+
       if ((_a = cur === null || cur === void 0 ? void 0 : cur.children) === null || _a === void 0 ? void 0 : _a.length) {
         acc.push(cur);
       } else {
         const defaultGroup = acc.find(({
           isDefaultGroup
         }) => isDefaultGroup);
+
         if (!defaultGroup) {
           acc.unshift({
             isDefaultGroup: true,
@@ -164,36 +169,47 @@ export default (({
           defaultGroup.children.push(cur);
         }
       }
+
       return acc;
     }, []);
     return menus === null || menus === void 0 ? void 0 : menus.reduce((acc, cur) => {
       var _a;
+
       const column = Math.max(1, ~~((containerRef.current.clientWidth - 32) / 210));
+
       if (!acc.length) {
         acc.push([cur]);
       } else {
         const calcGroupHeight = group => {
           var _a;
+
           return 46 + (((_a = group === null || group === void 0 ? void 0 : group.children) === null || _a === void 0 ? void 0 : _a.length) || 0) * 30;
         };
+
         const calcColumnHeight = columnGroups => columnGroups === null || columnGroups === void 0 ? void 0 : columnGroups.reduce((acc, cur) => {
           acc += calcGroupHeight(cur);
           return acc;
         }, 0);
+
         const currentColumnHeight = calcColumnHeight(acc[acc.length - 1]);
         const nextGroupHeight = calcGroupHeight(cur);
+
         const findMinHeightGroup = groups => {
           let minHeight = Infinity;
           let index = 0;
+
           for (let i = 0; i < groups.length; i++) {
             const height = calcColumnHeight(groups[i]);
+
             if (height < minHeight) {
               index = i;
               minHeight = height;
             }
           }
+
           return groups[index];
         };
+
         if (acc.length >= column) {
           const minHeightGroup = findMinHeightGroup(acc);
           minHeightGroup === null || minHeightGroup === void 0 ? void 0 : minHeightGroup.push(cur);
@@ -205,11 +221,14 @@ export default (({
           }
         }
       }
+
       return acc;
     }, []);
   };
+
   const groupMenus = calcGroupMenus((activeTopMenu === null || activeTopMenu === void 0 ? void 0 : activeTopMenu.children) || menus);
   const [searchedMenus, setSearchedMenus] = useState([]);
+
   const onMenuClick = menu => {
     actions.emit('menuSelect', {
       key: menu.code,
@@ -219,28 +238,36 @@ export default (({
     setSearchedMenus([]);
     close();
   };
+
   const debounceSearch = _debounce(evt => {
     var _a;
+
     const value = (_a = evt.target.value) === null || _a === void 0 ? void 0 : _a.trim();
     const matchedMenus = [];
+
     if (value) {
       traverseTree(menus, node => {
         var _a;
+
         if (node.path && ((_a = node === null || node === void 0 ? void 0 : node.menuName) === null || _a === void 0 ? void 0 : _a.includes(value))) {
           matchedMenus.push(node);
         }
       });
     }
+
     setSearchedMenus(matchedMenus);
   }, 100);
+
   const onSearchChange = evt => {
     evt.persist();
     setSearchValue(evt.target.value);
     debounceSearch(evt);
   };
+
   const onSelectAppTab = menu => {
     setActiveTopMenu(menu);
   };
+
   useEffect(() => {
     const clickOutside = evt => {
       const {
@@ -249,10 +276,12 @@ export default (({
         pageX,
         pageY
       } = evt;
+
       const isOutside = (evt, popup) => {
         if (popup === null || popup === void 0 ? void 0 : popup.contains) {
           return !(popup === null || popup === void 0 ? void 0 : popup.contains(evt.target));
         }
+
         let {
           x,
           y,
@@ -264,12 +293,14 @@ export default (({
         y += window.scrollY;
         return pageX < x || pageX > x + width || pageY < y || pageY > y + height;
       };
+
       if (isOutside(evt, popupRef.current)) {
         setSearchValue('');
         setSearchedMenus([]);
         close();
       }
     };
+
     document.addEventListener('click', clickOutside);
     return () => document.removeEventListener('click', clickOutside);
   }, []);

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

@@ -47,11 +47,13 @@ const Navigation = styled.li`
     display: none;
   }
 `;
+
 const createPopupContainer = () => {
   const div = document.createElement('div');
   div.setAttribute('class', 'tnt-navigation-popup');
   return div;
 };
+
 const GlobalStyle = createGlobalStyle`
     .tnt-navigation-popup {
         position: absolute;
@@ -85,15 +87,18 @@ export default withTheme(props => {
   const popupRef = useRef();
   useEffect(() => {
     var _a;
+
     popupRef.current = createPopupContainer();
     (_a = headerRef === null || headerRef === void 0 ? void 0 : headerRef.current) === null || _a === void 0 ? void 0 : _a.appendChild(popupRef.current);
     return () => {
       var _a;
+
       (_a = headerRef === null || headerRef === void 0 ? void 0 : headerRef.current) === null || _a === void 0 ? void 0 : _a.removeChild(popupRef.current);
     };
   }, []);
   useEffect(() => {
     const classNames = popupRef.current.getAttribute('class').split(' ');
+
     if (visible) {
       ReactDOM.render(React.createElement(NavigationPopup, {
         actions: actions,
@@ -111,6 +116,7 @@ export default withTheme(props => {
   return React.createElement(Navigation, {
     onClick: evt => {
       var _a, _b;
+
       evt.stopPropagation();
       (_a = evt.nativeEvent) === null || _a === void 0 ? void 0 : _a.stopImmediatePropagation();
       (_b = evt.nativeEvent) === null || _b === void 0 ? void 0 : _b.stopPropagation();

package/es/tntd-layout/HeaderActions.js

@@ -1,11 +1,14 @@
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
+
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+
 import React from 'react';
 import styled, { withTheme } from 'styled-components';
 import Divider from '../divider';
@@ -61,34 +64,35 @@ const Actions = styled.ul`
 `;
 export default withTheme(props => {
   const {
-      type,
-      config: {
-        theme = true,
-        avatar = true,
-        language = true,
-        application = false,
-        globalNavigation = false
-      } = {},
-      theme: {
-        compatible
-      },
-      userInfo = {},
-      menus,
-      apps,
-      extraActions,
-      headerRef,
-      onLanguageChange,
-      onThemeChange,
-      onApplicationChange,
-      onAppChange,
-      onCollapseChange,
-      onPersonalSetting,
-      onChangePassword,
-      onLogout,
-      onLogoClick,
-      AvatarCustom
-    } = props,
-    rest = __rest(props, ["type", "config", "theme", "userInfo", "menus", "apps", "extraActions", "headerRef", "onLanguageChange", "onThemeChange", "onApplicationChange", "onAppChange", "onCollapseChange", "onPersonalSetting", "onChangePassword", "onLogout", "onLogoClick", "AvatarCustom"]);
+    type,
+    config: {
+      theme = true,
+      avatar = true,
+      language = true,
+      application = false,
+      globalNavigation = false
+    } = {},
+    theme: {
+      compatible
+    },
+    userInfo = {},
+    menus,
+    apps,
+    extraActions,
+    headerRef,
+    onLanguageChange,
+    onThemeChange,
+    onApplicationChange,
+    onAppChange,
+    onCollapseChange,
+    onPersonalSetting,
+    onChangePassword,
+    onLogout,
+    onLogoClick,
+    AvatarCustom
+  } = props,
+        rest = __rest(props, ["type", "config", "theme", "userInfo", "menus", "apps", "extraActions", "headerRef", "onLanguageChange", "onThemeChange", "onApplicationChange", "onAppChange", "onCollapseChange", "onPersonalSetting", "onChangePassword", "onLogout", "onLogoClick", "AvatarCustom"]);
+
   return React.createElement(Actions, Object.assign({}, rest), extraActions, globalNavigation && React.createElement(GlobalNavigation, {
     headerRef: headerRef,
     menus: menus

package/es/tntd-layout/HeaderNavs.js

@@ -1,12 +1,16 @@
 import _get from "lodash/get";
+
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
+
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+
 import React, { useState, useEffect } from 'react';
 import styled, { withTheme } from 'styled-components';
 import cn from 'classnames';
@@ -63,21 +67,25 @@ const NavItem = styled.li`
 `;
 export const HeaderNavs = withTheme(_a => {
   var {
-      theme,
-      navs = [],
-      onChange,
-      onSelect
-    } = _a,
-    props = __rest(_a, ["theme", "navs", "onChange", "onSelect"]);
+    theme,
+    navs = [],
+    onChange,
+    onSelect
+  } = _a,
+      props = __rest(_a, ["theme", "navs", "onChange", "onSelect"]);
+
   const [selectedKey, setSelectedKey] = useState(props.selectedKey || _get(navs, '0.key'));
+
   const onClickNav = nav => {
     setSelectedKey(nav.key);
     onSelect && onSelect(nav);
+
     if (selectedKey !== nav.key) {
       onChange && onChange(nav);
       setSelectedKey(nav.key);
     }
   };
+
   useEffect(() => {
     setSelectedKey(props.selectedKey || _get(navs, '0.key'));
   }, [navs, props.selectedKey]);