tntd 1.4.7 → 1.4.8

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 (79) hide show
  1. package/dist/stats.json +38 -38
  2. package/lib/ArrayInput/icon.js +31 -27
  3. package/lib/ArrayInput/index.js +298 -211
  4. package/lib/AuthContext.js +13 -2
  5. package/lib/Columns/index.js +100 -71
  6. package/lib/DevelopmentLogin/LoginModal.js +141 -79
  7. package/lib/DevelopmentLogin/index.js +55 -28
  8. package/lib/Ellipsis/Svg/CopySVG.js +71 -23
  9. package/lib/Ellipsis/Svg/TickSVG.js +49 -17
  10. package/lib/Ellipsis/index.js +154 -148
  11. package/lib/Handle/index.js +109 -72
  12. package/lib/Icon/fonts/iconfont.js +43 -1
  13. package/lib/Icon/iconList.js +8 -119
  14. package/lib/Icon/index.js +45 -13
  15. package/lib/Img/Contain.js +81 -49
  16. package/lib/Img/Cover.js +136 -88
  17. package/lib/Img/index.js +89 -36
  18. package/lib/Layout/ActionsContext.js +11 -2
  19. package/lib/Layout/AppList.js +256 -262
  20. package/lib/Layout/Application.js +135 -119
  21. package/lib/Layout/Avatar.js +137 -137
  22. package/lib/Layout/CompatibleLanguage.js +195 -214
  23. package/lib/Layout/EnterpriseLayout/Avatar.js +168 -156
  24. package/lib/Layout/EnterpriseLayout/Language.js +100 -75
  25. package/lib/Layout/EnterpriseLayout/Theme.js +94 -96
  26. package/lib/Layout/EnterpriseLayout/index.js +45 -32
  27. package/lib/Layout/GlobalNavigation/NavigationPopup.js +407 -335
  28. package/lib/Layout/GlobalNavigation/index.js +158 -110
  29. package/lib/Layout/Header.js +116 -165
  30. package/lib/Layout/HeaderActions.js +129 -132
  31. package/lib/Layout/HeaderNavs.js +113 -90
  32. package/lib/Layout/HeaderTabs.js +278 -312
  33. package/lib/Layout/Iconfont.js +15 -2
  34. package/lib/Layout/Language.js +102 -63
  35. package/lib/Layout/Layout.js +261 -272
  36. package/lib/Layout/Logo.js +87 -132
  37. package/lib/Layout/OrgAppList.js +319 -440
  38. package/lib/Layout/SideMenu.js +343 -429
  39. package/lib/Layout/Theme.js +124 -95
  40. package/lib/Layout/checkAuth.js +35 -21
  41. package/lib/Layout/createActions.js +51 -38
  42. package/lib/Layout/images/index.js +41 -33
  43. package/lib/Layout/index.js +161 -110
  44. package/lib/Layout/paaslayout/CompactSideMenu.js +178 -200
  45. package/lib/Layout/paaslayout/Header.js +90 -84
  46. package/lib/Layout/paaslayout/Logo.js +32 -27
  47. package/lib/Layout/paaslayout/SideMenu.js +174 -161
  48. package/lib/Layout/paaslayout/index.js +261 -240
  49. package/lib/Layout/storage.js +78 -20
  50. package/lib/Layout/utils.js +143 -93
  51. package/lib/LoadingButton/index.js +67 -25
  52. package/lib/Modal/index.js +108 -83
  53. package/lib/Page/Box.js +81 -56
  54. package/lib/Page/index.js +173 -151
  55. package/lib/Page/utils.js +30 -12
  56. package/lib/QueryForm/Field/Checkbox.js +33 -11
  57. package/lib/QueryForm/Field/Select.js +99 -63
  58. package/lib/QueryForm/Field/SelectInput.js +114 -69
  59. package/lib/QueryForm/Field/fieldsMap.js +52 -30
  60. package/lib/QueryForm/Field/index.js +158 -76
  61. package/lib/QueryForm/createActions.js +65 -50
  62. package/lib/QueryForm/index.js +383 -304
  63. package/lib/QueryForm/useForm.js +17 -6
  64. package/lib/QueryListScene/List.js +366 -290
  65. package/lib/QueryListScene/QueryForm.js +161 -93
  66. package/lib/QueryListScene/QueryListScene.js +87 -33
  67. package/lib/QueryListScene/Title.js +20 -10
  68. package/lib/QueryListScene/Toolbar.js +31 -8
  69. package/lib/QueryListScene/createActions.js +79 -64
  70. package/lib/QueryListScene/index.js +40 -23
  71. package/lib/QueryListScene/useActions.js +17 -6
  72. package/lib/Select/DropDownWrap.js +124 -60
  73. package/lib/Select/index.js +561 -425
  74. package/lib/Table/ResizableTable/index.js +121 -77
  75. package/lib/Table/index.js +51 -19
  76. package/lib/Title/index.js +52 -34
  77. package/lib/index.js +159 -19
  78. package/lib/locale.js +63 -48
  79. package/package.json +1 -1
@@ -1,242 +1,263 @@
1
- import { useState, useEffect } from 'react';
2
- import styled, { withTheme } from 'styled-components';
3
- import cn from 'classnames';
4
- import { Layout } from 'antd';
5
- import { get, reduce, isUndefined } from 'lodash';
6
- import { getSelectedMenuInfo } from '../utils';
7
- import HeaderNavs from '../HeaderNavs';
8
- import Header from './Header';
9
- import SideMenu from './SideMenu';
10
- import CompactSideMenu from './CompactSideMenu';
11
- import { getLanguageStore, getThemeStore } from '../storage';
12
-
13
- const { Content, Sider } = Layout;
14
- const TNTPaasLayout = styled(Layout)`
15
- position: relative;
16
- height: 100vh;
17
- overflow: hidden;
18
- & > .ant-layout {
19
- flex-direction: row;
20
- & > .ant-layout-content {
21
- overflow-x: hidden;
22
- flex: 1;
23
- }
24
- }
25
- .tnt-layout-sider {
26
- overflow-x: hidden;
27
- background: #fff !important;
28
- box-shadow: 0 1px 10px 0 rgba(0,0,0,0.10);
29
- z-index: 8;
30
- }
31
- &.isInIframe, &.isEmptyLayout {
32
- .tnt-layout-sider {
33
- display: none;
34
- }
35
- }
36
- &.tnt-themeS1 .tnt-layout-sider {
37
- background: #fff !important;
38
- }
39
- .tnt-layout-content {
40
- background: ${props => props.theme.lightBgColor};
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
+ require("antd/lib/layout/style");
11
+
12
+ var _layout = _interopRequireDefault(require("antd/lib/layout"));
13
+
14
+ var _react = require("react");
15
+
16
+ var _styledComponents = _interopRequireWildcard(require("styled-components"));
17
+
18
+ var _classnames = _interopRequireDefault(require("classnames"));
19
+
20
+ var _lodash = require("lodash");
21
+
22
+ var _utils = require("../utils");
23
+
24
+ var _HeaderNavs = _interopRequireDefault(require("../HeaderNavs"));
25
+
26
+ var _Header = _interopRequireDefault(require("./Header"));
27
+
28
+ var _SideMenu = _interopRequireDefault(require("./SideMenu"));
29
+
30
+ var _CompactSideMenu = _interopRequireDefault(require("./CompactSideMenu"));
31
+
32
+ var _storage = require("../storage");
33
+
34
+ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
35
+
36
+ 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; }
37
+
38
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
39
+
40
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
41
+
42
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
43
+
44
+ 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; }
45
+
46
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
47
+
48
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
49
+
50
+ function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
51
+
52
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
53
+
54
+ function _templateObject() {
55
+ var data = _taggedTemplateLiteral(["\n position: relative;\n height: 100vh;\n overflow: hidden;\n & > .ant-layout {\n flex-direction: row;\n & > .ant-layout-content {\n overflow-x: hidden;\n flex: 1;\n }\n }\n .tnt-layout-sider {\n overflow-x: hidden;\n background: #fff !important;\n box-shadow: 0 1px 10px 0 rgba(0,0,0,0.10);\n z-index: 8;\n }\n &.isInIframe, &.isEmptyLayout {\n .tnt-layout-sider {\n display: none;\n }\n }\n &.tnt-themeS1 .tnt-layout-sider {\n background: #fff !important;\n }\n .tnt-layout-content {\n background: ", ";\n }\n"]);
56
+
57
+ _templateObject = function _templateObject() {
58
+ return data;
59
+ };
60
+
61
+ return data;
62
+ }
63
+
64
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
65
+
66
+ var Content = _layout["default"].Content,
67
+ Sider = _layout["default"].Sider;
68
+ var TNTPaasLayout = (0, _styledComponents["default"])(_layout["default"])(_templateObject(), function (props) {
69
+ return props.theme.lightBgColor;
70
+ });
71
+
72
+ var noop = function noop() {
73
+ return true;
74
+ };
75
+
76
+ var _default = (0, _styledComponents.withTheme)(function (props) {
77
+ var appKey = props.appKey,
78
+ logo = props.logo,
79
+ name = props.name,
80
+ enName = props.enName,
81
+ isInIframe = props.isInIframe,
82
+ isEmptyLayout = props.isEmptyLayout,
83
+ selectedAppKey = props.selectedAppKey,
84
+ appList = props.appList,
85
+ _props$config = props.config,
86
+ config = _props$config === void 0 ? {} : _props$config,
87
+ extraHeaderActions = props.extraHeaderActions,
88
+ headerNavs = props.headerNavs,
89
+ sideMenu = props.sideMenu,
90
+ selectedMenuKey = props.selectedMenuKey,
91
+ _props$menuAlignMode = props.menuAlignMode,
92
+ menuAlignMode = _props$menuAlignMode === void 0 ? 'side' : _props$menuAlignMode,
93
+ _props$menus = props.menus,
94
+ menus = _props$menus === void 0 ? [] : _props$menus,
95
+ formatMenuPath = props.formatMenuPath,
96
+ changeRouter = props.changeRouter,
97
+ _props$onLogoClick = props.onLogoClick,
98
+ onLogoClick = _props$onLogoClick === void 0 ? noop : _props$onLogoClick,
99
+ _props$onThemeChange = props.onThemeChange,
100
+ _onThemeChange = _props$onThemeChange === void 0 ? noop : _props$onThemeChange,
101
+ _props$onLanguageChan = props.onLanguageChange,
102
+ _onLanguageChange = _props$onLanguageChan === void 0 ? noop : _props$onLanguageChan,
103
+ _props$onApplicationC = props.onApplicationChange,
104
+ _onApplicationChange = _props$onApplicationC === void 0 ? noop : _props$onApplicationC,
105
+ _props$onAppChange = props.onAppChange,
106
+ onAppChange = _props$onAppChange === void 0 ? noop : _props$onAppChange,
107
+ onLogout = props.onLogout,
108
+ _props$onBeforeMenuCh = props.onBeforeMenuChange,
109
+ onBeforeMenuChange = _props$onBeforeMenuCh === void 0 ? noop : _props$onBeforeMenuCh,
110
+ _props$onMenuChange = props.onMenuChange,
111
+ onMenuChange = _props$onMenuChange === void 0 ? noop : _props$onMenuChange,
112
+ _props$onMenuSelect = props.onMenuSelect,
113
+ onMenuSelect = _props$onMenuSelect === void 0 ? noop : _props$onMenuSelect,
114
+ _props$onHeaderNavCha = props.onHeaderNavChange,
115
+ onHeaderNavChange = _props$onHeaderNavCha === void 0 ? noop : _props$onHeaderNavCha;
116
+
117
+ var _useState = (0, _react.useState)(props.userInfo || {}),
118
+ _useState2 = _slicedToArray(_useState, 2),
119
+ userInfo = _useState2[0],
120
+ setUserInfo = _useState2[1];
121
+
122
+ var theme = (0, _storage.getThemeStore)() || userInfo.theme || 'themeS2'; // theme === 'default' ? 'themeS2' : theme;
123
+
124
+ theme = ['default', 'themeS3'].includes(theme) ? 'themeS2' : theme;
125
+ var language = (0, _storage.getLanguageStore)() || userInfo.lang || 'cn';
126
+ var menusMapByApp = menus.reduce(function (acc, menu) {
127
+ var subMenus = menu.children || [];
128
+ var singleGroupMap = subMenus.reduce(function (acc, subMenu) {
129
+ var path = subMenu.path;
130
+ var appKey = !/^http/i.test(path) ? path == null ? void 0 : path.match(/\/([^\/]+)/)[1] : '';
131
+
132
+ if (appKey) {
133
+ acc[appKey] = acc[appKey] || _objectSpread({}, menu, {
134
+ children: []
135
+ });
136
+ acc[appKey].children.push(subMenu);
137
+ }
138
+
139
+ return acc;
140
+ }, {});
141
+
142
+ for (var _appKey in singleGroupMap) {
143
+ acc[_appKey] = acc[_appKey] || [];
144
+
145
+ acc[_appKey].push(singleGroupMap[_appKey]);
41
146
  }
42
- `;
43
- const noop = () => true;
44
-
45
- export default withTheme(
46
- props => {
47
- const {
48
- appKey,
49
- logo,
50
- name,
51
- enName,
52
- isInIframe,
53
- isEmptyLayout,
54
- selectedAppKey,
55
- appList,
56
- config = {},
57
- extraHeaderActions,
58
- headerNavs,
59
- sideMenu,
60
- selectedMenuKey,
61
- menuAlignMode = 'side',
62
- menus = [],
63
- formatMenuPath,
64
- changeRouter,
65
- onLogoClick = noop,
66
- onThemeChange = noop,
67
- onLanguageChange = noop,
68
- onApplicationChange = noop,
69
- onAppChange = noop,
70
- onLogout,
71
- onBeforeMenuChange = noop,
72
- onMenuChange = noop,
73
- onMenuSelect = noop,
74
- onHeaderNavChange = noop
75
- } = props;
76
- const [userInfo, setUserInfo] = useState(props.userInfo || {});
77
- let theme = getThemeStore() || userInfo.theme || 'themeS2';
78
- // theme === 'default' ? 'themeS2' : theme;
79
- theme = ['default','themeS3'].includes(theme) ? 'themeS2' : theme;
80
-
81
- const language = getLanguageStore() || userInfo.lang || 'cn';
82
- const menusMapByApp = menus.reduce((acc, menu) => {
83
- const subMenus = menu.children || [];
84
-
85
- const singleGroupMap = subMenus.reduce((acc, subMenu) => {
86
- const { path } = subMenu;
87
- const appKey = !/^http/i.test(path) ? path?.match(/\/([^\/]+)/)[1] : '';
88
-
89
- if (appKey) {
90
- acc[appKey] = acc[appKey] || {
91
- ...menu,
92
- children: []
93
- };
94
- acc[appKey].children.push(subMenu);
95
- }
96
- return acc;
97
- }, {});
98
-
99
- for (const appKey in singleGroupMap) {
100
- acc[appKey] = acc[appKey] || [];
101
- acc[appKey].push(singleGroupMap[appKey]);
102
- }
103
-
104
- return acc;
105
- }, {});
106
- const [currentAppKey, setCurrentAppKey] = useState(appKey);
107
- const apps = reduce(menusMapByApp, (acc, value, key) => {
108
- acc.push({
109
- appKey: key,
110
- name: key
111
- });
112
- return acc;
113
- }, []);
114
-
115
- const isMenusTop = menuAlignMode === 'top';
116
- let headerNavMenus = headerNavs;
117
- const currentSystemMenus = menusMapByApp[currentAppKey] || [];
118
- const [currentHeaderNavKey, setCurrentHeaderNavKey] = useState(get(currentSystemMenus, '0.code'));
119
- const sideMenus = isMenusTop ? get(
120
- currentSystemMenus.find(
121
- ({ code }) => currentHeaderNavKey === code
122
- ),
123
- 'children',
124
- []
125
- ) : currentSystemMenus;
126
- const FinalSideMenu = isMenusTop ? CompactSideMenu : SideMenu;
127
-
128
- // 一级菜单放在顶部(Header里面菜单作为一级导航)
129
- if (isMenusTop) {
130
- headerNavMenus = (
131
- <HeaderNavs
132
- selectedKey={currentHeaderNavKey}
133
- navs={currentSystemMenus.map(
134
- item => ({
135
- ...item,
136
- key: item.code,
137
- name: item.groupName
138
- })
139
- )}
140
- onChange={item => {
141
- setCurrentHeaderNavKey(item.key);
142
- onHeaderNavChange(item);
143
- }}
144
- />
145
- );
146
- }
147
-
148
- useEffect(() => {
149
- setUserInfo(props.userInfo);
150
- }, [props.userInfo]);
151
-
152
- useEffect(() => {
153
- if (isMenusTop) {
154
- setCurrentHeaderNavKey(get(getSelectedMenuInfo(selectedMenuKey, menus), 'menu.code'));
155
- }
156
- }, [menus, selectedMenuKey]);
157
-
158
- return (
159
- <TNTPaasLayout className={cn(
160
- `tnt-${theme} ${props.className || ''}`,
161
- {
162
- 'large-size': props.theme.size === 'large',
163
- compatible: props.theme.compatible,
164
- isInIframe,
165
- isEmptyLayout,
166
- noAppList: !appList
167
- }
168
- )}>
169
- <Header
170
- logo={logo}
171
- name={name}
172
- enName={enName}
173
- language={language}
174
- theme={theme}
175
- userInfo={userInfo}
176
- config={config}
177
- appKey={currentAppKey}
178
- selectedAppKey={selectedAppKey}
179
- menus={menus}
180
- appList={appList}
181
- apps={apps}
182
- extraActions={extraHeaderActions}
183
- onLogoClick={onLogoClick}
184
- onAppChange={onAppChange}
185
- onThemeChange={
186
- theme => {
187
- setUserInfo({
188
- ...userInfo,
189
- theme
190
- });
191
- onThemeChange && onThemeChange(theme);
192
- }
193
- }
194
- onLanguageChange={
195
- lang => {
196
- setUserInfo({
197
- ...userInfo,
198
- lang
199
- });
200
- onLanguageChange && onLanguageChange(lang);
201
- }
202
- }
203
- onApplicationChange={
204
- appKey => {
205
- setCurrentAppKey(appKey);
206
- onApplicationChange(appKey);
207
- }
208
- }
209
- onLogout={onLogout}
210
- >
211
- {headerNavMenus}
212
- </Header>
213
- <Layout>
214
- {
215
- !isUndefined(sideMenu) ? sideMenu : (
216
- <Sider
217
- breakpoint="md"
218
- className="tnt-layout-sider"
219
- width={220}
220
- trigger={null}
221
- >
222
- <FinalSideMenu
223
- language={language}
224
- selectedKey={selectedMenuKey}
225
- menus={sideMenus}
226
- formatMenuPath={formatMenuPath}
227
- changeRouter={changeRouter}
228
- onBeforeChange={onBeforeMenuChange}
229
- onChange={onMenuChange}
230
- onSelect={onMenuSelect}
231
- />
232
- </Sider>
233
- )
234
- }
235
- <Content className="tnt-layout-content">
236
- {props.children}
237
- </Content>
238
- </Layout>
239
- </TNTPaasLayout>
240
- );
147
+
148
+ return acc;
149
+ }, {});
150
+
151
+ var _useState3 = (0, _react.useState)(appKey),
152
+ _useState4 = _slicedToArray(_useState3, 2),
153
+ currentAppKey = _useState4[0],
154
+ setCurrentAppKey = _useState4[1];
155
+
156
+ var apps = (0, _lodash.reduce)(menusMapByApp, function (acc, value, key) {
157
+ acc.push({
158
+ appKey: key,
159
+ name: key
160
+ });
161
+ return acc;
162
+ }, []);
163
+ var isMenusTop = menuAlignMode === 'top';
164
+ var headerNavMenus = headerNavs;
165
+ var currentSystemMenus = menusMapByApp[currentAppKey] || [];
166
+
167
+ var _useState5 = (0, _react.useState)((0, _lodash.get)(currentSystemMenus, '0.code')),
168
+ _useState6 = _slicedToArray(_useState5, 2),
169
+ currentHeaderNavKey = _useState6[0],
170
+ setCurrentHeaderNavKey = _useState6[1];
171
+
172
+ var sideMenus = isMenusTop ? (0, _lodash.get)(currentSystemMenus.find(function (_ref) {
173
+ var code = _ref.code;
174
+ return currentHeaderNavKey === code;
175
+ }), 'children', []) : currentSystemMenus;
176
+ var FinalSideMenu = isMenusTop ? _CompactSideMenu["default"] : _SideMenu["default"]; // 一级菜单放在顶部(Header里面菜单作为一级导航)
177
+
178
+ if (isMenusTop) {
179
+ headerNavMenus = React.createElement(_HeaderNavs["default"], {
180
+ selectedKey: currentHeaderNavKey,
181
+ navs: currentSystemMenus.map(function (item) {
182
+ return _objectSpread({}, item, {
183
+ key: item.code,
184
+ name: item.groupName
185
+ });
186
+ }),
187
+ onChange: function onChange(item) {
188
+ setCurrentHeaderNavKey(item.key);
189
+ onHeaderNavChange(item);
190
+ }
191
+ });
192
+ }
193
+
194
+ (0, _react.useEffect)(function () {
195
+ setUserInfo(props.userInfo);
196
+ }, [props.userInfo]);
197
+ (0, _react.useEffect)(function () {
198
+ if (isMenusTop) {
199
+ setCurrentHeaderNavKey((0, _lodash.get)((0, _utils.getSelectedMenuInfo)(selectedMenuKey, menus), 'menu.code'));
241
200
  }
242
- );
201
+ }, [menus, selectedMenuKey]);
202
+ return React.createElement(TNTPaasLayout, {
203
+ className: (0, _classnames["default"])("tnt-".concat(theme, " ").concat(props.className || ''), {
204
+ 'large-size': props.theme.size === 'large',
205
+ compatible: props.theme.compatible,
206
+ isInIframe: isInIframe,
207
+ isEmptyLayout: isEmptyLayout,
208
+ noAppList: !appList
209
+ })
210
+ }, React.createElement(_Header["default"], {
211
+ logo: logo,
212
+ name: name,
213
+ enName: enName,
214
+ language: language,
215
+ theme: theme,
216
+ userInfo: userInfo,
217
+ config: config,
218
+ appKey: currentAppKey,
219
+ selectedAppKey: selectedAppKey,
220
+ menus: menus,
221
+ appList: appList,
222
+ apps: apps,
223
+ extraActions: extraHeaderActions,
224
+ onLogoClick: onLogoClick,
225
+ onAppChange: onAppChange,
226
+ onThemeChange: function onThemeChange(theme) {
227
+ setUserInfo(_objectSpread({}, userInfo, {
228
+ theme: theme
229
+ }));
230
+ _onThemeChange && _onThemeChange(theme);
231
+ },
232
+ onLanguageChange: function onLanguageChange(lang) {
233
+ setUserInfo(_objectSpread({}, userInfo, {
234
+ lang: lang
235
+ }));
236
+ _onLanguageChange && _onLanguageChange(lang);
237
+ },
238
+ onApplicationChange: function onApplicationChange(appKey) {
239
+ setCurrentAppKey(appKey);
240
+
241
+ _onApplicationChange(appKey);
242
+ },
243
+ onLogout: onLogout
244
+ }, headerNavMenus), React.createElement(_layout["default"], null, !(0, _lodash.isUndefined)(sideMenu) ? sideMenu : React.createElement(Sider, {
245
+ breakpoint: "md",
246
+ className: "tnt-layout-sider",
247
+ width: 220,
248
+ trigger: null
249
+ }, React.createElement(FinalSideMenu, {
250
+ language: language,
251
+ selectedKey: selectedMenuKey,
252
+ menus: sideMenus,
253
+ formatMenuPath: formatMenuPath,
254
+ changeRouter: changeRouter,
255
+ onBeforeChange: onBeforeMenuChange,
256
+ onChange: onMenuChange,
257
+ onSelect: onMenuSelect
258
+ })), React.createElement(Content, {
259
+ className: "tnt-layout-content"
260
+ }, props.children)));
261
+ });
262
+
263
+ exports["default"] = _default;
@@ -1,32 +1,90 @@
1
- import { safeParseJSON } from './utils';
1
+ "use strict";
2
2
 
3
- export const getSideMenuStore = () => safeParseJSON(localStorage.getItem('sideMenu'), {});
4
- export const setSideMenuStore = (params = {}) => {
5
- localStorage.setItem('sideMenu', JSON.stringify({
6
- ...getSideMenuStore(),
7
- ...params
8
- }));
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getThemeStore = exports.setThemeStore = exports.getLanguageStore = exports.setLanguageStore = exports.getCurrentOrgTreeStore = exports.setCurrentOrgTreeStore = exports.getCurrentOrgStore = exports.setCurrentOrgStore = exports.getCurrentAppStore = exports.setCurrentAppStore = exports.setSideMenuStore = exports.getSideMenuStore = void 0;
7
+
8
+ var _utils = require("./utils");
9
+
10
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
11
+
12
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
13
+
14
+ 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; }
15
+
16
+ var getSideMenuStore = function getSideMenuStore() {
17
+ return (0, _utils.safeParseJSON)(localStorage.getItem('sideMenu'), {});
9
18
  };
10
19
 
11
- export const setCurrentAppStore = (currentApp = {}) => {
12
- localStorage.setItem('currentApp', JSON.stringify(currentApp));
20
+ exports.getSideMenuStore = getSideMenuStore;
21
+
22
+ var setSideMenuStore = function setSideMenuStore() {
23
+ var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
24
+ localStorage.setItem('sideMenu', JSON.stringify(_objectSpread({}, getSideMenuStore(), {}, params)));
13
25
  };
14
- export const getCurrentAppStore = () => safeParseJSON(localStorage.getItem('currentApp'), {});
15
26
 
27
+ exports.setSideMenuStore = setSideMenuStore;
16
28
 
17
- export const setCurrentOrgStore = (currentOrg = {}) => {
18
- localStorage.setItem('currentOrg', JSON.stringify(currentOrg));
29
+ var setCurrentAppStore = function setCurrentAppStore() {
30
+ var currentApp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
31
+ localStorage.setItem('currentApp', JSON.stringify(currentApp));
19
32
  };
20
- export const getCurrentOrgStore = () => safeParseJSON(localStorage.getItem('currentOrg'), {});
21
33
 
22
- export const setCurrentOrgTreeStore = (currentOrgTree = []) => {
23
- localStorage.setItem('currentOrgTree', JSON.stringify(currentOrgTree));
34
+ exports.setCurrentAppStore = setCurrentAppStore;
35
+
36
+ var getCurrentAppStore = function getCurrentAppStore() {
37
+ return (0, _utils.safeParseJSON)(localStorage.getItem('currentApp'), {});
24
38
  };
25
- export const getCurrentOrgTreeStore = () => safeParseJSON(localStorage.getItem('currentOrgTree'), []);
26
39
 
40
+ exports.getCurrentAppStore = getCurrentAppStore;
41
+
42
+ var setCurrentOrgStore = function setCurrentOrgStore() {
43
+ var currentOrg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
44
+ localStorage.setItem('currentOrg', JSON.stringify(currentOrg));
45
+ };
46
+
47
+ exports.setCurrentOrgStore = setCurrentOrgStore;
48
+
49
+ var getCurrentOrgStore = function getCurrentOrgStore() {
50
+ return (0, _utils.safeParseJSON)(localStorage.getItem('currentOrg'), {});
51
+ };
52
+
53
+ exports.getCurrentOrgStore = getCurrentOrgStore;
54
+
55
+ var setCurrentOrgTreeStore = function setCurrentOrgTreeStore() {
56
+ var currentOrgTree = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
57
+ localStorage.setItem('currentOrgTree', JSON.stringify(currentOrgTree));
58
+ };
27
59
 
28
- export const setLanguageStore = lang => localStorage.setItem('lang', lang);
29
- export const getLanguageStore = () => localStorage.getItem('lang');
60
+ exports.setCurrentOrgTreeStore = setCurrentOrgTreeStore;
61
+
62
+ var getCurrentOrgTreeStore = function getCurrentOrgTreeStore() {
63
+ return (0, _utils.safeParseJSON)(localStorage.getItem('currentOrgTree'), []);
64
+ };
65
+
66
+ exports.getCurrentOrgTreeStore = getCurrentOrgTreeStore;
67
+
68
+ var setLanguageStore = function setLanguageStore(lang) {
69
+ return localStorage.setItem('lang', lang);
70
+ };
71
+
72
+ exports.setLanguageStore = setLanguageStore;
73
+
74
+ var getLanguageStore = function getLanguageStore() {
75
+ return localStorage.getItem('lang');
76
+ };
77
+
78
+ exports.getLanguageStore = getLanguageStore;
79
+
80
+ var setThemeStore = function setThemeStore(theme) {
81
+ return localStorage.setItem('theme', theme);
82
+ };
83
+
84
+ exports.setThemeStore = setThemeStore;
85
+
86
+ var getThemeStore = function getThemeStore() {
87
+ return localStorage.getItem('theme');
88
+ };
30
89
 
31
- export const setThemeStore = theme => localStorage.setItem('theme', theme);
32
- export const getThemeStore = () => localStorage.getItem('theme');
90
+ exports.getThemeStore = getThemeStore;