tntd 1.4.7 → 1.4.10

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 (85) hide show
  1. package/components/DevelopmentLogin/LoginModal.js +2 -2
  2. package/components/Layout/HeaderTabs.js +98 -73
  3. package/dist/1.tntd.js +1 -1
  4. package/dist/stats.json +98 -98
  5. package/dist/tntd.js +1 -1
  6. package/es/DevelopmentLogin/LoginModal.js +2 -2
  7. package/es/Layout/HeaderTabs.js +19 -15
  8. package/lib/ArrayInput/icon.js +31 -27
  9. package/lib/ArrayInput/index.js +298 -211
  10. package/lib/AuthContext.js +13 -2
  11. package/lib/Columns/index.js +100 -71
  12. package/lib/DevelopmentLogin/LoginModal.js +141 -79
  13. package/lib/DevelopmentLogin/index.js +55 -28
  14. package/lib/Ellipsis/Svg/CopySVG.js +71 -23
  15. package/lib/Ellipsis/Svg/TickSVG.js +49 -17
  16. package/lib/Ellipsis/index.js +154 -148
  17. package/lib/Handle/index.js +109 -72
  18. package/lib/Icon/fonts/iconfont.js +43 -1
  19. package/lib/Icon/iconList.js +8 -119
  20. package/lib/Icon/index.js +45 -13
  21. package/lib/Img/Contain.js +81 -49
  22. package/lib/Img/Cover.js +136 -88
  23. package/lib/Img/index.js +89 -36
  24. package/lib/Layout/ActionsContext.js +11 -2
  25. package/lib/Layout/AppList.js +256 -262
  26. package/lib/Layout/Application.js +135 -119
  27. package/lib/Layout/Avatar.js +137 -137
  28. package/lib/Layout/CompatibleLanguage.js +195 -214
  29. package/lib/Layout/EnterpriseLayout/Avatar.js +168 -156
  30. package/lib/Layout/EnterpriseLayout/Language.js +100 -75
  31. package/lib/Layout/EnterpriseLayout/Theme.js +94 -96
  32. package/lib/Layout/EnterpriseLayout/index.js +45 -32
  33. package/lib/Layout/GlobalNavigation/NavigationPopup.js +407 -335
  34. package/lib/Layout/GlobalNavigation/index.js +158 -110
  35. package/lib/Layout/Header.js +116 -165
  36. package/lib/Layout/HeaderActions.js +129 -132
  37. package/lib/Layout/HeaderNavs.js +113 -90
  38. package/lib/Layout/HeaderTabs.js +282 -312
  39. package/lib/Layout/Iconfont.js +15 -2
  40. package/lib/Layout/Language.js +102 -63
  41. package/lib/Layout/Layout.js +261 -272
  42. package/lib/Layout/Logo.js +87 -132
  43. package/lib/Layout/OrgAppList.js +319 -440
  44. package/lib/Layout/SideMenu.js +343 -429
  45. package/lib/Layout/Theme.js +124 -95
  46. package/lib/Layout/checkAuth.js +35 -21
  47. package/lib/Layout/createActions.js +51 -38
  48. package/lib/Layout/images/index.js +41 -33
  49. package/lib/Layout/index.js +161 -110
  50. package/lib/Layout/paaslayout/CompactSideMenu.js +178 -200
  51. package/lib/Layout/paaslayout/Header.js +90 -84
  52. package/lib/Layout/paaslayout/Logo.js +32 -27
  53. package/lib/Layout/paaslayout/SideMenu.js +174 -161
  54. package/lib/Layout/paaslayout/index.js +261 -240
  55. package/lib/Layout/storage.js +78 -20
  56. package/lib/Layout/utils.js +143 -93
  57. package/lib/LoadingButton/index.js +67 -25
  58. package/lib/Modal/index.js +108 -83
  59. package/lib/Page/Box.js +81 -56
  60. package/lib/Page/index.js +173 -151
  61. package/lib/Page/utils.js +30 -12
  62. package/lib/QueryForm/Field/Checkbox.js +33 -11
  63. package/lib/QueryForm/Field/Select.js +99 -63
  64. package/lib/QueryForm/Field/SelectInput.js +114 -69
  65. package/lib/QueryForm/Field/fieldsMap.js +52 -30
  66. package/lib/QueryForm/Field/index.js +158 -76
  67. package/lib/QueryForm/createActions.js +65 -50
  68. package/lib/QueryForm/index.js +383 -304
  69. package/lib/QueryForm/useForm.js +17 -6
  70. package/lib/QueryListScene/List.js +366 -290
  71. package/lib/QueryListScene/QueryForm.js +161 -93
  72. package/lib/QueryListScene/QueryListScene.js +87 -33
  73. package/lib/QueryListScene/Title.js +20 -10
  74. package/lib/QueryListScene/Toolbar.js +31 -8
  75. package/lib/QueryListScene/createActions.js +79 -64
  76. package/lib/QueryListScene/index.js +40 -23
  77. package/lib/QueryListScene/useActions.js +17 -6
  78. package/lib/Select/DropDownWrap.js +124 -60
  79. package/lib/Select/index.js +561 -425
  80. package/lib/Table/ResizableTable/index.js +121 -77
  81. package/lib/Table/index.js +51 -19
  82. package/lib/Title/index.js +52 -34
  83. package/lib/index.js +159 -19
  84. package/lib/locale.js +63 -48
  85. 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;