tntd 1.4.32 → 1.4.33-beta.1
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/components/Ellipsis/index.js +47 -15
- package/components/QueryListScene/QueryForm.js +4 -4
- package/components/QueryListScene/createActions.js +4 -4
- package/dist/1.tntd.js +1 -1
- package/dist/stats.json +24089 -23289
- package/dist/tntd.css +1 -1
- package/dist/tntd.js +7 -10
- package/es/ArrayInput/icon.js +5 -5
- package/es/ArrayInput/index.js +79 -111
- package/es/AuthContext.js +1 -1
- package/es/Columns/index.js +33 -40
- package/es/DevelopmentLogin/LoginModal.js +33 -46
- package/es/DevelopmentLogin/index.js +14 -18
- package/es/Ellipsis/Svg/CopySVG.js +13 -13
- package/es/Ellipsis/Svg/TickSVG.js +8 -8
- package/es/Ellipsis/index.js +100 -79
- package/es/Handle/index.js +46 -64
- package/es/Icon/fonts/iconfont.js +7 -12
- package/es/Icon/index.js +12 -15
- package/es/Img/Contain.js +26 -31
- package/es/Img/Cover.js +43 -57
- package/es/Img/index.js +39 -48
- package/es/Layout/ActionsContext.js +3 -2
- package/es/Layout/AppList.js +39 -94
- package/es/Layout/Application.js +28 -74
- package/es/Layout/Avatar.js +30 -67
- package/es/Layout/CompatibleLanguage.js +41 -96
- package/es/Layout/EnterpriseLayout/Avatar.js +39 -77
- package/es/Layout/EnterpriseLayout/Language.js +16 -34
- package/es/Layout/EnterpriseLayout/Theme.js +18 -36
- package/es/Layout/EnterpriseLayout/index.js +14 -16
- package/es/Layout/GlobalNavigation/NavigationPopup.js +61 -172
- package/es/Layout/GlobalNavigation/index.js +22 -56
- package/es/Layout/Header.js +26 -47
- package/es/Layout/HeaderActions.js +45 -59
- package/es/Layout/HeaderNavs.js +24 -51
- package/es/Layout/HeaderTabs.js +53 -106
- package/es/Layout/Iconfont.js +1 -1
- package/es/Layout/Language.js +16 -34
- package/es/Layout/Layout.js +88 -110
- package/es/Layout/Logo.js +17 -33
- package/es/Layout/OrgAppList.js +64 -109
- package/es/Layout/SideMenu.js +67 -128
- package/es/Layout/Theme.js +25 -63
- package/es/Layout/index.js +28 -37
- package/es/Layout/paaslayout/CompactSideMenu.js +37 -76
- package/es/Layout/paaslayout/Header.js +23 -46
- package/es/Layout/paaslayout/Logo.js +4 -14
- package/es/Layout/paaslayout/SideMenu.js +41 -80
- package/es/Layout/paaslayout/index.js +77 -104
- package/es/Layout/storage.js +10 -9
- package/es/LoadingButton/index.js +18 -27
- package/es/Modal/index.js +42 -51
- package/es/Page/Box.js +36 -43
- package/es/Page/index.js +56 -71
- package/es/Page/utils.js +0 -5
- package/es/QueryForm/Field/Checkbox.js +7 -11
- package/es/QueryForm/Field/Select.js +34 -44
- package/es/QueryForm/Field/SelectInput.js +31 -46
- package/es/QueryForm/Field/fieldsMap.js +0 -1
- package/es/QueryForm/Field/index.js +46 -78
- package/es/QueryForm/createActions.js +6 -7
- package/es/QueryForm/index.js +79 -140
- package/es/QueryListScene/List.js +83 -139
- package/es/QueryListScene/QueryForm.js +54 -91
- package/es/QueryListScene/QueryListScene.js +29 -47
- package/es/QueryListScene/Title.js +3 -3
- package/es/QueryListScene/Toolbar.js +13 -14
- package/es/QueryListScene/createActions.js +4 -4
- package/es/Select/DropDownWrap.js +32 -55
- package/es/Select/index.js +140 -232
- package/es/Table/ResizableTable/index.js +29 -43
- package/es/Table/index.js +20 -19
- package/es/Title/index.js +23 -25
- package/es/locale.js +1 -5
- package/es/utils/checkAuth.js +6 -8
- package/es/utils/findMenuInfoByPath.js +0 -4
- package/es/utils/index.js +17 -27
- package/lib/ArrayInput/icon.js +7 -9
- package/lib/ArrayInput/index.js +82 -131
- package/lib/AuthContext.js +2 -6
- package/lib/Columns/index.js +36 -54
- package/lib/DevelopmentLogin/LoginModal.js +36 -63
- package/lib/DevelopmentLogin/index.js +21 -31
- package/lib/Ellipsis/Svg/CopySVG.js +15 -18
- package/lib/Ellipsis/Svg/TickSVG.js +10 -13
- package/lib/Ellipsis/index.js +105 -93
- package/lib/Handle/index.js +51 -87
- package/lib/Icon/fonts/iconfont.js +7 -12
- package/lib/Icon/iconList.js +1 -2
- package/lib/Icon/index.js +16 -26
- package/lib/Img/Contain.js +29 -40
- package/lib/Img/Cover.js +48 -72
- package/lib/Img/index.js +42 -58
- package/lib/Layout/ActionsContext.js +1 -5
- package/lib/Layout/AppList.js +45 -124
- package/lib/Layout/Application.js +31 -92
- package/lib/Layout/Avatar.js +36 -91
- package/lib/Layout/CompatibleLanguage.js +44 -116
- package/lib/Layout/EnterpriseLayout/Avatar.js +45 -105
- package/lib/Layout/EnterpriseLayout/Language.js +22 -54
- package/lib/Layout/EnterpriseLayout/Theme.js +21 -50
- package/lib/Layout/EnterpriseLayout/index.js +17 -27
- package/lib/Layout/GlobalNavigation/NavigationPopup.js +64 -192
- package/lib/Layout/GlobalNavigation/index.js +28 -80
- package/lib/Layout/Header.js +36 -68
- package/lib/Layout/HeaderActions.js +51 -81
- package/lib/Layout/HeaderNavs.js +30 -70
- package/lib/Layout/HeaderTabs.js +58 -127
- package/lib/Layout/Iconfont.js +4 -9
- package/lib/Layout/Language.js +22 -54
- package/lib/Layout/Layout.js +93 -134
- package/lib/Layout/Logo.js +26 -47
- package/lib/Layout/OrgAppList.js +69 -133
- package/lib/Layout/SideMenu.js +72 -151
- package/lib/Layout/Theme.js +28 -79
- package/lib/Layout/createActions.js +3 -9
- package/lib/Layout/images/index.js +5 -36
- package/lib/Layout/index.js +35 -63
- package/lib/Layout/paaslayout/CompactSideMenu.js +40 -90
- package/lib/Layout/paaslayout/Header.js +30 -60
- package/lib/Layout/paaslayout/Logo.js +11 -24
- package/lib/Layout/paaslayout/SideMenu.js +44 -93
- package/lib/Layout/paaslayout/index.js +82 -128
- package/lib/Layout/storage.js +26 -68
- package/lib/LoadingButton/index.js +21 -36
- package/lib/Modal/index.js +45 -62
- package/lib/Page/Box.js +38 -50
- package/lib/Page/index.js +58 -84
- package/lib/Page/utils.js +5 -16
- package/lib/QueryForm/Field/Checkbox.js +10 -19
- package/lib/QueryForm/Field/Select.js +39 -60
- package/lib/QueryForm/Field/SelectInput.js +36 -65
- package/lib/QueryForm/Field/fieldsMap.js +6 -23
- package/lib/QueryForm/Field/index.js +50 -91
- package/lib/QueryForm/createActions.js +9 -16
- package/lib/QueryForm/index.js +83 -165
- package/lib/QueryForm/useForm.js +1 -6
- package/lib/QueryListScene/List.js +89 -153
- package/lib/QueryListScene/QueryForm.js +58 -101
- package/lib/QueryListScene/QueryListScene.js +31 -56
- package/lib/QueryListScene/Title.js +6 -11
- package/lib/QueryListScene/Toolbar.js +16 -22
- package/lib/QueryListScene/createActions.js +7 -13
- package/lib/QueryListScene/index.js +5 -19
- package/lib/QueryListScene/useActions.js +1 -6
- package/lib/Select/DropDownWrap.js +35 -63
- package/lib/Select/index.js +142 -245
- package/lib/Table/ResizableTable/index.js +31 -54
- package/lib/Table/index.js +21 -34
- package/lib/Title/index.js +26 -34
- package/lib/index.js +36 -57
- package/lib/locale.js +9 -25
- package/lib/utils/checkAuth.js +9 -16
- package/lib/utils/findMenuInfoByPath.js +3 -12
- package/lib/utils/index.js +26 -60
- package/package.json +3 -2
|
@@ -4,62 +4,34 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.logoImgMap = exports.defaultLogo = exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _theme = _interopRequireDefault(require("./theme/theme1.svg"));
|
|
9
|
-
|
|
10
8
|
var _theme2 = _interopRequireDefault(require("./theme/theme2.svg"));
|
|
11
|
-
|
|
12
9
|
var _empty = _interopRequireDefault(require("./avatar/empty.png"));
|
|
13
|
-
|
|
14
10
|
var _female = _interopRequireDefault(require("./avatar/female1.png"));
|
|
15
|
-
|
|
16
11
|
var _female2 = _interopRequireDefault(require("./avatar/female2.png"));
|
|
17
|
-
|
|
18
12
|
var _female3 = _interopRequireDefault(require("./avatar/female3.png"));
|
|
19
|
-
|
|
20
13
|
var _female4 = _interopRequireDefault(require("./avatar/female4.png"));
|
|
21
|
-
|
|
22
14
|
var _female5 = _interopRequireDefault(require("./avatar/female5.png"));
|
|
23
|
-
|
|
24
15
|
var _female6 = _interopRequireDefault(require("./avatar/female6.png"));
|
|
25
|
-
|
|
26
16
|
var _male = _interopRequireDefault(require("./avatar/male1.png"));
|
|
27
|
-
|
|
28
17
|
var _male2 = _interopRequireDefault(require("./avatar/male2.png"));
|
|
29
|
-
|
|
30
18
|
var _male3 = _interopRequireDefault(require("./avatar/male3.png"));
|
|
31
|
-
|
|
32
19
|
var _male4 = _interopRequireDefault(require("./avatar/male4.png"));
|
|
33
|
-
|
|
34
20
|
var _male5 = _interopRequireDefault(require("./avatar/male5.png"));
|
|
35
|
-
|
|
36
21
|
var _male6 = _interopRequireDefault(require("./avatar/male6.png"));
|
|
37
|
-
|
|
38
22
|
var _orion = _interopRequireDefault(require("./logo/orion.svg"));
|
|
39
|
-
|
|
40
23
|
var _turing = _interopRequireDefault(require("./logo/turing.svg"));
|
|
41
|
-
|
|
42
24
|
var _dataocean = _interopRequireDefault(require("./logo/dataocean.svg"));
|
|
43
|
-
|
|
44
25
|
var _convert = _interopRequireDefault(require("./logo/convert.svg"));
|
|
45
|
-
|
|
46
26
|
var _baldur = _interopRequireDefault(require("./logo/baldur.svg"));
|
|
47
|
-
|
|
48
27
|
var _indicator = _interopRequireDefault(require("./logo/indicator.svg"));
|
|
49
|
-
|
|
50
28
|
var _dispatch = _interopRequireDefault(require("./logo/dispatch.svg"));
|
|
51
|
-
|
|
52
29
|
var _model = _interopRequireDefault(require("./logo/model.svg"));
|
|
53
|
-
|
|
54
30
|
var _storage = _interopRequireDefault(require("./logo/storage.svg"));
|
|
55
|
-
|
|
56
31
|
var _bi = _interopRequireDefault(require("./logo/bi.svg"));
|
|
57
|
-
|
|
58
32
|
var _default2 = _interopRequireDefault(require("./logo/default.svg"));
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
var _default = {
|
|
33
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
34
|
+
var _default = exports["default"] = {
|
|
63
35
|
// theme
|
|
64
36
|
themeSymbol1: _theme["default"],
|
|
65
37
|
themeSymbol2: _theme2["default"],
|
|
@@ -78,10 +50,8 @@ var _default = {
|
|
|
78
50
|
male5: _male5["default"],
|
|
79
51
|
male6: _male6["default"]
|
|
80
52
|
};
|
|
81
|
-
exports["default"]
|
|
82
|
-
var
|
|
83
|
-
exports.defaultLogo = defaultLogo;
|
|
84
|
-
var logoImgMap = {
|
|
53
|
+
var defaultLogo = exports.defaultLogo = _default2["default"];
|
|
54
|
+
var logoImgMap = exports.logoImgMap = {
|
|
85
55
|
"default": _default2["default"],
|
|
86
56
|
bridge: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDI0IDEwMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMTJEMDkzO3N0cm9rZS13aWR0aDoyMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Qxe2ZpbGw6I0ZGQTMwMDt9Cgkuc3Qye2ZpbGw6IzNDODFGRjt9Cgkuc3Qze2ZpbGw6IzBBQ0M4Njt9Cgkuc3Q0e2ZpbGw6IzNEREFGRjt9Cjwvc3R5bGU+CjxnPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTUxMiw1MTIiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01MTIsNTEyIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTEzLjQsNTQ0Yy0yOSwwLTU4LTExLjEtODAuMi0zMy4yYy00NC4zLTQ0LjMtNDQuMy0xMTYuMSwwLTE2MC40TDM1MC40LDMzLjJjNDQuMy00NC4zLDExNi4xLTQ0LjMsMTYwLjQsMAoJCQlzNDQuMywxMTYuMSwwLDE2MC40TDE5My42LDUxMC44QzE3MS40LDUzMywxNDIuNCw1NDQsMTEzLjQsNTQ0eiIvPgoJPC9nPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTIwMS40LDkzNi41Yy0yOSwwLTU4LTExLjEtODAuMi0zMy4yYy00NC4zLTQ0LjMtNDQuMy0xMTYuMSwwLTE2MC40bDYyMS43LTYyMS43CgkJCWM0NC4zLTQ0LjMsMTE2LjEtNDQuMywxNjAuNCwwYzQ0LjMsNDQuMyw0NC4zLDExNi4xLDAsMTYwLjRMMjgxLjYsOTAzLjNDMjU5LjQsOTI1LjQsMjMwLjQsOTM2LjUsMjAxLjQsOTM2LjV6Ii8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNNTkzLjQsMTAyNGMtMjksMC01OC0xMS4xLTgwLjItMzMuMmMtNDQuMy00NC4zLTQ0LjMtMTE2LjEsMC0xNjAuNGwzMTcuMi0zMTcuMgoJCQljNDQuMy00NC4zLDExNi4xLTQ0LjMsMTYwLjQsMGM0NC4zLDQ0LjMsNDQuMywxMTYuMSwwLDE2MC40TDY3My42LDk5MC44QzY1MS40LDEwMTIuOSw2MjIuNCwxMDI0LDU5My40LDEwMjR6Ii8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNODI2LjQsMzEzLjRDNzYzLjgsMzEzLjQsNzEzLDI2Mi42LDcxMywyMDBWMTk4YzAtNjIuNiw1MC44LTExMy40LDExMy40LTExMy40UzkzOS44LDEzNS40LDkzOS44LDE5OHYxLjkKCQkJQzkzOS44LDI2Mi42LDg4OS4xLDMxMy40LDgyNi40LDMxMy40eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=',
|
|
87
57
|
orion: _orion["default"],
|
|
@@ -95,5 +65,4 @@ var logoImgMap = {
|
|
|
95
65
|
model: _model["default"],
|
|
96
66
|
storage: _storage["default"],
|
|
97
67
|
bi: _bi["default"]
|
|
98
|
-
};
|
|
99
|
-
exports.logoImgMap = logoImgMap;
|
|
68
|
+
};
|
package/lib/Layout/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
4
|
-
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -9,20 +8,15 @@ var _exportNames = {
|
|
|
9
8
|
HeaderActionItem: true
|
|
10
9
|
};
|
|
11
10
|
exports["default"] = exports.HeaderActionItem = void 0;
|
|
12
|
-
|
|
13
11
|
var _styledComponents = require("styled-components");
|
|
14
|
-
|
|
15
12
|
var _Layout = _interopRequireDefault(require("./Layout"));
|
|
16
|
-
|
|
17
13
|
var _EnterpriseLayout = _interopRequireDefault(require("./EnterpriseLayout"));
|
|
18
|
-
|
|
19
14
|
var _paaslayout = _interopRequireDefault(require("./paaslayout"));
|
|
20
|
-
|
|
21
15
|
var _HeaderNavs = _interopRequireWildcard(require("./HeaderNavs"));
|
|
22
|
-
|
|
23
16
|
Object.keys(_HeaderNavs).forEach(function (key) {
|
|
24
17
|
if (key === "default" || key === "__esModule") return;
|
|
25
18
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
19
|
+
if (key in exports && exports[key] === _HeaderNavs[key]) return;
|
|
26
20
|
Object.defineProperty(exports, key, {
|
|
27
21
|
enumerable: true,
|
|
28
22
|
get: function get() {
|
|
@@ -30,44 +24,28 @@ Object.keys(_HeaderNavs).forEach(function (key) {
|
|
|
30
24
|
}
|
|
31
25
|
});
|
|
32
26
|
});
|
|
33
|
-
|
|
34
27
|
var _HeaderTabs = _interopRequireDefault(require("./HeaderTabs"));
|
|
35
|
-
|
|
36
28
|
var _AuthContext = _interopRequireDefault(require("../AuthContext"));
|
|
37
|
-
|
|
38
29
|
var _utils = require("../utils");
|
|
39
|
-
|
|
40
30
|
var _ActionsContext = _interopRequireDefault(require("./ActionsContext"));
|
|
41
|
-
|
|
42
31
|
var _createActions = _interopRequireDefault(require("./createActions"));
|
|
43
|
-
|
|
44
32
|
var _storage = require("./storage");
|
|
45
|
-
|
|
46
|
-
function _getRequireWildcardCache() { if (typeof WeakMap
|
|
47
|
-
|
|
48
|
-
function
|
|
49
|
-
|
|
50
|
-
function
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
55
|
-
|
|
56
|
-
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; }
|
|
57
|
-
|
|
58
|
-
var HeaderActionItem = function HeaderActionItem(props) {
|
|
59
|
-
return React.createElement("li", props, props.children);
|
|
33
|
+
var _excluded = ["type", "config", "showMenuInIframe"];
|
|
34
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
35
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
36
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
37
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
38
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
39
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
40
|
+
var HeaderActionItem = exports.HeaderActionItem = function HeaderActionItem(props) {
|
|
41
|
+
return /*#__PURE__*/React.createElement("li", props, props.children);
|
|
60
42
|
};
|
|
61
|
-
|
|
62
|
-
exports.HeaderActionItem = HeaderActionItem;
|
|
63
|
-
|
|
64
43
|
var TNTLayout = function TNTLayout(_ref) {
|
|
65
44
|
var type = _ref.type,
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
45
|
+
config = _ref.config,
|
|
46
|
+
_ref$showMenuInIframe = _ref.showMenuInIframe,
|
|
47
|
+
showMenuInIframe = _ref$showMenuInIframe === void 0 ? false : _ref$showMenuInIframe,
|
|
48
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
71
49
|
var headerHeight = props.size === 'large' ? 60 : 50;
|
|
72
50
|
var theme = {
|
|
73
51
|
size: props.size,
|
|
@@ -87,35 +65,31 @@ var TNTLayout = function TNTLayout(_ref) {
|
|
|
87
65
|
dividerColor: '#E1E6EE',
|
|
88
66
|
lightBgColor: '#F1F2F5',
|
|
89
67
|
blueBgColor: '#1D4295' // 默认的蓝色主题
|
|
90
|
-
|
|
91
68
|
};
|
|
92
|
-
var isInIframe = showMenuInIframe ? false : self !== top && !window.navigator.userAgent.includes('mo-fang-app');
|
|
93
|
-
|
|
69
|
+
var isInIframe = showMenuInIframe ? false : self !== top && !window.navigator.userAgent.includes('mo-fang-app');
|
|
70
|
+
// 前期拼写错误,导致需要兼容处理
|
|
94
71
|
var extraHeaderActions = props.extraHeaderActions || props.extralHeaderActions;
|
|
95
72
|
var extendMap = typeof props.extendMap === 'string' ? (0, _utils.safeParseJSON)(props.extendMap, {}) : props.extendMap;
|
|
96
|
-
|
|
97
73
|
var _ref2 = extendMap || {},
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
74
|
+
_ref2$displayType = _ref2.displayType,
|
|
75
|
+
displayType = _ref2$displayType === void 0 ? 'default' : _ref2$displayType,
|
|
76
|
+
menuAlignMode = _ref2.menuAlignMode,
|
|
77
|
+
_ref2$globalNavigatio = _ref2.globalNavigation,
|
|
78
|
+
globalNavigation = _ref2$globalNavigatio === void 0 ? false : _ref2$globalNavigatio,
|
|
79
|
+
_ref2$language = _ref2.language,
|
|
80
|
+
language = _ref2$language === void 0 ? ['cn'] : _ref2$language,
|
|
81
|
+
_ref2$themeSwitch = _ref2.themeSwitch,
|
|
82
|
+
themeSwitch = _ref2$themeSwitch === void 0 ? true : _ref2$themeSwitch;
|
|
108
83
|
var userInfo = props.userInfo || {};
|
|
109
84
|
var actionsContextValue = (0, _createActions["default"])({
|
|
110
85
|
language: (0, _storage.getLanguageStore)() || userInfo.lang || 'cn'
|
|
111
86
|
});
|
|
112
|
-
|
|
113
87
|
var onLanguageChange = function onLanguageChange(language) {
|
|
114
88
|
actionsContextValue.setLanguage(language);
|
|
115
89
|
props.onLanguageChange && props.onLanguageChange(language);
|
|
116
|
-
};
|
|
117
|
-
|
|
90
|
+
};
|
|
118
91
|
|
|
92
|
+
// layout上的指定的属性优先级会高于extendMap中的属性
|
|
119
93
|
type = type || displayType;
|
|
120
94
|
config = Object.assign({
|
|
121
95
|
language: (language == null ? void 0 : language.length) > 1,
|
|
@@ -123,13 +97,13 @@ var TNTLayout = function TNTLayout(_ref) {
|
|
|
123
97
|
avatar: true,
|
|
124
98
|
globalNavigation: globalNavigation
|
|
125
99
|
}, config);
|
|
126
|
-
return React.createElement(_styledComponents.ThemeProvider, {
|
|
100
|
+
return /*#__PURE__*/React.createElement(_styledComponents.ThemeProvider, {
|
|
127
101
|
theme: theme
|
|
128
|
-
}, React.createElement(_AuthContext["default"].Provider, {
|
|
102
|
+
}, /*#__PURE__*/React.createElement(_AuthContext["default"].Provider, {
|
|
129
103
|
value: (0, _utils.getCheckAuth)(props.menus)
|
|
130
|
-
}, React.createElement(_ActionsContext["default"].Provider, {
|
|
104
|
+
}, /*#__PURE__*/React.createElement(_ActionsContext["default"].Provider, {
|
|
131
105
|
value: actionsContextValue
|
|
132
|
-
}, type === 'paas' && React.createElement(_paaslayout["default"], _extends({
|
|
106
|
+
}, type === 'paas' && /*#__PURE__*/React.createElement(_paaslayout["default"], _extends({
|
|
133
107
|
menuAlignMode: menuAlignMode,
|
|
134
108
|
config: config
|
|
135
109
|
}, props, {
|
|
@@ -137,7 +111,7 @@ var TNTLayout = function TNTLayout(_ref) {
|
|
|
137
111
|
isInIframe: isInIframe,
|
|
138
112
|
userInfo: userInfo,
|
|
139
113
|
onLanguageChange: onLanguageChange
|
|
140
|
-
})), type === 'enterprise' && React.createElement(_EnterpriseLayout["default"], _extends({
|
|
114
|
+
})), type === 'enterprise' && /*#__PURE__*/React.createElement(_EnterpriseLayout["default"], _extends({
|
|
141
115
|
menuAlignMode: menuAlignMode,
|
|
142
116
|
config: config
|
|
143
117
|
}, props, {
|
|
@@ -146,7 +120,7 @@ var TNTLayout = function TNTLayout(_ref) {
|
|
|
146
120
|
userInfo: userInfo,
|
|
147
121
|
onLanguageChange: onLanguageChange,
|
|
148
122
|
type: type
|
|
149
|
-
})), (!type || !['paas', 'enterprise'].includes(type)) && React.createElement(_Layout["default"], _extends({
|
|
123
|
+
})), (!type || !['paas', 'enterprise'].includes(type)) && /*#__PURE__*/React.createElement(_Layout["default"], _extends({
|
|
150
124
|
menuAlignMode: menuAlignMode,
|
|
151
125
|
config: config
|
|
152
126
|
}, props, {
|
|
@@ -156,11 +130,9 @@ var TNTLayout = function TNTLayout(_ref) {
|
|
|
156
130
|
onLanguageChange: onLanguageChange
|
|
157
131
|
})))));
|
|
158
132
|
};
|
|
159
|
-
|
|
160
133
|
TNTLayout.HeaderActionItem = HeaderActionItem;
|
|
161
134
|
TNTLayout.HeaderNavs = _HeaderNavs["default"];
|
|
162
135
|
TNTLayout.HeaderTabs = _HeaderTabs["default"];
|
|
163
136
|
TNTLayout.AuthContext = _AuthContext["default"];
|
|
164
137
|
TNTLayout.findMenuInfoByPath = _utils.findMenuInfoByPath;
|
|
165
|
-
var _default = TNTLayout;
|
|
166
|
-
exports["default"] = _default;
|
|
138
|
+
var _default = exports["default"] = TNTLayout;
|
|
@@ -4,92 +4,52 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = require("react");
|
|
9
|
-
|
|
10
8
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
|
-
|
|
12
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
-
|
|
14
10
|
var _utils = require("../../utils");
|
|
15
|
-
|
|
16
11
|
var _Iconfont = _interopRequireDefault(require("../Iconfont"));
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(
|
|
19
|
-
|
|
20
|
-
function
|
|
21
|
-
|
|
22
|
-
function
|
|
23
|
-
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
function
|
|
29
|
-
var data = _taggedTemplateLiteral(["\n background: #fff;\n list-style: none;\n font-size: 14px;\n color: #17233D;\n margin: 10px 0 0;\n padding: 0;\n li {\n position: relative;\n line-height: 38px;\n cursor: pointer;\n padding-left: 20px;\n & > a {\n color: #17233D;\n & > span {\n padding-left: 10px;\n }\n }\n &.active {\n background: #EAEDF8;\n &:before {\n position: absolute;\n left: 0;\n top: 0;\n content: '';\n width: 4px;\n height: 100%;\n background-color: #4C79FF;\n }\n }\n }\n"]);
|
|
30
|
-
|
|
31
|
-
_templateObject2 = function _templateObject2() {
|
|
32
|
-
return data;
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
return data;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
function _templateObject() {
|
|
39
|
-
var data = _taggedTemplateLiteral(["\n background: #fff;\n list-style: none;\n margin: 0;\n padding: 30px 0 20px;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n .isInIframe & {\n display: none;\n }\n \n & > li {\n position: relative;\n cursor: pointer;\n line-height: 38px;\n font-size: 14px;\n color: #17233D;\n letter-spacing: 0;\n\n &.group-menu-item {\n & > span {\n opacity: 0.4;\n }\n }\n\n &.active {\n &:before {\n position: absolute;\n content: \"\";\n left: 0;\n top: 0;\n width: 3px;\n height: 100%;\n background: #126bfb;\n }\n\n span {\n background: rgba(18,107,251,0.10);\n color: #126bfb;\n opacity: 1;\n }\n }\n\n & > span {\n display: inline-block;\n width: 100%;\n color: #17233D;\n padding-left: 20px;\n\n &:hover {\n color: #323232;\n background: #f5f5f5;\n }\n\n & > .tnt-icon {\n margin-right: 7px;\n }\n }\n }\n"]);
|
|
40
|
-
|
|
41
|
-
_templateObject = function _templateObject() {
|
|
42
|
-
return data;
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
return data;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
49
|
-
|
|
50
|
-
var SideMenu = _styledComponents["default"].ul(_templateObject());
|
|
51
|
-
|
|
52
|
-
var SubMenu = _styledComponents["default"].ul(_templateObject2());
|
|
53
|
-
|
|
54
|
-
var _default = function _default(props) {
|
|
12
|
+
var _templateObject, _templateObject2;
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
15
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
16
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
17
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
18
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
19
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
20
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
21
|
+
var SideMenu = _styledComponents["default"].ul(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background: #fff;\n list-style: none;\n margin: 0;\n padding: 30px 0 20px;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n .isInIframe & {\n display: none;\n }\n \n & > li {\n position: relative;\n cursor: pointer;\n line-height: 38px;\n font-size: 14px;\n color: #17233D;\n letter-spacing: 0;\n\n &.group-menu-item {\n & > span {\n opacity: 0.4;\n }\n }\n\n &.active {\n &:before {\n position: absolute;\n content: \"\";\n left: 0;\n top: 0;\n width: 3px;\n height: 100%;\n background: #126bfb;\n }\n\n span {\n background: rgba(18,107,251,0.10);\n color: #126bfb;\n opacity: 1;\n }\n }\n\n & > span {\n display: inline-block;\n width: 100%;\n color: #17233D;\n padding-left: 20px;\n\n &:hover {\n color: #323232;\n background: #f5f5f5;\n }\n\n & > .tnt-icon {\n margin-right: 7px;\n }\n }\n }\n"])));
|
|
22
|
+
var SubMenu = _styledComponents["default"].ul(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n background: #fff;\n list-style: none;\n font-size: 14px;\n color: #17233D;\n margin: 10px 0 0;\n padding: 0;\n li {\n position: relative;\n line-height: 38px;\n cursor: pointer;\n padding-left: 20px;\n & > a {\n color: #17233D;\n & > span {\n padding-left: 10px;\n }\n }\n &.active {\n background: #EAEDF8;\n &:before {\n position: absolute;\n left: 0;\n top: 0;\n content: '';\n width: 4px;\n height: 100%;\n background-color: #4C79FF;\n }\n }\n }\n"])));
|
|
23
|
+
var _default = exports["default"] = function _default(props) {
|
|
55
24
|
var language = props.language,
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
25
|
+
_props$menus = props.menus,
|
|
26
|
+
menus = _props$menus === void 0 ? [] : _props$menus,
|
|
27
|
+
formatMenuPath = props.formatMenuPath,
|
|
28
|
+
selectedKey = props.selectedKey,
|
|
29
|
+
onBeforeChange = props.onBeforeChange,
|
|
30
|
+
onChange = props.onChange,
|
|
31
|
+
onSelect = props.onSelect;
|
|
64
32
|
var _useState = (0, _react.useState)(selectedKey),
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
33
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
34
|
+
activeMenu = _useState2[0],
|
|
35
|
+
setActiveMenu = _useState2[1];
|
|
69
36
|
var defaultBeforeChange = function defaultBeforeChange(_ref) {
|
|
70
37
|
var data = _ref.data;
|
|
71
38
|
return !(0, _utils.isNewTabMenu)(data);
|
|
72
39
|
};
|
|
73
|
-
|
|
74
40
|
var defaultSelect = function defaultSelect(_ref2) {
|
|
75
41
|
var _window$location$path;
|
|
76
|
-
|
|
77
42
|
var data = _ref2.data;
|
|
78
|
-
|
|
79
43
|
var _ref3 = data || {},
|
|
80
|
-
|
|
81
|
-
|
|
44
|
+
path = _ref3.path;
|
|
82
45
|
var formatPath = formatMenuPath || function (path) {
|
|
83
46
|
return path;
|
|
84
47
|
};
|
|
85
|
-
|
|
86
48
|
if ((0, _utils.isNewTabMenu)(data)) {
|
|
87
49
|
(0, _utils.openInNewTab)(formatPath(data == null ? void 0 : data.path, data));
|
|
88
50
|
return;
|
|
89
51
|
}
|
|
90
|
-
|
|
91
52
|
var routerPrefix = (_window$location$path = window.location.pathname.match(/(^\/[^\/]+)/i)) == null ? void 0 : _window$location$path[1];
|
|
92
|
-
|
|
93
53
|
if (window.location.pathname.startsWith(routerPrefix)) {
|
|
94
54
|
var forwardPath = formatPath(path, data);
|
|
95
55
|
changeRouter ? changeRouter(forwardPath, data) : window.history.pushState(data, data == null ? void 0 : data.name, forwardPath);
|
|
@@ -97,37 +57,32 @@ var _default = function _default(props) {
|
|
|
97
57
|
window.location.href = formatPath(path, data);
|
|
98
58
|
}
|
|
99
59
|
};
|
|
100
|
-
|
|
101
60
|
var selectMenu = function selectMenu() {
|
|
102
61
|
var param = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
103
62
|
var finalBeforeChange = onBeforeChange || defaultBeforeChange;
|
|
104
63
|
var finalSelect = onSelect || defaultSelect;
|
|
105
|
-
|
|
106
64
|
if (param.key !== activeMenu) {
|
|
107
65
|
if (finalBeforeChange(param, activeMenu)) {
|
|
108
66
|
setActiveMenu(param.key);
|
|
109
67
|
onChange && onChange(param);
|
|
110
68
|
}
|
|
111
69
|
}
|
|
112
|
-
|
|
113
70
|
finalSelect(param);
|
|
114
71
|
};
|
|
115
|
-
|
|
116
72
|
var MenuItem = function MenuItem(_ref4) {
|
|
117
73
|
var item = _ref4.item;
|
|
118
74
|
var code = item.code,
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
75
|
+
groupName = item.groupName,
|
|
76
|
+
enName = item.enName,
|
|
77
|
+
_item$children = item.children,
|
|
78
|
+
children = _item$children === void 0 ? [] : _item$children;
|
|
124
79
|
var SubMenuItem = function SubMenuItem(_ref5) {
|
|
125
80
|
var menu = _ref5.menu;
|
|
126
81
|
var code = menu.code,
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
return React.createElement("li", {
|
|
82
|
+
menuName = menu.menuName,
|
|
83
|
+
enName = menu.enName,
|
|
84
|
+
icon = menu.icon;
|
|
85
|
+
return /*#__PURE__*/React.createElement("li", {
|
|
131
86
|
key: code,
|
|
132
87
|
onClick: function onClick(evt) {
|
|
133
88
|
return selectMenu({
|
|
@@ -139,47 +94,42 @@ var _default = function _default(props) {
|
|
|
139
94
|
className: (0, _classnames["default"])({
|
|
140
95
|
active: code === activeMenu
|
|
141
96
|
})
|
|
142
|
-
}, React.createElement("span", null, typeof (icon || '') === 'string' ? React.createElement(_Iconfont["default"], {
|
|
97
|
+
}, /*#__PURE__*/React.createElement("span", null, typeof (icon || '') === 'string' ? /*#__PURE__*/React.createElement(_Iconfont["default"], {
|
|
143
98
|
type: icon
|
|
144
99
|
}) : icon, {
|
|
145
100
|
cn: menuName,
|
|
146
101
|
en: enName
|
|
147
102
|
}[language]));
|
|
148
103
|
};
|
|
149
|
-
|
|
150
104
|
if (groupName && children.length) {
|
|
151
|
-
return React.createElement("li", {
|
|
105
|
+
return /*#__PURE__*/React.createElement("li", {
|
|
152
106
|
key: code,
|
|
153
107
|
className: "group-menu-item"
|
|
154
|
-
}, React.createElement("span", null, icon instanceof _react.Component ? icon : React.createElement(_Iconfont["default"], {
|
|
108
|
+
}, /*#__PURE__*/React.createElement("span", null, icon instanceof _react.Component ? icon : /*#__PURE__*/React.createElement(_Iconfont["default"], {
|
|
155
109
|
type: icon
|
|
156
110
|
}), {
|
|
157
111
|
cn: groupName,
|
|
158
112
|
en: enName
|
|
159
|
-
}[language]), React.createElement(SubMenu, null, children.map(function (subItem) {
|
|
160
|
-
return React.createElement(SubMenuItem, {
|
|
113
|
+
}[language]), /*#__PURE__*/React.createElement(SubMenu, null, children.map(function (subItem) {
|
|
114
|
+
return /*#__PURE__*/React.createElement(SubMenuItem, {
|
|
161
115
|
menu: subItem,
|
|
162
116
|
key: subItem == null ? void 0 : subItem.code
|
|
163
117
|
});
|
|
164
118
|
})));
|
|
165
119
|
}
|
|
166
|
-
|
|
167
|
-
return React.createElement(SubMenuItem, {
|
|
120
|
+
return /*#__PURE__*/React.createElement(SubMenuItem, {
|
|
168
121
|
menu: item
|
|
169
122
|
});
|
|
170
123
|
};
|
|
171
|
-
|
|
172
124
|
(0, _react.useEffect)(function () {
|
|
173
125
|
setActiveMenu(selectedKey);
|
|
174
126
|
}, [selectedKey]);
|
|
175
|
-
return React.createElement(SideMenu, {
|
|
127
|
+
return /*#__PURE__*/React.createElement(SideMenu, {
|
|
176
128
|
className: "tnt-compact-sidemenu"
|
|
177
129
|
}, menus.map(function (menu) {
|
|
178
|
-
return React.createElement(MenuItem, {
|
|
130
|
+
return /*#__PURE__*/React.createElement(MenuItem, {
|
|
179
131
|
item: menu,
|
|
180
132
|
key: menu.code
|
|
181
133
|
});
|
|
182
134
|
}));
|
|
183
|
-
};
|
|
184
|
-
|
|
185
|
-
exports["default"] = _default;
|
|
135
|
+
};
|
|
@@ -1,91 +1,61 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
8
|
var _react = require("react");
|
|
9
|
-
|
|
10
9
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
|
-
|
|
12
10
|
var _HeaderActions = _interopRequireDefault(require("../HeaderActions"));
|
|
13
|
-
|
|
14
11
|
var _AppList = _interopRequireDefault(require("../AppList"));
|
|
15
|
-
|
|
16
12
|
var _Logo = _interopRequireDefault(require("./Logo"));
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
function
|
|
23
|
-
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
function _defineProperty(
|
|
27
|
-
|
|
28
|
-
function
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
_templateObject2 = function _templateObject2() {
|
|
32
|
-
return data;
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
return data;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
function _templateObject() {
|
|
39
|
-
var data = _taggedTemplateLiteral(["\n position: sticky;\n top: 0;\n height: ", ";\n display: flex;\n color: #fff;\n background: #fff;\n z-index: 201;\n .isInIframe.noAppList &,\n .isEmptyLayout & {\n display: none;\n }\n .tnt-themeS1 & {\n background: #323b4a;\n }\n padding-right: 20px;\n box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1);\n transition: box-shadow .2s cubic-bezier(.4,0,.2,1), -webkit-box-shadow .2s cubic-bezier(.4,0,.2,1);\n\n .paas-header-actions {\n li {\n .tnt-themeS1 & {\n color: rgba(255,255,255,.85);\n }\n }\n }\n"]);
|
|
40
|
-
|
|
41
|
-
_templateObject = function _templateObject() {
|
|
42
|
-
return data;
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
return data;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
49
|
-
|
|
50
|
-
var Header = _styledComponents["default"].div(_templateObject(), function (props) {
|
|
13
|
+
var _templateObject, _templateObject2;
|
|
14
|
+
/**
|
|
15
|
+
* @file Layout header
|
|
16
|
+
* @author zhangyou
|
|
17
|
+
*/
|
|
18
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
19
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
20
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
21
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
22
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
23
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
24
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
25
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
26
|
+
var Header = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: sticky;\n top: 0;\n height: ", ";\n display: flex;\n color: #fff;\n background: #fff;\n z-index: 201;\n .isInIframe.noAppList &,\n .isEmptyLayout & {\n display: none;\n }\n .tnt-themeS1 & {\n background: #323b4a;\n }\n padding-right: 20px;\n box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1);\n transition: box-shadow .2s cubic-bezier(.4,0,.2,1), -webkit-box-shadow .2s cubic-bezier(.4,0,.2,1);\n\n .paas-header-actions {\n li {\n .tnt-themeS1 & {\n color: rgba(255,255,255,.85);\n }\n }\n }\n"])), function (props) {
|
|
51
27
|
return "".concat(props.theme.headerHeight, "px");
|
|
52
28
|
});
|
|
53
|
-
|
|
54
|
-
var
|
|
55
|
-
|
|
56
|
-
var _default = function _default(props) {
|
|
29
|
+
var Content = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n flex: 1;\n .isInIframe & {\n display: none;\n }\n"])));
|
|
30
|
+
var _default = exports["default"] = function _default(props) {
|
|
57
31
|
var logo = props.logo,
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
32
|
+
name = props.name,
|
|
33
|
+
enName = props.enName,
|
|
34
|
+
language = props.language,
|
|
35
|
+
selectedAppKey = props.selectedAppKey,
|
|
36
|
+
appList = props.appList,
|
|
37
|
+
onLogoClick = props.onLogoClick,
|
|
38
|
+
onAppChange = props.onAppChange,
|
|
39
|
+
extraActions = props.extraActions;
|
|
67
40
|
var config = _objectSpread({
|
|
68
41
|
application: true
|
|
69
42
|
}, props.config);
|
|
70
|
-
|
|
71
43
|
var headerRef = (0, _react.useRef)();
|
|
72
|
-
return React.createElement(Header, {
|
|
44
|
+
return /*#__PURE__*/React.createElement(Header, {
|
|
73
45
|
ref: headerRef
|
|
74
|
-
}, React.createElement(_Logo["default"], {
|
|
46
|
+
}, /*#__PURE__*/React.createElement(_Logo["default"], {
|
|
75
47
|
language: language,
|
|
76
48
|
logo: logo,
|
|
77
49
|
name: name,
|
|
78
50
|
enName: enName,
|
|
79
51
|
onClick: onLogoClick
|
|
80
|
-
}), appList && React.createElement(_AppList["default"], {
|
|
52
|
+
}), appList && /*#__PURE__*/React.createElement(_AppList["default"], {
|
|
81
53
|
items: appList,
|
|
82
54
|
selectedKey: selectedAppKey,
|
|
83
55
|
onChange: onAppChange
|
|
84
|
-
}), React.createElement(Content, null, props.children), React.createElement(_HeaderActions["default"], _extends({}, props, {
|
|
56
|
+
}), /*#__PURE__*/React.createElement(Content, null, props.children), /*#__PURE__*/React.createElement(_HeaderActions["default"], _extends({}, props, {
|
|
85
57
|
config: config,
|
|
86
58
|
headerRef: headerRef,
|
|
87
59
|
className: "paas-header-actions"
|
|
88
60
|
}), extraActions));
|
|
89
|
-
};
|
|
90
|
-
|
|
91
|
-
exports["default"] = _default;
|
|
61
|
+
};
|