tntd 1.4.24 → 1.4.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (120) hide show
  1. package/babel.config.js +22 -21
  2. package/components/Handle/index.js +0 -7
  3. package/components/QueryForm/Field/SelectInput.js +1 -0
  4. package/dist/stats.json +5229 -5229
  5. package/dist/tntd.js +1 -1
  6. package/es/ArrayInput/icon.js +11 -3
  7. package/es/ArrayInput/index.js +67 -57
  8. package/es/AuthContext.js +13 -3
  9. package/es/Columns/index.js +24 -12
  10. package/es/DevelopmentLogin/LoginModal.js +29 -22
  11. package/es/DevelopmentLogin/index.js +29 -13
  12. package/es/Ellipsis/Svg/CopySVG.js +11 -2
  13. package/es/Ellipsis/Svg/TickSVG.js +11 -2
  14. package/es/Ellipsis/index.js +33 -25
  15. package/es/Handle/index.js +47 -39
  16. package/es/Icon/fonts/iconfont.js +2 -0
  17. package/es/Icon/iconList.js +8 -1
  18. package/es/Icon/index.js +25 -5
  19. package/es/Img/Contain.js +21 -8
  20. package/es/Img/Cover.js +29 -11
  21. package/es/Img/index.js +22 -8
  22. package/es/Layout/ActionsContext.js +12 -2
  23. package/es/Layout/AppList.js +58 -42
  24. package/es/Layout/Application.js +44 -24
  25. package/es/Layout/Avatar.js +45 -23
  26. package/es/Layout/CompatibleLanguage.js +51 -29
  27. package/es/Layout/EnterpriseLayout/Avatar.js +54 -32
  28. package/es/Layout/EnterpriseLayout/Language.js +39 -15
  29. package/es/Layout/EnterpriseLayout/Theme.js +31 -15
  30. package/es/Layout/EnterpriseLayout/index.js +24 -9
  31. package/es/Layout/GlobalNavigation/NavigationPopup.js +53 -29
  32. package/es/Layout/GlobalNavigation/index.js +51 -23
  33. package/es/Layout/Header.js +40 -19
  34. package/es/Layout/HeaderActions.js +43 -19
  35. package/es/Layout/HeaderNavs.js +35 -12
  36. package/es/Layout/HeaderTabs.js +50 -25
  37. package/es/Layout/Iconfont.js +16 -4
  38. package/es/Layout/Language.js +38 -14
  39. package/es/Layout/Layout.js +58 -32
  40. package/es/Layout/Logo.js +26 -12
  41. package/es/Layout/OrgAppList.js +52 -36
  42. package/es/Layout/SideMenu.js +57 -32
  43. package/es/Layout/Theme.js +39 -21
  44. package/es/Layout/createActions.js +19 -6
  45. package/es/Layout/images/index.js +95 -58
  46. package/es/Layout/index.js +70 -28
  47. package/es/Layout/paaslayout/CompactSideMenu.js +35 -17
  48. package/es/Layout/paaslayout/Header.js +31 -17
  49. package/es/Layout/paaslayout/Logo.js +19 -9
  50. package/es/Layout/paaslayout/SideMenu.js +29 -12
  51. package/es/Layout/paaslayout/index.js +58 -32
  52. package/es/Layout/storage.js +71 -21
  53. package/es/LoadingButton/index.js +17 -8
  54. package/es/Modal/index.js +29 -16
  55. package/es/Page/Box.js +18 -8
  56. package/es/Page/index.js +47 -29
  57. package/es/Page/utils.js +12 -1
  58. package/es/QueryForm/Field/Checkbox.js +13 -5
  59. package/es/QueryForm/Field/Select.js +28 -12
  60. package/es/QueryForm/Field/SelectInput.js +35 -19
  61. package/es/QueryForm/Field/fieldsMap.js +36 -23
  62. package/es/QueryForm/Field/index.js +25 -12
  63. package/es/QueryForm/createActions.js +20 -7
  64. package/es/QueryForm/index.js +66 -50
  65. package/es/QueryForm/useForm.js +16 -4
  66. package/es/QueryListScene/List.js +43 -30
  67. package/es/QueryListScene/QueryForm.js +21 -9
  68. package/es/QueryListScene/QueryListScene.js +29 -16
  69. package/es/QueryListScene/Title.js +17 -5
  70. package/es/QueryListScene/Toolbar.js +16 -4
  71. package/es/QueryListScene/createActions.js +26 -13
  72. package/es/QueryListScene/index.js +40 -19
  73. package/es/QueryListScene/useActions.js +16 -4
  74. package/es/Select/DropDownWrap.js +18 -6
  75. package/es/Select/index.js +28 -15
  76. package/es/Table/ResizableTable/index.js +32 -18
  77. package/es/Table/index.js +30 -11
  78. package/es/Title/index.js +18 -5
  79. package/es/index.js +193 -20
  80. package/es/locale.js +27 -8
  81. package/es/utils/checkAuth.js +15 -4
  82. package/es/utils/findMenuInfoByPath.js +16 -5
  83. package/es/utils/index.js +70 -10
  84. package/lib/ArrayInput/index.js +12 -28
  85. package/lib/Columns/index.js +4 -10
  86. package/lib/DevelopmentLogin/LoginModal.js +9 -23
  87. package/lib/Ellipsis/index.js +4 -10
  88. package/lib/Handle/index.js +10 -29
  89. package/lib/Layout/AppList.js +12 -30
  90. package/lib/Layout/Application.js +3 -5
  91. package/lib/Layout/Avatar.js +6 -12
  92. package/lib/Layout/CompatibleLanguage.js +3 -5
  93. package/lib/Layout/EnterpriseLayout/Avatar.js +8 -18
  94. package/lib/Layout/EnterpriseLayout/Theme.js +3 -5
  95. package/lib/Layout/HeaderActions.js +5 -7
  96. package/lib/Layout/Layout.js +7 -9
  97. package/lib/Layout/OrgAppList.js +7 -19
  98. package/lib/Layout/SideMenu.js +7 -9
  99. package/lib/Layout/Theme.js +3 -5
  100. package/lib/Layout/paaslayout/index.js +8 -10
  101. package/lib/LoadingButton/index.js +2 -6
  102. package/lib/Modal/index.js +3 -5
  103. package/lib/Page/Box.js +3 -5
  104. package/lib/QueryForm/Field/Checkbox.js +2 -6
  105. package/lib/QueryForm/Field/Select.js +4 -8
  106. package/lib/QueryForm/Field/SelectInput.js +7 -14
  107. package/lib/QueryForm/Field/fieldsMap.js +8 -18
  108. package/lib/QueryForm/Field/index.js +3 -7
  109. package/lib/QueryForm/index.js +13 -27
  110. package/lib/QueryListScene/List.js +5 -7
  111. package/lib/Select/index.js +8 -14
  112. package/lib/Table/ResizableTable/index.js +3 -5
  113. package/lib/Table/index.js +5 -7
  114. package/package.json +1 -1
  115. package/es/Layout/checkAuth.js +0 -29
  116. package/es/Layout/utils.js +0 -136
  117. package/lib/Layout/EnterpriseLayout/Header.js +0 -113
  118. package/lib/Layout/EnterpriseLayout/HeaderActions.js +0 -104
  119. package/lib/Layout/checkAuth.js +0 -39
  120. package/lib/Layout/utils.js +0 -166
@@ -1,3 +1,36 @@
1
+ "use strict";
2
+
3
+ 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); }
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = void 0;
9
+
10
+ var _react = require("react");
11
+
12
+ var _reactDom = _interopRequireDefault(require("react-dom"));
13
+
14
+ var _classnames = _interopRequireDefault(require("classnames"));
15
+
16
+ var _styledComponents = _interopRequireWildcard(require("styled-components"));
17
+
18
+ var _lodash = require("lodash");
19
+
20
+ var _ActionsContext = _interopRequireDefault(require("../ActionsContext"));
21
+
22
+ var _utils = require("../../utils");
23
+
24
+ var _Iconfont = _interopRequireDefault(require("../Iconfont"));
25
+
26
+ var _NavigationPopup = _interopRequireDefault(require("./NavigationPopup"));
27
+
28
+ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
29
+
30
+ 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; }
31
+
32
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
33
+
1
34
  function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
2
35
 
3
36
  function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
@@ -36,16 +69,7 @@ function _templateObject() {
36
69
 
37
70
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
38
71
 
39
- import { useState, useEffect, useRef, useContext } from 'react';
40
- import ReactDOM from 'react-dom';
41
- import cn from 'classnames';
42
- import styled, { createGlobalStyle, withTheme } from 'styled-components';
43
- import { uniq } from 'lodash';
44
- import ActionsContext from '../ActionsContext';
45
- import { hasLevel3 } from '../../utils';
46
- import Icon from '../Iconfont';
47
- import NavigationPopup from './NavigationPopup';
48
- var Navigation = styled.li(_templateObject(), function (_ref) {
72
+ var Navigation = _styledComponents["default"].li(_templateObject(), function (_ref) {
49
73
  var theme = _ref.theme;
50
74
  return theme.primaryColor;
51
75
  }, function (_ref2) {
@@ -68,24 +92,25 @@ var createPopupContainer = function createPopupContainer() {
68
92
  return div;
69
93
  };
70
94
 
71
- var GlobalStyle = createGlobalStyle(_templateObject2(), function (props) {
95
+ var GlobalStyle = (0, _styledComponents.createGlobalStyle)(_templateObject2(), function (props) {
72
96
  return props.theme.size === 'large' ? '60px' : '50px';
73
97
  }, function (props) {
74
98
  return props.hasLevel3 ? '560px' : '530px';
75
99
  });
76
- export default withTheme(function (props) {
77
- var actions = useContext(ActionsContext);
100
+
101
+ var _default = (0, _styledComponents.withTheme)(function (props) {
102
+ var actions = (0, _react.useContext)(_ActionsContext["default"]);
78
103
  var getText = actions.getText;
79
104
  var headerRef = props.headerRef,
80
105
  menus = props.menus;
81
106
 
82
- var _useState = useState(false),
107
+ var _useState = (0, _react.useState)(false),
83
108
  _useState2 = _slicedToArray(_useState, 2),
84
109
  visible = _useState2[0],
85
110
  setVisible = _useState2[1];
86
111
 
87
- var popupRef = useRef();
88
- useEffect(function () {
112
+ var popupRef = (0, _react.useRef)();
113
+ (0, _react.useEffect)(function () {
89
114
  var _headerRef$current;
90
115
 
91
116
  popupRef.current = createPopupContainer();
@@ -96,11 +121,11 @@ export default withTheme(function (props) {
96
121
  headerRef == null ? void 0 : (_headerRef$current2 = headerRef.current) == null ? void 0 : _headerRef$current2.removeChild(popupRef.current);
97
122
  };
98
123
  }, []);
99
- useEffect(function () {
124
+ (0, _react.useEffect)(function () {
100
125
  var classNames = popupRef.current.getAttribute('class').split(' ');
101
126
 
102
127
  if (visible) {
103
- ReactDOM.render(React.createElement(NavigationPopup, {
128
+ _reactDom["default"].render(React.createElement(_NavigationPopup["default"], {
104
129
  actions: actions,
105
130
  theme: props.theme,
106
131
  menus: menus,
@@ -110,11 +135,12 @@ export default withTheme(function (props) {
110
135
  return setVisible(false);
111
136
  }
112
137
  }), popupRef.current);
138
+
113
139
  popupRef.current.setAttribute('class', classNames.filter(function (item) {
114
140
  return item !== 'hide';
115
141
  }).join(' '));
116
142
  } else {
117
- popupRef.current.setAttribute('class', uniq([].concat(_toConsumableArray(classNames), ['hide'])).join(' '));
143
+ popupRef.current.setAttribute('class', (0, _lodash.uniq)([].concat(_toConsumableArray(classNames), ['hide'])).join(' '));
118
144
  }
119
145
  }, [visible]);
120
146
  return React.createElement(Navigation, {
@@ -126,12 +152,14 @@ export default withTheme(function (props) {
126
152
  (_evt$nativeEvent2 = evt.nativeEvent) == null ? void 0 : _evt$nativeEvent2.stopPropagation();
127
153
  setVisible(!visible);
128
154
  },
129
- className: cn({
155
+ className: (0, _classnames["default"])({
130
156
  active: visible
131
157
  })
132
- }, React.createElement(Icon, {
158
+ }, React.createElement(_Iconfont["default"], {
133
159
  type: "unordered-list"
134
160
  }), React.createElement("span", null, getText('globalNavigation')), React.createElement(GlobalStyle, {
135
- hasLevel3: hasLevel3(menus)
161
+ hasLevel3: (0, _utils.hasLevel3)(menus)
136
162
  }));
137
- });
163
+ });
164
+
165
+ exports["default"] = _default;
@@ -1,3 +1,30 @@
1
+ "use strict";
2
+
3
+ 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); }
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = void 0;
9
+
10
+ var _react = require("react");
11
+
12
+ var _styledComponents = _interopRequireWildcard(require("styled-components"));
13
+
14
+ var _Icon = _interopRequireDefault(require("../Icon"));
15
+
16
+ var _HeaderActions = _interopRequireDefault(require("./HeaderActions"));
17
+
18
+ var _AppList = _interopRequireDefault(require("./AppList"));
19
+
20
+ var _OrgAppList = _interopRequireDefault(require("./OrgAppList"));
21
+
22
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
+
24
+ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
25
+
26
+ 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; }
27
+
1
28
  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); }
2
29
 
3
30
  function _templateObject2() {
@@ -22,17 +49,7 @@ function _templateObject() {
22
49
 
23
50
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
24
51
 
25
- /**
26
- * @file Layout header
27
- * @author zhangyou
28
- */
29
- import { useRef } from 'react';
30
- import styled, { withTheme } from 'styled-components';
31
- import Icon from '../Icon';
32
- import Actions from './HeaderActions';
33
- import AppList from './AppList';
34
- import OrgAppList from './OrgAppList';
35
- var Header = styled.div(_templateObject(), function (props) {
52
+ var Header = _styledComponents["default"].div(_templateObject(), function (props) {
36
53
  return "".concat(props.theme.headerHeight, "px");
37
54
  }, function (props) {
38
55
  return "".concat(props.theme.blueBgColor, " !important");
@@ -47,8 +64,10 @@ var Header = styled.div(_templateObject(), function (props) {
47
64
  }, function (props) {
48
65
  return "".concat(props.theme.primaryTextColor);
49
66
  });
50
- var Content = styled.div(_templateObject2());
51
- export default withTheme(function (props) {
67
+
68
+ var Content = _styledComponents["default"].div(_templateObject2());
69
+
70
+ var _default = (0, _styledComponents.withTheme)(function (props) {
52
71
  var collapsed = props.collapsed,
53
72
  _props$collapseIconPl = props.collapseIconPlacement,
54
73
  collapseIconPlacement = _props$collapseIconPl === void 0 ? 'right' : _props$collapseIconPl,
@@ -64,16 +83,16 @@ export default withTheme(function (props) {
64
83
  onOrgChange = props.onOrgChange,
65
84
  onCollapseChange = props.onCollapseChange,
66
85
  extraActions = props.extraActions;
67
- var headerRef = useRef();
86
+ var headerRef = (0, _react.useRef)();
68
87
  return React.createElement(Header, {
69
88
  className: "tnt-layout-header",
70
89
  ref: headerRef
71
90
  }, collapseIconPlacement === 'right' && React.createElement("div", {
72
91
  className: "sidebar-collapsed-controller",
73
92
  onClick: onCollapseChange
74
- }, React.createElement(Icon, {
93
+ }, React.createElement(_Icon["default"], {
75
94
  type: "menu-".concat(collapsed ? 'unfold' : 'fold')
76
- })), headerTabs, orgList && React.createElement(OrgAppList, {
95
+ })), headerTabs, orgList && React.createElement(_OrgAppList["default"], {
77
96
  orgAppShow: orgAppShow,
78
97
  selectedOrgKey: selectedOrgKey,
79
98
  orgList: orgList,
@@ -83,13 +102,15 @@ export default withTheme(function (props) {
83
102
  orgAppList: orgAppList,
84
103
  onAppChange: onAppChange,
85
104
  headerTabs: headerTabs
86
- }), appList && !orgList && React.createElement(AppList, {
105
+ }), appList && !orgList && React.createElement(_AppList["default"], {
87
106
  items: appList,
88
107
  selectedKey: selectedAppKey,
89
108
  onChange: onAppChange
90
109
  }), React.createElement(Content, {
91
110
  className: "tnt-layout-header-content"
92
- }, props.children), React.createElement(Actions, _extends({}, props, {
111
+ }, props.children), React.createElement(_HeaderActions["default"], _extends({}, props, {
93
112
  headerRef: headerRef
94
113
  }), extraActions));
95
- });
114
+ });
115
+
116
+ exports["default"] = _default;
@@ -1,5 +1,33 @@
1
- import "antd/lib/divider/style";
2
- import _Divider from "antd/lib/divider";
1
+ "use strict";
2
+
3
+ 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); }
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = void 0;
9
+
10
+ var _styledComponents = _interopRequireWildcard(require("styled-components"));
11
+
12
+ var _antd = require("antd");
13
+
14
+ var _GlobalNavigation = _interopRequireDefault(require("./GlobalNavigation"));
15
+
16
+ var _Language = _interopRequireDefault(require("./Language"));
17
+
18
+ var _Theme = _interopRequireDefault(require("./Theme"));
19
+
20
+ var _CompatibleLanguage = _interopRequireDefault(require("./CompatibleLanguage"));
21
+
22
+ var _Application = _interopRequireDefault(require("./Application"));
23
+
24
+ var _Avatar = _interopRequireDefault(require("./Avatar"));
25
+
26
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
27
+
28
+ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
29
+
30
+ 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; }
3
31
 
4
32
  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; }
5
33
 
@@ -17,19 +45,13 @@ function _templateObject() {
17
45
 
18
46
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
19
47
 
20
- import styled, { withTheme } from 'styled-components';
21
- import GlobalNavigation from './GlobalNavigation';
22
- import Language from './Language';
23
- import Theme from './Theme';
24
- import LanguageTheme from './CompatibleLanguage';
25
- import Application from './Application';
26
- import Avatar from './Avatar';
27
- var Actions = styled.ul(_templateObject(), function (props) {
48
+ var Actions = _styledComponents["default"].ul(_templateObject(), function (props) {
28
49
  return "".concat(props.theme.headerHeight, "px");
29
50
  }, function (props) {
30
51
  return "".concat(props.theme.headerActionsColor);
31
52
  });
32
- export default withTheme(function (props) {
53
+
54
+ var _default = (0, _styledComponents.withTheme)(function (props) {
33
55
  var type = props.type,
34
56
  _props$config = props.config;
35
57
  _props$config = _props$config === void 0 ? {} : _props$config;
@@ -64,26 +86,26 @@ export default withTheme(function (props) {
64
86
  AvatarCustom = props.AvatarCustom,
65
87
  rest = _objectWithoutProperties(props, ["type", "config", "theme", "userInfo", "menus", "apps", "extraActions", "headerRef", "onLanguageChange", "onThemeChange", "onApplicationChange", "onAppChange", "onOrgChange", "onCollapseChange", "onPersonalSetting", "onChangePassword", "onLogout", "onLogoClick", "AvatarCustom"]);
66
88
 
67
- return React.createElement(Actions, rest, extraActions, globalNavigation && React.createElement(GlobalNavigation, {
89
+ return React.createElement(Actions, rest, extraActions, globalNavigation && React.createElement(_GlobalNavigation["default"], {
68
90
  headerRef: headerRef,
69
91
  menus: menus
70
- }), type !== 'enterprise' && (!compatible ? React.createElement(React.Fragment, null, language && React.createElement(Language, {
92
+ }), type !== 'enterprise' && (!compatible ? React.createElement(React.Fragment, null, language && React.createElement(_Language["default"], {
71
93
  language: userInfo.lang,
72
94
  onChange: onLanguageChange
73
- }), theme && React.createElement(Theme, {
95
+ }), theme && React.createElement(_Theme["default"], {
74
96
  theme: userInfo.theme,
75
97
  onChange: onThemeChange
76
- })) : React.createElement(LanguageTheme, {
98
+ })) : React.createElement(_CompatibleLanguage["default"], {
77
99
  config: props.config,
78
100
  language: userInfo.lang,
79
101
  theme: userInfo.theme,
80
102
  onLanguageChange: onLanguageChange,
81
103
  onThemeChange: onThemeChange
82
- })), application && React.createElement(Application, {
104
+ })), application && React.createElement(_Application["default"], {
83
105
  language: userInfo.lang,
84
106
  apps: apps,
85
107
  onChange: onApplicationChange
86
- }), avatar && React.createElement(React.Fragment, null, React.createElement(_Divider, {
108
+ }), avatar && React.createElement(React.Fragment, null, React.createElement(_antd.Divider, {
87
109
  type: "vertical"
88
110
  }), AvatarCustom ? React.createElement(AvatarCustom, {
89
111
  userInfo: userInfo,
@@ -96,7 +118,7 @@ export default withTheme(function (props) {
96
118
  language: language
97
119
  },
98
120
  onLanguageChange: onLanguageChange
99
- }) : React.createElement(Avatar, {
121
+ }) : React.createElement(_Avatar["default"], {
100
122
  userInfo: userInfo,
101
123
  onPersonalSetting: onPersonalSetting,
102
124
  onChangePassword: onChangePassword,
@@ -107,4 +129,6 @@ export default withTheme(function (props) {
107
129
  language: language
108
130
  }
109
131
  })));
110
- });
132
+ });
133
+
134
+ exports["default"] = _default;
@@ -1,3 +1,26 @@
1
+ "use strict";
2
+
3
+ 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); }
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = exports.HeaderNavs = void 0;
9
+
10
+ var _react = require("react");
11
+
12
+ var _styledComponents = _interopRequireWildcard(require("styled-components"));
13
+
14
+ var _classnames = _interopRequireDefault(require("classnames"));
15
+
16
+ var _lodash = require("lodash");
17
+
18
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
+
20
+ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
21
+
22
+ 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; }
23
+
1
24
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
2
25
 
3
26
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
@@ -32,12 +55,9 @@ function _templateObject() {
32
55
 
33
56
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
34
57
 
35
- import { useState, useEffect } from 'react';
36
- import styled, { withTheme } from 'styled-components';
37
- import cn from 'classnames';
38
- import { get } from 'lodash';
39
- var Navs = styled.ul(_templateObject());
40
- var NavItem = styled.li(_templateObject2(), function (props) {
58
+ var Navs = _styledComponents["default"].ul(_templateObject());
59
+
60
+ var NavItem = _styledComponents["default"].li(_templateObject2(), function (props) {
41
61
  return props.theme.size === 'large' ? '60px' : '50px';
42
62
  }, function (props) {
43
63
  return props.theme.secondaryTextColor;
@@ -46,7 +66,8 @@ var NavItem = styled.li(_templateObject2(), function (props) {
46
66
  }, function (props) {
47
67
  return props.theme.primaryColor;
48
68
  });
49
- export var HeaderNavs = withTheme(function (_ref) {
69
+
70
+ var HeaderNavs = (0, _styledComponents.withTheme)(function (_ref) {
50
71
  var theme = _ref.theme,
51
72
  _ref$navs = _ref.navs,
52
73
  navs = _ref$navs === void 0 ? [] : _ref$navs,
@@ -54,7 +75,7 @@ export var HeaderNavs = withTheme(function (_ref) {
54
75
  onSelect = _ref.onSelect,
55
76
  props = _objectWithoutProperties(_ref, ["theme", "navs", "onChange", "onSelect"]);
56
77
 
57
- var _useState = useState(props.selectedKey || get(navs, '0.key')),
78
+ var _useState = (0, _react.useState)(props.selectedKey || (0, _lodash.get)(navs, '0.key')),
58
79
  _useState2 = _slicedToArray(_useState, 2),
59
80
  selectedKey = _useState2[0],
60
81
  setSelectedKey = _useState2[1];
@@ -69,14 +90,14 @@ export var HeaderNavs = withTheme(function (_ref) {
69
90
  }
70
91
  };
71
92
 
72
- useEffect(function () {
73
- setSelectedKey(props.selectedKey || get(navs, '0.key'));
93
+ (0, _react.useEffect)(function () {
94
+ setSelectedKey(props.selectedKey || (0, _lodash.get)(navs, '0.key'));
74
95
  }, [navs, props.selectedKey]);
75
96
  return React.createElement(Navs, props, navs.map(function (nav) {
76
97
  return React.createElement(NavItem, {
77
98
  key: nav.key,
78
99
  theme: theme,
79
- className: cn({
100
+ className: (0, _classnames["default"])({
80
101
  active: selectedKey === nav.key
81
102
  }),
82
103
  onClick: function onClick() {
@@ -90,4 +111,6 @@ export var HeaderNavs = withTheme(function (_ref) {
90
111
  }, nav.name));
91
112
  }));
92
113
  });
93
- export default HeaderNavs;
114
+ exports.HeaderNavs = HeaderNavs;
115
+ var _default = HeaderNavs;
116
+ exports["default"] = _default;
@@ -1,3 +1,28 @@
1
+ "use strict";
2
+
3
+ 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); }
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = exports.HeaderTabs = void 0;
9
+
10
+ var _react = require("react");
11
+
12
+ var _styledComponents = _interopRequireWildcard(require("styled-components"));
13
+
14
+ var _classnames = _interopRequireDefault(require("classnames"));
15
+
16
+ var _lodash = require("lodash");
17
+
18
+ var _Icon = _interopRequireDefault(require("../Icon"));
19
+
20
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
+
22
+ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
23
+
24
+ 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; }
25
+
1
26
  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); }
2
27
 
3
28
  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; }
@@ -46,16 +71,13 @@ function _templateObject() {
46
71
 
47
72
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
48
73
 
49
- import { useState, useEffect, useRef } from 'react';
50
- import styled, { withTheme } from 'styled-components';
51
- import cn from 'classnames';
52
- import { get } from 'lodash';
53
- import Icon from '../Icon';
54
- var TabsContainer = styled.div(_templateObject(), function (props) {
74
+ var TabsContainer = _styledComponents["default"].div(_templateObject(), function (props) {
55
75
  return "".concat(props.theme.blueBgColor);
56
76
  });
57
- var Tabs = styled.ul(_templateObject2());
58
- var TabItem = styled.li(_templateObject3(), function (props) {
77
+
78
+ var Tabs = _styledComponents["default"].ul(_templateObject2());
79
+
80
+ var TabItem = _styledComponents["default"].li(_templateObject3(), function (props) {
59
81
  return props.theme.size === 'large' ? '46px' : '36px';
60
82
  }, function (props) {
61
83
  return props.theme.headerActionsColor;
@@ -66,7 +88,8 @@ var TabItem = styled.li(_templateObject3(), function (props) {
66
88
  }, function (props) {
67
89
  return props.theme.primaryTextColor;
68
90
  });
69
- export var HeaderTabs = withTheme(function (_ref) {
91
+
92
+ var HeaderTabs = (0, _styledComponents.withTheme)(function (_ref) {
70
93
  var theme = _ref.theme,
71
94
  className = _ref.className,
72
95
  _ref$tabs = _ref.tabs,
@@ -80,22 +103,22 @@ export var HeaderTabs = withTheme(function (_ref) {
80
103
  language = _ref.language,
81
104
  props = _objectWithoutProperties(_ref, ["theme", "className", "tabs", "onTabChange", "onTabSelect", "onTabClose", "appListVisible", "orgListVisible", "orgAppListVisible", "language"]);
82
105
 
83
- var _useState = useState(props.selectedKey || get(tabs, '0.key')),
106
+ var _useState = (0, _react.useState)(props.selectedKey || (0, _lodash.get)(tabs, '0.key')),
84
107
  _useState2 = _slicedToArray(_useState, 2),
85
108
  selectedKey = _useState2[0],
86
109
  setSelectedKey = _useState2[1];
87
110
 
88
- var _useState3 = useState(tabs || []),
111
+ var _useState3 = (0, _react.useState)(tabs || []),
89
112
  _useState4 = _slicedToArray(_useState3, 2),
90
113
  tabItems = _useState4[0],
91
114
  setTabItems = _useState4[1];
92
115
 
93
- var _useState5 = useState(false),
116
+ var _useState5 = (0, _react.useState)(false),
94
117
  _useState6 = _slicedToArray(_useState5, 2),
95
118
  arrowVisible = _useState6[0],
96
119
  setArrowVisible = _useState6[1];
97
120
 
98
- var _useState7 = useState({
121
+ var _useState7 = (0, _react.useState)({
99
122
  start: true,
100
123
  end: true
101
124
  }),
@@ -103,7 +126,7 @@ export var HeaderTabs = withTheme(function (_ref) {
103
126
  tabsPositionFlags = _useState8[0],
104
127
  setTabsPositionFlags = _useState8[1];
105
128
 
106
- var tabsRef = useRef();
129
+ var tabsRef = (0, _react.useRef)();
107
130
 
108
131
  var getTabsDom = function getTabsDom() {
109
132
  return tabsRef.current;
@@ -210,20 +233,20 @@ export var HeaderTabs = withTheme(function (_ref) {
210
233
  });
211
234
  };
212
235
 
213
- useEffect(function () {
214
- setSelectedKey(props.selectedKey || get(tabs, '0.key'));
236
+ (0, _react.useEffect)(function () {
237
+ setSelectedKey(props.selectedKey || (0, _lodash.get)(tabs, '0.key'));
215
238
  setTabItems(tabs);
216
239
  }, [tabs, props.selectedKey]);
217
- useEffect(function () {}, [props.orgAppListVisible]);
218
- useEffect(function () {
240
+ (0, _react.useEffect)(function () {}, [props.orgAppListVisible]);
241
+ (0, _react.useEffect)(function () {
219
242
  var tabsDom = getTabsDom();
220
243
  setArrowVisible(tabsDom.offsetWidth - tabsDom.parentNode.offsetWidth > 0);
221
244
  }, [tabItems]);
222
- useEffect(function () {
245
+ (0, _react.useEffect)(function () {
223
246
  translateTabsDom(tabItems, selectedKey);
224
247
  }, [tabItems, selectedKey, appListVisible, orgListVisible, orgAppListVisible]);
225
248
  return React.createElement(TabsContainer, _extends({}, props, {
226
- className: cn('tnt-layout-header-tabs', _defineProperty({}, className, className))
249
+ className: (0, _classnames["default"])('tnt-layout-header-tabs', _defineProperty({}, className, className))
227
250
  }), React.createElement(Tabs, {
228
251
  className: "tnt-layout-header-tabs-content",
229
252
  ref: tabsRef
@@ -233,7 +256,7 @@ export var HeaderTabs = withTheme(function (_ref) {
233
256
  return React.createElement(TabItem, {
234
257
  key: tab.key,
235
258
  theme: theme,
236
- className: cn({
259
+ className: (0, _classnames["default"])({
237
260
  active: selectedKey === tab.key,
238
261
  activeTabPreSibling: ((_tabItems = tabItems[index + 1]) == null ? void 0 : _tabItems.key) === selectedKey
239
262
  }),
@@ -248,20 +271,22 @@ export var HeaderTabs = withTheme(function (_ref) {
248
271
  }, {
249
272
  cn: tab.name,
250
273
  en: tab.enName || tab.name
251
- }[language || 'cn']), tab.closable !== false && tabItems.length > 1 && React.createElement(Icon, {
274
+ }[language || 'cn']), tab.closable !== false && tabItems.length > 1 && React.createElement(_Icon["default"], {
252
275
  type: "close",
253
276
  onClick: closeTabHandle.bind(null, tab, index)
254
277
  }));
255
278
  })), arrowVisible && React.createElement("div", {
256
279
  className: "tnt-layout-header-tabs-arrows"
257
- }, React.createElement(Icon, {
280
+ }, React.createElement(_Icon["default"], {
258
281
  type: "left",
259
282
  onClick: onMoveToLeft,
260
283
  disabled: !tabsPositionFlags.start
261
- }), React.createElement(Icon, {
284
+ }), React.createElement(_Icon["default"], {
262
285
  type: "right",
263
286
  onClick: onMoveToRight,
264
287
  disabled: !tabsPositionFlags.end
265
288
  })));
266
289
  });
267
- export default HeaderTabs;
290
+ exports.HeaderTabs = HeaderTabs;
291
+ var _default = HeaderTabs;
292
+ exports["default"] = _default;
@@ -1,4 +1,16 @@
1
- import Icon from '../Icon';
2
- export default (function (props) {
3
- return React.createElement(Icon, props);
4
- });
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ var _Icon = _interopRequireDefault(require("../Icon"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+
12
+ var _default = function _default(props) {
13
+ return React.createElement(_Icon["default"], props);
14
+ };
15
+
16
+ exports["default"] = _default;