tntd 1.4.27 → 1.4.29
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.
- package/babel.config.js +20 -20
- package/components/Handle/index.js +12 -5
- package/dist/stats.json +5278 -5260
- package/dist/tntd.js +1 -1
- package/es/ArrayInput/icon.js +3 -11
- package/es/ArrayInput/index.js +57 -67
- package/es/AuthContext.js +3 -13
- package/es/Columns/index.js +12 -24
- package/es/DevelopmentLogin/LoginModal.js +22 -29
- package/es/DevelopmentLogin/index.js +13 -29
- package/es/Ellipsis/Svg/CopySVG.js +2 -11
- package/es/Ellipsis/Svg/TickSVG.js +2 -11
- package/es/Ellipsis/index.js +25 -33
- package/es/Handle/index.js +41 -51
- package/es/Icon/fonts/iconfont.js +0 -2
- package/es/Icon/iconList.js +1 -8
- package/es/Icon/index.js +5 -25
- package/es/Img/Contain.js +8 -21
- package/es/Img/Cover.js +11 -29
- package/es/Img/index.js +8 -22
- package/es/Layout/ActionsContext.js +2 -12
- package/es/Layout/AppList.js +42 -58
- package/es/Layout/Application.js +24 -44
- package/es/Layout/Avatar.js +23 -45
- package/es/Layout/CompatibleLanguage.js +29 -51
- package/es/Layout/EnterpriseLayout/Avatar.js +32 -54
- package/es/Layout/EnterpriseLayout/Language.js +15 -39
- package/es/Layout/EnterpriseLayout/Theme.js +15 -31
- package/es/Layout/EnterpriseLayout/index.js +9 -24
- package/es/Layout/GlobalNavigation/NavigationPopup.js +29 -53
- package/es/Layout/GlobalNavigation/index.js +23 -51
- package/es/Layout/Header.js +19 -40
- package/es/Layout/HeaderActions.js +19 -43
- package/es/Layout/HeaderNavs.js +12 -35
- package/es/Layout/HeaderTabs.js +25 -50
- package/es/Layout/Iconfont.js +4 -16
- package/es/Layout/Language.js +14 -38
- package/es/Layout/Layout.js +32 -58
- package/es/Layout/Logo.js +12 -26
- package/es/Layout/OrgAppList.js +36 -52
- package/es/Layout/SideMenu.js +32 -57
- package/es/Layout/Theme.js +21 -39
- package/es/Layout/createActions.js +6 -19
- package/es/Layout/images/index.js +58 -95
- package/es/Layout/index.js +28 -70
- package/es/Layout/paaslayout/CompactSideMenu.js +17 -35
- package/es/Layout/paaslayout/Header.js +17 -31
- package/es/Layout/paaslayout/Logo.js +9 -19
- package/es/Layout/paaslayout/SideMenu.js +12 -29
- package/es/Layout/paaslayout/index.js +32 -58
- package/es/Layout/storage.js +21 -71
- package/es/LoadingButton/index.js +8 -17
- package/es/Modal/index.js +16 -29
- package/es/Page/Box.js +8 -18
- package/es/Page/index.js +29 -47
- package/es/Page/utils.js +1 -12
- package/es/QueryForm/Field/Checkbox.js +5 -13
- package/es/QueryForm/Field/Select.js +12 -28
- package/es/QueryForm/Field/SelectInput.js +18 -33
- package/es/QueryForm/Field/fieldsMap.js +23 -36
- package/es/QueryForm/Field/index.js +12 -25
- package/es/QueryForm/createActions.js +7 -20
- package/es/QueryForm/index.js +50 -66
- package/es/QueryForm/useForm.js +4 -16
- package/es/QueryListScene/List.js +30 -43
- package/es/QueryListScene/QueryForm.js +9 -21
- package/es/QueryListScene/QueryListScene.js +16 -29
- package/es/QueryListScene/Title.js +5 -17
- package/es/QueryListScene/Toolbar.js +4 -16
- package/es/QueryListScene/createActions.js +13 -26
- package/es/QueryListScene/index.js +19 -40
- package/es/QueryListScene/useActions.js +4 -16
- package/es/Select/DropDownWrap.js +6 -18
- package/es/Select/index.js +15 -28
- package/es/Table/ResizableTable/index.js +18 -32
- package/es/Table/index.js +11 -30
- package/es/Title/index.js +5 -18
- package/es/index.js +20 -193
- package/es/locale.js +8 -27
- package/es/utils/checkAuth.js +4 -15
- package/es/utils/findMenuInfoByPath.js +5 -16
- package/es/utils/index.js +10 -70
- package/lib/ArrayInput/index.js +28 -12
- package/lib/Columns/index.js +10 -4
- package/lib/DevelopmentLogin/LoginModal.js +23 -9
- package/lib/Ellipsis/index.js +10 -4
- package/lib/Handle/index.js +32 -15
- package/lib/Layout/AppList.js +30 -12
- package/lib/Layout/Application.js +5 -3
- package/lib/Layout/Avatar.js +12 -6
- package/lib/Layout/CompatibleLanguage.js +5 -3
- package/lib/Layout/EnterpriseLayout/Avatar.js +18 -8
- package/lib/Layout/EnterpriseLayout/Theme.js +5 -3
- package/lib/Layout/HeaderActions.js +7 -5
- package/lib/Layout/Layout.js +9 -7
- package/lib/Layout/OrgAppList.js +19 -7
- package/lib/Layout/SideMenu.js +9 -7
- package/lib/Layout/Theme.js +5 -3
- package/lib/Layout/paaslayout/index.js +10 -8
- package/lib/LoadingButton/index.js +6 -2
- package/lib/Modal/index.js +5 -3
- package/lib/Page/Box.js +5 -3
- package/lib/QueryForm/Field/Checkbox.js +6 -2
- package/lib/QueryForm/Field/Select.js +8 -4
- package/lib/QueryForm/Field/SelectInput.js +13 -5
- package/lib/QueryForm/Field/fieldsMap.js +18 -8
- package/lib/QueryForm/Field/index.js +7 -3
- package/lib/QueryForm/index.js +27 -13
- package/lib/QueryListScene/List.js +7 -5
- package/lib/Select/index.js +14 -8
- package/lib/Table/ResizableTable/index.js +5 -3
- package/lib/Table/index.js +7 -5
- package/package.json +1 -1
|
@@ -1,22 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
|
|
10
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
|
-
|
|
12
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
-
|
|
14
|
-
var _utils = require("../../utils");
|
|
15
|
-
|
|
16
|
-
var _Iconfont = _interopRequireDefault(require("../Iconfont"));
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
|
|
21
2
|
|
|
22
3
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
|
|
@@ -47,11 +28,14 @@ function _templateObject() {
|
|
|
47
28
|
|
|
48
29
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
49
30
|
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
31
|
+
import { useState, useEffect, Component } from 'react';
|
|
32
|
+
import styled from 'styled-components';
|
|
33
|
+
import cn from 'classnames';
|
|
34
|
+
import { isNewTabMenu, openInNewTab } from '../../utils';
|
|
35
|
+
import Iconfont from '../Iconfont';
|
|
36
|
+
var SideMenu = styled.ul(_templateObject());
|
|
37
|
+
var SubMenu = styled.ul(_templateObject2());
|
|
38
|
+
export default (function (props) {
|
|
55
39
|
var language = props.language,
|
|
56
40
|
_props$menus = props.menus,
|
|
57
41
|
menus = _props$menus === void 0 ? [] : _props$menus,
|
|
@@ -61,14 +45,14 @@ var _default = function _default(props) {
|
|
|
61
45
|
onChange = props.onChange,
|
|
62
46
|
onSelect = props.onSelect;
|
|
63
47
|
|
|
64
|
-
var _useState =
|
|
48
|
+
var _useState = useState(selectedKey),
|
|
65
49
|
_useState2 = _slicedToArray(_useState, 2),
|
|
66
50
|
activeMenu = _useState2[0],
|
|
67
51
|
setActiveMenu = _useState2[1];
|
|
68
52
|
|
|
69
53
|
var defaultBeforeChange = function defaultBeforeChange(_ref) {
|
|
70
54
|
var data = _ref.data;
|
|
71
|
-
return !
|
|
55
|
+
return !isNewTabMenu(data);
|
|
72
56
|
};
|
|
73
57
|
|
|
74
58
|
var defaultSelect = function defaultSelect(_ref2) {
|
|
@@ -83,8 +67,8 @@ var _default = function _default(props) {
|
|
|
83
67
|
return path;
|
|
84
68
|
};
|
|
85
69
|
|
|
86
|
-
if (
|
|
87
|
-
|
|
70
|
+
if (isNewTabMenu(data)) {
|
|
71
|
+
openInNewTab(formatPath(data == null ? void 0 : data.path, data));
|
|
88
72
|
return;
|
|
89
73
|
}
|
|
90
74
|
|
|
@@ -136,10 +120,10 @@ var _default = function _default(props) {
|
|
|
136
120
|
domEvent: evt
|
|
137
121
|
});
|
|
138
122
|
},
|
|
139
|
-
className: (
|
|
123
|
+
className: cn({
|
|
140
124
|
active: code === activeMenu
|
|
141
125
|
})
|
|
142
|
-
}, React.createElement("span", null, typeof (icon || '') === 'string' ? React.createElement(
|
|
126
|
+
}, React.createElement("span", null, typeof (icon || '') === 'string' ? React.createElement(Iconfont, {
|
|
143
127
|
type: icon
|
|
144
128
|
}) : icon, {
|
|
145
129
|
cn: menuName,
|
|
@@ -151,7 +135,7 @@ var _default = function _default(props) {
|
|
|
151
135
|
return React.createElement("li", {
|
|
152
136
|
key: code,
|
|
153
137
|
className: "group-menu-item"
|
|
154
|
-
}, React.createElement("span", null, icon instanceof
|
|
138
|
+
}, React.createElement("span", null, icon instanceof Component ? icon : React.createElement(Iconfont, {
|
|
155
139
|
type: icon
|
|
156
140
|
}), {
|
|
157
141
|
cn: groupName,
|
|
@@ -169,7 +153,7 @@ var _default = function _default(props) {
|
|
|
169
153
|
});
|
|
170
154
|
};
|
|
171
155
|
|
|
172
|
-
|
|
156
|
+
useEffect(function () {
|
|
173
157
|
setActiveMenu(selectedKey);
|
|
174
158
|
}, [selectedKey]);
|
|
175
159
|
return React.createElement(SideMenu, {
|
|
@@ -180,6 +164,4 @@ var _default = function _default(props) {
|
|
|
180
164
|
key: menu.code
|
|
181
165
|
});
|
|
182
166
|
}));
|
|
183
|
-
};
|
|
184
|
-
|
|
185
|
-
exports["default"] = _default;
|
|
167
|
+
});
|
|
@@ -1,22 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
|
|
10
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
|
-
|
|
12
|
-
var _HeaderActions = _interopRequireDefault(require("../HeaderActions"));
|
|
13
|
-
|
|
14
|
-
var _AppList = _interopRequireDefault(require("../AppList"));
|
|
15
|
-
|
|
16
|
-
var _Logo = _interopRequireDefault(require("./Logo"));
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
1
|
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); }
|
|
21
2
|
|
|
22
3
|
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; }
|
|
@@ -47,13 +28,20 @@ function _templateObject() {
|
|
|
47
28
|
|
|
48
29
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
49
30
|
|
|
50
|
-
|
|
31
|
+
/**
|
|
32
|
+
* @file Layout header
|
|
33
|
+
* @author zhangyou
|
|
34
|
+
*/
|
|
35
|
+
import { useRef } from 'react';
|
|
36
|
+
import styled from 'styled-components';
|
|
37
|
+
import Actions from '../HeaderActions';
|
|
38
|
+
import AppList from '../AppList';
|
|
39
|
+
import Logo from './Logo';
|
|
40
|
+
var Header = styled.div(_templateObject(), function (props) {
|
|
51
41
|
return "".concat(props.theme.headerHeight, "px");
|
|
52
42
|
});
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
var _default = function _default(props) {
|
|
43
|
+
var Content = styled.div(_templateObject2());
|
|
44
|
+
export default (function (props) {
|
|
57
45
|
var logo = props.logo,
|
|
58
46
|
name = props.name,
|
|
59
47
|
enName = props.enName,
|
|
@@ -68,24 +56,22 @@ var _default = function _default(props) {
|
|
|
68
56
|
application: true
|
|
69
57
|
}, props.config);
|
|
70
58
|
|
|
71
|
-
var headerRef =
|
|
59
|
+
var headerRef = useRef();
|
|
72
60
|
return React.createElement(Header, {
|
|
73
61
|
ref: headerRef
|
|
74
|
-
}, React.createElement(
|
|
62
|
+
}, React.createElement(Logo, {
|
|
75
63
|
language: language,
|
|
76
64
|
logo: logo,
|
|
77
65
|
name: name,
|
|
78
66
|
enName: enName,
|
|
79
67
|
onClick: onLogoClick
|
|
80
|
-
}), appList && React.createElement(
|
|
68
|
+
}), appList && React.createElement(AppList, {
|
|
81
69
|
items: appList,
|
|
82
70
|
selectedKey: selectedAppKey,
|
|
83
71
|
onChange: onAppChange
|
|
84
|
-
}), React.createElement(Content, null, props.children), React.createElement(
|
|
72
|
+
}), React.createElement(Content, null, props.children), React.createElement(Actions, _extends({}, props, {
|
|
85
73
|
config: config,
|
|
86
74
|
headerRef: headerRef,
|
|
87
75
|
className: "paas-header-actions"
|
|
88
76
|
}), extraActions));
|
|
89
|
-
};
|
|
90
|
-
|
|
91
|
-
exports["default"] = _default;
|
|
77
|
+
});
|
|
@@ -1,16 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
|
-
|
|
10
|
-
var _Logo = _interopRequireDefault(require("../Logo"));
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
-
|
|
14
1
|
function _templateObject() {
|
|
15
2
|
var data = _taggedTemplateLiteral(["\n color: #17233d !important;\n letter-spacing: 0;\n background: #fff !important;\n box-shadow: none !important;\n .isInIframe & {\n display: none;\n }\n\n &:after {\n display: none;\n }\n\n .tnt-themeS1 & {\n color: rgba(255,255,255,.85) !important;\n background: #323b4a !important;\n }\n"]);
|
|
16
3
|
|
|
@@ -23,10 +10,13 @@ function _templateObject() {
|
|
|
23
10
|
|
|
24
11
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
25
12
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
13
|
+
/**
|
|
14
|
+
* @file Logo
|
|
15
|
+
* @author zhangyou
|
|
16
|
+
*/
|
|
17
|
+
import styled from 'styled-components';
|
|
18
|
+
import Logo from '../Logo';
|
|
19
|
+
var LogoWrapper = styled(Logo)(_templateObject());
|
|
20
|
+
export default (function (props) {
|
|
29
21
|
return React.createElement(LogoWrapper, props);
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
exports["default"] = _default;
|
|
22
|
+
});
|
|
@@ -1,20 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
|
|
10
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
|
-
|
|
12
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
-
|
|
14
|
-
var _Iconfont = _interopRequireDefault(require("../Iconfont"));
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
-
|
|
18
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
|
|
19
2
|
|
|
20
3
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
|
|
@@ -45,11 +28,13 @@ function _templateObject() {
|
|
|
45
28
|
|
|
46
29
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
47
30
|
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
var
|
|
31
|
+
import { useState, useEffect, Component } from 'react';
|
|
32
|
+
import styled from 'styled-components';
|
|
33
|
+
import cn from 'classnames';
|
|
34
|
+
import Iconfont from '../Iconfont';
|
|
35
|
+
var SideMenu = styled.ul(_templateObject());
|
|
36
|
+
var SubMenu = styled.ul(_templateObject2());
|
|
37
|
+
export default (function (props) {
|
|
53
38
|
var language = props.language,
|
|
54
39
|
_props$menus = props.menus,
|
|
55
40
|
menus = _props$menus === void 0 ? [] : _props$menus,
|
|
@@ -60,7 +45,7 @@ var _default = function _default(props) {
|
|
|
60
45
|
onChange = props.onChange,
|
|
61
46
|
onSelect = props.onSelect;
|
|
62
47
|
|
|
63
|
-
var _useState =
|
|
48
|
+
var _useState = useState(selectedKey),
|
|
64
49
|
_useState2 = _slicedToArray(_useState, 2),
|
|
65
50
|
activeMenu = _useState2[0],
|
|
66
51
|
setActiveMenu = _useState2[1];
|
|
@@ -136,7 +121,7 @@ var _default = function _default(props) {
|
|
|
136
121
|
domEvent: evt
|
|
137
122
|
});
|
|
138
123
|
},
|
|
139
|
-
className: (
|
|
124
|
+
className: cn({
|
|
140
125
|
active: code === activeMenu
|
|
141
126
|
})
|
|
142
127
|
}, React.createElement("a", {
|
|
@@ -144,7 +129,7 @@ var _default = function _default(props) {
|
|
|
144
129
|
onClick: function onClick(evt) {
|
|
145
130
|
return evt.preventDefault();
|
|
146
131
|
}
|
|
147
|
-
}, icon instanceof
|
|
132
|
+
}, icon instanceof Component ? icon : React.createElement(Iconfont, {
|
|
148
133
|
type: icon
|
|
149
134
|
}), React.createElement("span", null, {
|
|
150
135
|
cn: menuName,
|
|
@@ -171,7 +156,7 @@ var _default = function _default(props) {
|
|
|
171
156
|
});
|
|
172
157
|
};
|
|
173
158
|
|
|
174
|
-
|
|
159
|
+
useEffect(function () {
|
|
175
160
|
setActiveMenu(selectedKey);
|
|
176
161
|
}, [selectedKey]);
|
|
177
162
|
return React.createElement(SideMenu, null, menus.map(function (menu) {
|
|
@@ -180,6 +165,4 @@ var _default = function _default(props) {
|
|
|
180
165
|
key: menu.code
|
|
181
166
|
});
|
|
182
167
|
}));
|
|
183
|
-
};
|
|
184
|
-
|
|
185
|
-
exports["default"] = _default;
|
|
168
|
+
});
|
|
@@ -1,39 +1,5 @@
|
|
|
1
|
-
|
|
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 _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
-
|
|
16
|
-
var _antd = require("antd");
|
|
17
|
-
|
|
18
|
-
var _lodash = require("lodash");
|
|
19
|
-
|
|
20
|
-
var _utils = require("../../utils");
|
|
21
|
-
|
|
22
|
-
var _HeaderNavs = _interopRequireDefault(require("../HeaderNavs"));
|
|
23
|
-
|
|
24
|
-
var _Header = _interopRequireDefault(require("./Header"));
|
|
25
|
-
|
|
26
|
-
var _SideMenu = _interopRequireDefault(require("./SideMenu"));
|
|
27
|
-
|
|
28
|
-
var _CompactSideMenu = _interopRequireDefault(require("./CompactSideMenu"));
|
|
29
|
-
|
|
30
|
-
var _storage = require("../storage");
|
|
31
|
-
|
|
32
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
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; }
|
|
1
|
+
import "antd/lib/layout/style";
|
|
2
|
+
import _Layout from "antd/lib/layout";
|
|
37
3
|
|
|
38
4
|
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; }
|
|
39
5
|
|
|
@@ -61,9 +27,19 @@ function _templateObject() {
|
|
|
61
27
|
|
|
62
28
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
63
29
|
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
30
|
+
import { useState, useEffect } from 'react';
|
|
31
|
+
import styled, { withTheme } from 'styled-components';
|
|
32
|
+
import cn from 'classnames';
|
|
33
|
+
import { get, reduce, isUndefined } from 'lodash';
|
|
34
|
+
import { getSelectedMenuInfo } from '../../utils';
|
|
35
|
+
import HeaderNavs from '../HeaderNavs';
|
|
36
|
+
import Header from './Header';
|
|
37
|
+
import SideMenu from './SideMenu';
|
|
38
|
+
import CompactSideMenu from './CompactSideMenu';
|
|
39
|
+
import { getLanguageStore, getThemeStore } from '../storage';
|
|
40
|
+
var Content = _Layout.Content,
|
|
41
|
+
Sider = _Layout.Sider;
|
|
42
|
+
var TNTPaasLayout = styled(_Layout)(_templateObject(), function (props) {
|
|
67
43
|
return props.theme.lightBgColor;
|
|
68
44
|
});
|
|
69
45
|
|
|
@@ -71,7 +47,7 @@ var noop = function noop() {
|
|
|
71
47
|
return true;
|
|
72
48
|
};
|
|
73
49
|
|
|
74
|
-
|
|
50
|
+
export default withTheme(function (props) {
|
|
75
51
|
var appKey = props.appKey,
|
|
76
52
|
logo = props.logo,
|
|
77
53
|
name = props.name,
|
|
@@ -112,15 +88,15 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
112
88
|
_props$onHeaderNavCha = props.onHeaderNavChange,
|
|
113
89
|
onHeaderNavChange = _props$onHeaderNavCha === void 0 ? noop : _props$onHeaderNavCha;
|
|
114
90
|
|
|
115
|
-
var _useState =
|
|
91
|
+
var _useState = useState(props.userInfo || {}),
|
|
116
92
|
_useState2 = _slicedToArray(_useState, 2),
|
|
117
93
|
userInfo = _useState2[0],
|
|
118
94
|
setUserInfo = _useState2[1];
|
|
119
95
|
|
|
120
|
-
var theme =
|
|
96
|
+
var theme = getThemeStore() || userInfo.theme || 'themeS2'; // theme === 'default' ? 'themeS2' : theme;
|
|
121
97
|
|
|
122
98
|
theme = ['default', 'themeS3'].includes(theme) ? 'themeS2' : theme;
|
|
123
|
-
var language =
|
|
99
|
+
var language = getLanguageStore() || userInfo.lang || 'cn';
|
|
124
100
|
var menusMapByApp = menus.reduce(function (acc, menu) {
|
|
125
101
|
var subMenus = menu.children || [];
|
|
126
102
|
var singleGroupMap = subMenus.reduce(function (acc, subMenu) {
|
|
@@ -146,12 +122,12 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
146
122
|
return acc;
|
|
147
123
|
}, {});
|
|
148
124
|
|
|
149
|
-
var _useState3 =
|
|
125
|
+
var _useState3 = useState(appKey),
|
|
150
126
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
151
127
|
currentAppKey = _useState4[0],
|
|
152
128
|
setCurrentAppKey = _useState4[1];
|
|
153
129
|
|
|
154
|
-
var apps =
|
|
130
|
+
var apps = reduce(menusMapByApp, function (acc, value, key) {
|
|
155
131
|
acc.push({
|
|
156
132
|
appKey: key,
|
|
157
133
|
name: key
|
|
@@ -162,19 +138,19 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
162
138
|
var headerNavMenus = headerNavs;
|
|
163
139
|
var currentSystemMenus = menusMapByApp[currentAppKey] || [];
|
|
164
140
|
|
|
165
|
-
var _useState5 =
|
|
141
|
+
var _useState5 = useState(get(currentSystemMenus, '0.code')),
|
|
166
142
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
167
143
|
currentHeaderNavKey = _useState6[0],
|
|
168
144
|
setCurrentHeaderNavKey = _useState6[1];
|
|
169
145
|
|
|
170
|
-
var sideMenus = isMenusTop ?
|
|
146
|
+
var sideMenus = isMenusTop ? get(currentSystemMenus.find(function (_ref) {
|
|
171
147
|
var code = _ref.code;
|
|
172
148
|
return currentHeaderNavKey === code;
|
|
173
149
|
}), 'children', []) : currentSystemMenus;
|
|
174
|
-
var FinalSideMenu = isMenusTop ?
|
|
150
|
+
var FinalSideMenu = isMenusTop ? CompactSideMenu : SideMenu; // 一级菜单放在顶部(Header里面菜单作为一级导航)
|
|
175
151
|
|
|
176
152
|
if (isMenusTop) {
|
|
177
|
-
headerNavMenus = React.createElement(
|
|
153
|
+
headerNavMenus = React.createElement(HeaderNavs, {
|
|
178
154
|
selectedKey: currentHeaderNavKey,
|
|
179
155
|
navs: currentSystemMenus.map(function (item) {
|
|
180
156
|
return _objectSpread({}, item, {
|
|
@@ -189,23 +165,23 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
189
165
|
});
|
|
190
166
|
}
|
|
191
167
|
|
|
192
|
-
|
|
168
|
+
useEffect(function () {
|
|
193
169
|
setUserInfo(props.userInfo);
|
|
194
170
|
}, [props.userInfo]);
|
|
195
|
-
|
|
171
|
+
useEffect(function () {
|
|
196
172
|
if (isMenusTop) {
|
|
197
|
-
setCurrentHeaderNavKey(
|
|
173
|
+
setCurrentHeaderNavKey(get(getSelectedMenuInfo(selectedMenuKey, menus), 'menu.code'));
|
|
198
174
|
}
|
|
199
175
|
}, [menus, selectedMenuKey]);
|
|
200
176
|
return React.createElement(TNTPaasLayout, {
|
|
201
|
-
className: (
|
|
177
|
+
className: cn("tnt-".concat(theme, " ").concat(props.className || ''), {
|
|
202
178
|
'large-size': props.theme.size === 'large',
|
|
203
179
|
compatible: props.theme.compatible,
|
|
204
180
|
isInIframe: isInIframe,
|
|
205
181
|
isEmptyLayout: isEmptyLayout,
|
|
206
182
|
noAppList: !appList
|
|
207
183
|
})
|
|
208
|
-
}, React.createElement(
|
|
184
|
+
}, React.createElement(Header, {
|
|
209
185
|
logo: logo,
|
|
210
186
|
name: name,
|
|
211
187
|
enName: enName,
|
|
@@ -239,7 +215,7 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
239
215
|
_onApplicationChange(appKey);
|
|
240
216
|
},
|
|
241
217
|
onLogout: onLogout
|
|
242
|
-
}, headerNavMenus), React.createElement(
|
|
218
|
+
}, headerNavMenus), React.createElement(_Layout, null, !isUndefined(sideMenu) ? sideMenu : React.createElement(Sider, {
|
|
243
219
|
breakpoint: "md",
|
|
244
220
|
className: "tnt-layout-sider",
|
|
245
221
|
width: 220,
|
|
@@ -256,6 +232,4 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
256
232
|
})), React.createElement(Content, {
|
|
257
233
|
className: "tnt-layout-content"
|
|
258
234
|
}, props.children)));
|
|
259
|
-
});
|
|
260
|
-
|
|
261
|
-
exports["default"] = _default;
|
|
235
|
+
});
|
package/es/Layout/storage.js
CHANGED
|
@@ -1,113 +1,63 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.clearLoginCookie = 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 _universalCookie = _interopRequireDefault(require("universal-cookie"));
|
|
9
|
-
|
|
10
|
-
var _utils = require("../utils");
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
-
|
|
14
1
|
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; }
|
|
15
2
|
|
|
16
3
|
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; }
|
|
17
4
|
|
|
18
5
|
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; }
|
|
19
6
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
var
|
|
23
|
-
|
|
7
|
+
import Cookies from 'universal-cookie';
|
|
8
|
+
import { safeParseJSON } from '../utils';
|
|
9
|
+
var cookies = new Cookies();
|
|
10
|
+
export var getSideMenuStore = function getSideMenuStore() {
|
|
11
|
+
return safeParseJSON(localStorage.getItem('sideMenu'), {});
|
|
24
12
|
};
|
|
25
|
-
|
|
26
|
-
exports.getSideMenuStore = getSideMenuStore;
|
|
27
|
-
|
|
28
|
-
var setSideMenuStore = function setSideMenuStore() {
|
|
13
|
+
export var setSideMenuStore = function setSideMenuStore() {
|
|
29
14
|
var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
30
15
|
localStorage.setItem('sideMenu', JSON.stringify(_objectSpread({}, getSideMenuStore(), {}, params)));
|
|
31
16
|
};
|
|
32
|
-
|
|
33
|
-
exports.setSideMenuStore = setSideMenuStore;
|
|
34
|
-
|
|
35
|
-
var setCurrentAppStore = function setCurrentAppStore() {
|
|
17
|
+
export var setCurrentAppStore = function setCurrentAppStore() {
|
|
36
18
|
var currentApp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
37
19
|
localStorage.setItem('currentApp', JSON.stringify(currentApp));
|
|
38
20
|
};
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
var getCurrentAppStore = function getCurrentAppStore() {
|
|
43
|
-
return (0, _utils.safeParseJSON)(localStorage.getItem('currentApp'), {});
|
|
21
|
+
export var getCurrentAppStore = function getCurrentAppStore() {
|
|
22
|
+
return safeParseJSON(localStorage.getItem('currentApp'), {});
|
|
44
23
|
};
|
|
45
|
-
|
|
46
|
-
exports.getCurrentAppStore = getCurrentAppStore;
|
|
47
|
-
|
|
48
|
-
var setCurrentOrgStore = function setCurrentOrgStore() {
|
|
24
|
+
export var setCurrentOrgStore = function setCurrentOrgStore() {
|
|
49
25
|
var currentOrg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
50
26
|
localStorage.setItem('currentOrg', JSON.stringify(currentOrg));
|
|
51
27
|
};
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
var getCurrentOrgStore = function getCurrentOrgStore() {
|
|
56
|
-
return (0, _utils.safeParseJSON)(localStorage.getItem('currentOrg'), {});
|
|
28
|
+
export var getCurrentOrgStore = function getCurrentOrgStore() {
|
|
29
|
+
return safeParseJSON(localStorage.getItem('currentOrg'), {});
|
|
57
30
|
};
|
|
58
|
-
|
|
59
|
-
exports.getCurrentOrgStore = getCurrentOrgStore;
|
|
60
|
-
|
|
61
|
-
var setCurrentOrgTreeStore = function setCurrentOrgTreeStore() {
|
|
31
|
+
export var setCurrentOrgTreeStore = function setCurrentOrgTreeStore() {
|
|
62
32
|
var currentOrgTree = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
63
33
|
localStorage.setItem('currentOrgTree', JSON.stringify(currentOrgTree));
|
|
64
34
|
};
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
var getCurrentOrgTreeStore = function getCurrentOrgTreeStore() {
|
|
69
|
-
return (0, _utils.safeParseJSON)(localStorage.getItem('currentOrgTree'), []);
|
|
35
|
+
export var getCurrentOrgTreeStore = function getCurrentOrgTreeStore() {
|
|
36
|
+
return safeParseJSON(localStorage.getItem('currentOrgTree'), []);
|
|
70
37
|
}; // export const setLanguageStore = lang => localStorage.setItem('lang', lang);
|
|
71
38
|
// export const getLanguageStore = () => localStorage.getItem('lang');
|
|
72
39
|
|
|
73
|
-
|
|
74
|
-
exports.getCurrentOrgTreeStore = getCurrentOrgTreeStore;
|
|
75
|
-
|
|
76
|
-
var setLanguageStore = function setLanguageStore(lang) {
|
|
40
|
+
export var setLanguageStore = function setLanguageStore(lang) {
|
|
77
41
|
return cookies.set('lang', lang, {
|
|
78
42
|
path: '/'
|
|
79
43
|
});
|
|
80
44
|
};
|
|
81
|
-
|
|
82
|
-
exports.setLanguageStore = setLanguageStore;
|
|
83
|
-
|
|
84
|
-
var getLanguageStore = function getLanguageStore() {
|
|
45
|
+
export var getLanguageStore = function getLanguageStore() {
|
|
85
46
|
return cookies.get('lang', {
|
|
86
47
|
path: '/'
|
|
87
48
|
});
|
|
88
49
|
};
|
|
89
|
-
|
|
90
|
-
exports.getLanguageStore = getLanguageStore;
|
|
91
|
-
|
|
92
|
-
var setThemeStore = function setThemeStore(theme) {
|
|
50
|
+
export var setThemeStore = function setThemeStore(theme) {
|
|
93
51
|
return localStorage.setItem('theme', theme);
|
|
94
52
|
};
|
|
95
|
-
|
|
96
|
-
exports.setThemeStore = setThemeStore;
|
|
97
|
-
|
|
98
|
-
var getThemeStore = function getThemeStore() {
|
|
53
|
+
export var getThemeStore = function getThemeStore() {
|
|
99
54
|
return localStorage.getItem('theme');
|
|
100
55
|
};
|
|
101
|
-
|
|
102
|
-
exports.getThemeStore = getThemeStore;
|
|
103
|
-
|
|
104
|
-
var clearLoginCookie = function clearLoginCookie() {
|
|
56
|
+
export var clearLoginCookie = function clearLoginCookie() {
|
|
105
57
|
cookies.remove('_td_token_', {
|
|
106
58
|
path: '/'
|
|
107
59
|
});
|
|
108
60
|
cookies.remove('_uid_', {
|
|
109
61
|
path: '/'
|
|
110
62
|
});
|
|
111
|
-
};
|
|
112
|
-
|
|
113
|
-
exports.clearLoginCookie = clearLoginCookie;
|
|
63
|
+
};
|
|
@@ -1,13 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
|
|
10
|
-
var _antd = require("antd");
|
|
1
|
+
import "antd/lib/button/style";
|
|
2
|
+
import _Button from "antd/lib/button";
|
|
11
3
|
|
|
12
4
|
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); }
|
|
13
5
|
|
|
@@ -23,14 +15,15 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
23
15
|
|
|
24
16
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
25
17
|
|
|
26
|
-
|
|
18
|
+
import { useState, useEffect } from "react";
|
|
19
|
+
export default (function (_ref) {
|
|
27
20
|
var loadingText = _ref.loadingText,
|
|
28
21
|
pLoading = _ref.loading,
|
|
29
22
|
onClick = _ref.onClick,
|
|
30
23
|
children = _ref.children,
|
|
31
24
|
otherProps = _objectWithoutProperties(_ref, ["loadingText", "loading", "onClick", "children"]);
|
|
32
25
|
|
|
33
|
-
var _useState =
|
|
26
|
+
var _useState = useState(pLoading),
|
|
34
27
|
_useState2 = _slicedToArray(_useState, 2),
|
|
35
28
|
loading = _useState2[0],
|
|
36
29
|
setLoading = _useState2[1];
|
|
@@ -52,13 +45,11 @@ var _default = function _default(_ref) {
|
|
|
52
45
|
}
|
|
53
46
|
};
|
|
54
47
|
|
|
55
|
-
|
|
48
|
+
useEffect(function () {
|
|
56
49
|
setLoading(pLoading);
|
|
57
50
|
}, [pLoading]);
|
|
58
|
-
return React.createElement(
|
|
51
|
+
return React.createElement(_Button, _extends({}, otherProps, {
|
|
59
52
|
loading: loading,
|
|
60
53
|
onClick: doClick
|
|
61
54
|
}), loading ? loadingText || children : children);
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
exports["default"] = _default;
|
|
55
|
+
});
|