tntd 2.0.14 → 2.0.15

package/es/tntd-icon/index.js

@@ -1,26 +1,22 @@
 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-icon/style/index.js

@@ -0,0 +1 @@
+"use strict";

package/es/tntd-icon/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tntd-icon/style/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}

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,10 +140,8 @@ export default withTheme(props => {
     items = [],
     onChange
   } = props;
-
   const getInitialSelectedApp = () => {
     const currentAppStore = getCurrentAppStore();
-
     const findAppByKey = selectedKey => {
       let findApp;
       traverseTree(items, item => {
@@ -154,17 +152,14 @@ 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, {
@@ -185,11 +180,9 @@ 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,
@@ -197,16 +190,13 @@ 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, {
@@ -242,7 +232,6 @@ export default withTheme(props => {
         }
       });
     }
-
     return React.createElement(AppsSelect, {
       placeholder: "\u8BF7\u9009\u62E9",
       showSearch: true,
@@ -266,7 +255,6 @@ export default withTheme(props => {
       value: key
     }, name)));
   }
-
   return React.createElement(Dropdown, {
     overlay: Menus,
     trigger: ['click']

package/es/tntd-layout/Application.js

@@ -60,7 +60,6 @@ const AppContentWrapper = styled.div`
   border-radius: 4px;
   z-index: 1;
 `;
-
 const AppContent = props => {
   const {
     language,
@@ -68,12 +67,10 @@ 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, {
@@ -93,7 +90,6 @@ 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,7 +75,6 @@ const UserInfoWrapper = styled.div`
     }
   }
 `;
-
 const UserInfoContent = props => {
   const {
     userInfo,
@@ -125,10 +124,8 @@ const UserInfoContent = props => {
     }
   }, getText('signOut'))));
 };
-
 export default (props => {
   var _a;
-
   const {
     userInfo = {}
   } = props;
@@ -145,7 +142,6 @@ 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,7 +119,6 @@ const themes = [{
   value: 'themeS2',
   img: images.themeSymbol2
 }];
-
 const ThemeContent = props => {
   const {
     config,
@@ -130,40 +129,31 @@ 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
@@ -187,16 +177,13 @@ 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,7 +81,6 @@ const UserInfoWrapper = styled.div`
     }
   }
 `;
-
 const UserInfoContent = props => {
   const {
     userInfo,
@@ -143,10 +142,8 @@ const UserInfoContent = props => {
     }
   }, getText('signOut'))));
 };
-
 export default (props => {
   var _a;
-
   const {
     userInfo = {}
   } = props;
@@ -163,7 +160,6 @@ 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,26 +65,20 @@ 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,22 +70,18 @@ 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,7 +122,6 @@ const ListBox = styled.ul`
     }
   }
 `;
-
 const SearchList = ({
   items,
   onSelectMenu,
@@ -132,7 +131,6 @@ 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 = [],
@@ -147,19 +145,16 @@ 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,
@@ -169,47 +164,36 @@ 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);
@@ -221,14 +205,11 @@ 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,
@@ -238,36 +219,28 @@ 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 {
@@ -276,12 +249,10 @@ 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,
@@ -293,14 +264,12 @@ 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,13 +47,11 @@ 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;
@@ -87,18 +85,15 @@ 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,
@@ -116,7 +111,6 @@ 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,14 +1,11 @@
 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';
@@ -64,35 +61,34 @@ 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,16 +1,12 @@
 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';
@@ -67,25 +63,21 @@ 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]);