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