tntd 1.4.26 → 1.4.28

package/es/Layout/GlobalNavigation/index.js

@@ -1,36 +1,3 @@
-"use strict";
-
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = require("react");
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _lodash = require("lodash");
-
-var _ActionsContext = _interopRequireDefault(require("../ActionsContext"));
-
-var _utils = require("../../utils");
-
-var _Iconfont = _interopRequireDefault(require("../Iconfont"));
-
-var _NavigationPopup = _interopRequireDefault(require("./NavigationPopup"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
@@ -69,7 +36,16 @@ function _templateObject() {
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Navigation = _styledComponents["default"].li(_templateObject(), function (_ref) {
+import { useState, useEffect, useRef, useContext } from 'react';
+import ReactDOM from 'react-dom';
+import cn from 'classnames';
+import styled, { createGlobalStyle, withTheme } from 'styled-components';
+import { uniq } from 'lodash';
+import ActionsContext from '../ActionsContext';
+import { hasLevel3 } from '../../utils';
+import Icon from '../Iconfont';
+import NavigationPopup from './NavigationPopup';
+var Navigation = styled.li(_templateObject(), function (_ref) {
   var theme = _ref.theme;
   return theme.primaryColor;
 }, function (_ref2) {
@@ -92,25 +68,24 @@ var createPopupContainer = function createPopupContainer() {
   return div;
 };
 
-var GlobalStyle = (0, _styledComponents.createGlobalStyle)(_templateObject2(), function (props) {
+var GlobalStyle = createGlobalStyle(_templateObject2(), function (props) {
   return props.theme.size === 'large' ? '60px' : '50px';
 }, function (props) {
   return props.hasLevel3 ? '560px' : '530px';
 });
-
-var _default = (0, _styledComponents.withTheme)(function (props) {
-  var actions = (0, _react.useContext)(_ActionsContext["default"]);
+export default withTheme(function (props) {
+  var actions = useContext(ActionsContext);
   var getText = actions.getText;
   var headerRef = props.headerRef,
       menus = props.menus;
 
-  var _useState = (0, _react.useState)(false),
+  var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       visible = _useState2[0],
       setVisible = _useState2[1];
 
-  var popupRef = (0, _react.useRef)();
-  (0, _react.useEffect)(function () {
+  var popupRef = useRef();
+  useEffect(function () {
     var _headerRef$current;
 
     popupRef.current = createPopupContainer();
@@ -121,11 +96,11 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
       headerRef == null ? void 0 : (_headerRef$current2 = headerRef.current) == null ? void 0 : _headerRef$current2.removeChild(popupRef.current);
     };
   }, []);
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     var classNames = popupRef.current.getAttribute('class').split(' ');
 
     if (visible) {
-      _reactDom["default"].render(React.createElement(_NavigationPopup["default"], {
+      ReactDOM.render(React.createElement(NavigationPopup, {
         actions: actions,
         theme: props.theme,
         menus: menus,
@@ -135,12 +110,11 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
           return setVisible(false);
         }
       }), popupRef.current);
-
       popupRef.current.setAttribute('class', classNames.filter(function (item) {
         return item !== 'hide';
       }).join(' '));
     } else {
-      popupRef.current.setAttribute('class', (0, _lodash.uniq)([].concat(_toConsumableArray(classNames), ['hide'])).join(' '));
+      popupRef.current.setAttribute('class', uniq([].concat(_toConsumableArray(classNames), ['hide'])).join(' '));
     }
   }, [visible]);
   return React.createElement(Navigation, {
@@ -152,14 +126,12 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
       (_evt$nativeEvent2 = evt.nativeEvent) == null ? void 0 : _evt$nativeEvent2.stopPropagation();
       setVisible(!visible);
     },
-    className: (0, _classnames["default"])({
+    className: cn({
       active: visible
     })
-  }, React.createElement(_Iconfont["default"], {
+  }, React.createElement(Icon, {
     type: "unordered-list"
   }), React.createElement("span", null, getText('globalNavigation')), React.createElement(GlobalStyle, {
-    hasLevel3: (0, _utils.hasLevel3)(menus)
+    hasLevel3: hasLevel3(menus)
   }));
-});
-
-exports["default"] = _default;
+});

package/es/Layout/Header.js

@@ -1,30 +1,3 @@
-"use strict";
-
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = require("react");
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _Icon = _interopRequireDefault(require("../Icon"));
-
-var _HeaderActions = _interopRequireDefault(require("./HeaderActions"));
-
-var _AppList = _interopRequireDefault(require("./AppList"));
-
-var _OrgAppList = _interopRequireDefault(require("./OrgAppList"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _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 _templateObject2() {
@@ -49,7 +22,17 @@ function _templateObject() {
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Header = _styledComponents["default"].div(_templateObject(), function (props) {
+/**
+ * @file Layout header
+ * @author zhangyou
+ */
+import { useRef } from 'react';
+import styled, { withTheme } from 'styled-components';
+import Icon from '../Icon';
+import Actions from './HeaderActions';
+import AppList from './AppList';
+import OrgAppList from './OrgAppList';
+var Header = styled.div(_templateObject(), function (props) {
   return "".concat(props.theme.headerHeight, "px");
 }, function (props) {
   return "".concat(props.theme.blueBgColor, " !important");
@@ -64,10 +47,8 @@ var Header = _styledComponents["default"].div(_templateObject(), function (props
 }, function (props) {
   return "".concat(props.theme.primaryTextColor);
 });
-
-var Content = _styledComponents["default"].div(_templateObject2());
-
-var _default = (0, _styledComponents.withTheme)(function (props) {
+var Content = styled.div(_templateObject2());
+export default withTheme(function (props) {
   var collapsed = props.collapsed,
       _props$collapseIconPl = props.collapseIconPlacement,
       collapseIconPlacement = _props$collapseIconPl === void 0 ? 'right' : _props$collapseIconPl,
@@ -83,16 +64,16 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
       onOrgChange = props.onOrgChange,
       onCollapseChange = props.onCollapseChange,
       extraActions = props.extraActions;
-  var headerRef = (0, _react.useRef)();
+  var headerRef = useRef();
   return React.createElement(Header, {
     className: "tnt-layout-header",
     ref: headerRef
   }, collapseIconPlacement === 'right' && React.createElement("div", {
     className: "sidebar-collapsed-controller",
     onClick: onCollapseChange
-  }, React.createElement(_Icon["default"], {
+  }, React.createElement(Icon, {
     type: "menu-".concat(collapsed ? 'unfold' : 'fold')
-  })), headerTabs, orgList && React.createElement(_OrgAppList["default"], {
+  })), headerTabs, orgList && React.createElement(OrgAppList, {
     orgAppShow: orgAppShow,
     selectedOrgKey: selectedOrgKey,
     orgList: orgList,
@@ -102,15 +83,13 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
     orgAppList: orgAppList,
     onAppChange: onAppChange,
     headerTabs: headerTabs
-  }), appList && !orgList && React.createElement(_AppList["default"], {
+  }), appList && !orgList && React.createElement(AppList, {
     items: appList,
     selectedKey: selectedAppKey,
     onChange: onAppChange
   }), React.createElement(Content, {
     className: "tnt-layout-header-content"
-  }, props.children), React.createElement(_HeaderActions["default"], _extends({}, props, {
+  }, props.children), React.createElement(Actions, _extends({}, props, {
     headerRef: headerRef
   }), extraActions));
-});
-
-exports["default"] = _default;
+});

package/es/Layout/HeaderActions.js

@@ -1,33 +1,5 @@
-"use strict";
-
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _antd = require("antd");
-
-var _GlobalNavigation = _interopRequireDefault(require("./GlobalNavigation"));
-
-var _Language = _interopRequireDefault(require("./Language"));
-
-var _Theme = _interopRequireDefault(require("./Theme"));
-
-var _CompatibleLanguage = _interopRequireDefault(require("./CompatibleLanguage"));
-
-var _Application = _interopRequireDefault(require("./Application"));
-
-var _Avatar = _interopRequireDefault(require("./Avatar"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+import "antd/lib/divider/style";
+import _Divider from "antd/lib/divider";
 
 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; }
 
@@ -45,13 +17,19 @@ function _templateObject() {
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Actions = _styledComponents["default"].ul(_templateObject(), function (props) {
+import styled, { withTheme } from 'styled-components';
+import GlobalNavigation from './GlobalNavigation';
+import Language from './Language';
+import Theme from './Theme';
+import LanguageTheme from './CompatibleLanguage';
+import Application from './Application';
+import Avatar from './Avatar';
+var Actions = styled.ul(_templateObject(), function (props) {
   return "".concat(props.theme.headerHeight, "px");
 }, function (props) {
   return "".concat(props.theme.headerActionsColor);
 });
-
-var _default = (0, _styledComponents.withTheme)(function (props) {
+export default withTheme(function (props) {
   var type = props.type,
       _props$config = props.config;
   _props$config = _props$config === void 0 ? {} : _props$config;
@@ -86,26 +64,26 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
       AvatarCustom = props.AvatarCustom,
       rest = _objectWithoutProperties(props, ["type", "config", "theme", "userInfo", "menus", "apps", "extraActions", "headerRef", "onLanguageChange", "onThemeChange", "onApplicationChange", "onAppChange", "onOrgChange", "onCollapseChange", "onPersonalSetting", "onChangePassword", "onLogout", "onLogoClick", "AvatarCustom"]);
 
-  return React.createElement(Actions, rest, extraActions, globalNavigation && React.createElement(_GlobalNavigation["default"], {
+  return React.createElement(Actions, rest, extraActions, globalNavigation && React.createElement(GlobalNavigation, {
     headerRef: headerRef,
     menus: menus
-  }), type !== 'enterprise' && (!compatible ? React.createElement(React.Fragment, null, language && React.createElement(_Language["default"], {
+  }), type !== 'enterprise' && (!compatible ? React.createElement(React.Fragment, null, language && React.createElement(Language, {
     language: userInfo.lang,
     onChange: onLanguageChange
-  }), theme && React.createElement(_Theme["default"], {
+  }), theme && React.createElement(Theme, {
     theme: userInfo.theme,
     onChange: onThemeChange
-  })) : React.createElement(_CompatibleLanguage["default"], {
+  })) : React.createElement(LanguageTheme, {
     config: props.config,
     language: userInfo.lang,
     theme: userInfo.theme,
     onLanguageChange: onLanguageChange,
     onThemeChange: onThemeChange
-  })), application && React.createElement(_Application["default"], {
+  })), application && React.createElement(Application, {
     language: userInfo.lang,
     apps: apps,
     onChange: onApplicationChange
-  }), avatar && React.createElement(React.Fragment, null, React.createElement(_antd.Divider, {
+  }), avatar && React.createElement(React.Fragment, null, React.createElement(_Divider, {
     type: "vertical"
   }), AvatarCustom ? React.createElement(AvatarCustom, {
     userInfo: userInfo,
@@ -118,7 +96,7 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
       language: language
     },
     onLanguageChange: onLanguageChange
-  }) : React.createElement(_Avatar["default"], {
+  }) : React.createElement(Avatar, {
     userInfo: userInfo,
     onPersonalSetting: onPersonalSetting,
     onChangePassword: onChangePassword,
@@ -129,6 +107,4 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
       language: language
     }
   })));
-});
-
-exports["default"] = _default;
+});

package/es/Layout/HeaderNavs.js

@@ -1,26 +1,3 @@
-"use strict";
-
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.HeaderNavs = void 0;
-
-var _react = require("react");
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _lodash = require("lodash");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
@@ -55,9 +32,12 @@ function _templateObject() {
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Navs = _styledComponents["default"].ul(_templateObject());
-
-var NavItem = _styledComponents["default"].li(_templateObject2(), function (props) {
+import { useState, useEffect } from 'react';
+import styled, { withTheme } from 'styled-components';
+import cn from 'classnames';
+import { get } from 'lodash';
+var Navs = styled.ul(_templateObject());
+var NavItem = styled.li(_templateObject2(), function (props) {
   return props.theme.size === 'large' ? '60px' : '50px';
 }, function (props) {
   return props.theme.secondaryTextColor;
@@ -66,8 +46,7 @@ var NavItem = _styledComponents["default"].li(_templateObject2(), function (prop
 }, function (props) {
   return props.theme.primaryColor;
 });
-
-var HeaderNavs = (0, _styledComponents.withTheme)(function (_ref) {
+export var HeaderNavs = withTheme(function (_ref) {
   var theme = _ref.theme,
       _ref$navs = _ref.navs,
       navs = _ref$navs === void 0 ? [] : _ref$navs,
@@ -75,7 +54,7 @@ var HeaderNavs = (0, _styledComponents.withTheme)(function (_ref) {
       onSelect = _ref.onSelect,
       props = _objectWithoutProperties(_ref, ["theme", "navs", "onChange", "onSelect"]);
 
-  var _useState = (0, _react.useState)(props.selectedKey || (0, _lodash.get)(navs, '0.key')),
+  var _useState = useState(props.selectedKey || get(navs, '0.key')),
       _useState2 = _slicedToArray(_useState, 2),
       selectedKey = _useState2[0],
       setSelectedKey = _useState2[1];
@@ -90,14 +69,14 @@ var HeaderNavs = (0, _styledComponents.withTheme)(function (_ref) {
     }
   };
 
-  (0, _react.useEffect)(function () {
-    setSelectedKey(props.selectedKey || (0, _lodash.get)(navs, '0.key'));
+  useEffect(function () {
+    setSelectedKey(props.selectedKey || get(navs, '0.key'));
   }, [navs, props.selectedKey]);
   return React.createElement(Navs, props, navs.map(function (nav) {
     return React.createElement(NavItem, {
       key: nav.key,
       theme: theme,
-      className: (0, _classnames["default"])({
+      className: cn({
         active: selectedKey === nav.key
       }),
       onClick: function onClick() {
@@ -111,6 +90,4 @@ var HeaderNavs = (0, _styledComponents.withTheme)(function (_ref) {
     }, nav.name));
   }));
 });
-exports.HeaderNavs = HeaderNavs;
-var _default = HeaderNavs;
-exports["default"] = _default;
+export default HeaderNavs;

package/es/Layout/HeaderTabs.js

@@ -1,28 +1,3 @@
-"use strict";
-
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.HeaderTabs = void 0;
-
-var _react = require("react");
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _lodash = require("lodash");
-
-var _Icon = _interopRequireDefault(require("../Icon"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _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 _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; }
@@ -71,13 +46,16 @@ function _templateObject() {
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var TabsContainer = _styledComponents["default"].div(_templateObject(), function (props) {
+import { useState, useEffect, useRef } from 'react';
+import styled, { withTheme } from 'styled-components';
+import cn from 'classnames';
+import { get } from 'lodash';
+import Icon from '../Icon';
+var TabsContainer = styled.div(_templateObject(), function (props) {
   return "".concat(props.theme.blueBgColor);
 });
-
-var Tabs = _styledComponents["default"].ul(_templateObject2());
-
-var TabItem = _styledComponents["default"].li(_templateObject3(), function (props) {
+var Tabs = styled.ul(_templateObject2());
+var TabItem = styled.li(_templateObject3(), function (props) {
   return props.theme.size === 'large' ? '46px' : '36px';
 }, function (props) {
   return props.theme.headerActionsColor;
@@ -88,8 +66,7 @@ var TabItem = _styledComponents["default"].li(_templateObject3(), function (prop
 }, function (props) {
   return props.theme.primaryTextColor;
 });
-
-var HeaderTabs = (0, _styledComponents.withTheme)(function (_ref) {
+export var HeaderTabs = withTheme(function (_ref) {
   var theme = _ref.theme,
       className = _ref.className,
       _ref$tabs = _ref.tabs,
@@ -103,22 +80,22 @@ var HeaderTabs = (0, _styledComponents.withTheme)(function (_ref) {
       language = _ref.language,
       props = _objectWithoutProperties(_ref, ["theme", "className", "tabs", "onTabChange", "onTabSelect", "onTabClose", "appListVisible", "orgListVisible", "orgAppListVisible", "language"]);
 
-  var _useState = (0, _react.useState)(props.selectedKey || (0, _lodash.get)(tabs, '0.key')),
+  var _useState = useState(props.selectedKey || get(tabs, '0.key')),
       _useState2 = _slicedToArray(_useState, 2),
       selectedKey = _useState2[0],
       setSelectedKey = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(tabs || []),
+  var _useState3 = useState(tabs || []),
       _useState4 = _slicedToArray(_useState3, 2),
       tabItems = _useState4[0],
       setTabItems = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(false),
+  var _useState5 = useState(false),
       _useState6 = _slicedToArray(_useState5, 2),
       arrowVisible = _useState6[0],
       setArrowVisible = _useState6[1];
 
-  var _useState7 = (0, _react.useState)({
+  var _useState7 = useState({
     start: true,
     end: true
   }),
@@ -126,7 +103,7 @@ var HeaderTabs = (0, _styledComponents.withTheme)(function (_ref) {
       tabsPositionFlags = _useState8[0],
       setTabsPositionFlags = _useState8[1];
 
-  var tabsRef = (0, _react.useRef)();
+  var tabsRef = useRef();
 
   var getTabsDom = function getTabsDom() {
     return tabsRef.current;
@@ -233,20 +210,20 @@ var HeaderTabs = (0, _styledComponents.withTheme)(function (_ref) {
     });
   };
 
-  (0, _react.useEffect)(function () {
-    setSelectedKey(props.selectedKey || (0, _lodash.get)(tabs, '0.key'));
+  useEffect(function () {
+    setSelectedKey(props.selectedKey || get(tabs, '0.key'));
     setTabItems(tabs);
   }, [tabs, props.selectedKey]);
-  (0, _react.useEffect)(function () {}, [props.orgAppListVisible]);
-  (0, _react.useEffect)(function () {
+  useEffect(function () {}, [props.orgAppListVisible]);
+  useEffect(function () {
     var tabsDom = getTabsDom();
     setArrowVisible(tabsDom.offsetWidth - tabsDom.parentNode.offsetWidth > 0);
   }, [tabItems]);
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     translateTabsDom(tabItems, selectedKey);
   }, [tabItems, selectedKey, appListVisible, orgListVisible, orgAppListVisible]);
   return React.createElement(TabsContainer, _extends({}, props, {
-    className: (0, _classnames["default"])('tnt-layout-header-tabs', _defineProperty({}, className, className))
+    className: cn('tnt-layout-header-tabs', _defineProperty({}, className, className))
   }), React.createElement(Tabs, {
     className: "tnt-layout-header-tabs-content",
     ref: tabsRef
@@ -256,7 +233,7 @@ var HeaderTabs = (0, _styledComponents.withTheme)(function (_ref) {
     return React.createElement(TabItem, {
       key: tab.key,
       theme: theme,
-      className: (0, _classnames["default"])({
+      className: cn({
         active: selectedKey === tab.key,
         activeTabPreSibling: ((_tabItems = tabItems[index + 1]) == null ? void 0 : _tabItems.key) === selectedKey
       }),
@@ -271,22 +248,20 @@ var HeaderTabs = (0, _styledComponents.withTheme)(function (_ref) {
     }, {
       cn: tab.name,
       en: tab.enName || tab.name
-    }[language || 'cn']), tab.closable !== false && tabItems.length > 1 && React.createElement(_Icon["default"], {
+    }[language || 'cn']), tab.closable !== false && tabItems.length > 1 && React.createElement(Icon, {
       type: "close",
       onClick: closeTabHandle.bind(null, tab, index)
     }));
   })), arrowVisible && React.createElement("div", {
     className: "tnt-layout-header-tabs-arrows"
-  }, React.createElement(_Icon["default"], {
+  }, React.createElement(Icon, {
     type: "left",
     onClick: onMoveToLeft,
     disabled: !tabsPositionFlags.start
-  }), React.createElement(_Icon["default"], {
+  }), React.createElement(Icon, {
     type: "right",
     onClick: onMoveToRight,
     disabled: !tabsPositionFlags.end
   })));
 });
-exports.HeaderTabs = HeaderTabs;
-var _default = HeaderTabs;
-exports["default"] = _default;
+export default HeaderTabs;

package/es/Layout/Iconfont.js

@@ -1,16 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _Icon = _interopRequireDefault(require("../Icon"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = function _default(props) {
-  return React.createElement(_Icon["default"], props);
-};
-
-exports["default"] = _default;
+import Icon from '../Icon';
+export default (function (props) {
+  return React.createElement(Icon, props);
+});