tntd 1.4.18 → 1.4.20
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 +1 -1
- package/components/Layout/Avatar.js +4 -4
- package/components/Layout/EnterpriseLayout/Avatar.js +10 -7
- package/components/Layout/EnterpriseLayout/Language.js +5 -3
- package/components/Layout/EnterpriseLayout/Theme.js +6 -7
- package/components/Layout/EnterpriseLayout/index.js +1 -1
- package/components/Layout/HeaderActions.js +13 -10
- package/components/Layout/HeaderTabs.js +13 -14
- package/components/Layout/Layout.js +2 -0
- package/components/Layout/index.js +2 -1
- package/components/Layout/storage.js +12 -2
- package/components/Page/index.js +2 -2
- package/components/locale.js +7 -2
- package/dist/1.tntd.js +1 -12
- package/dist/stats.json +28426 -28000
- package/dist/tntd.css +1 -1
- package/dist/tntd.js +13 -7
- package/es/ArrayInput/icon.js +5 -5
- package/es/ArrayInput/index.js +76 -108
- package/es/AuthContext.js +1 -1
- package/es/Columns/index.js +31 -38
- package/es/DevelopmentLogin/LoginModal.js +32 -45
- package/es/DevelopmentLogin/index.js +13 -17
- package/es/Ellipsis/Svg/CopySVG.js +13 -13
- package/es/Ellipsis/Svg/TickSVG.js +8 -8
- package/es/Ellipsis/index.js +59 -70
- package/es/Handle/index.js +25 -35
- package/es/Icon/fonts/iconfont.js +7 -12
- package/es/Icon/index.js +10 -13
- package/es/Img/Contain.js +24 -29
- package/es/Img/Cover.js +40 -54
- package/es/Img/index.js +36 -45
- package/es/Layout/ActionsContext.js +3 -2
- package/es/Layout/AppList.js +37 -92
- package/es/Layout/Application.js +26 -72
- package/es/Layout/Avatar.js +32 -69
- package/es/Layout/CompatibleLanguage.js +39 -94
- package/es/Layout/EnterpriseLayout/Avatar.js +49 -79
- package/es/Layout/EnterpriseLayout/Language.js +19 -34
- package/es/Layout/EnterpriseLayout/Theme.js +23 -37
- package/es/Layout/EnterpriseLayout/index.js +14 -16
- package/es/Layout/GlobalNavigation/NavigationPopup.js +59 -170
- package/es/Layout/GlobalNavigation/index.js +20 -54
- package/es/Layout/Header.js +25 -46
- package/es/Layout/HeaderActions.js +52 -63
- package/es/Layout/HeaderNavs.js +20 -47
- package/es/Layout/HeaderTabs.js +61 -115
- package/es/Layout/Iconfont.js +1 -1
- package/es/Layout/Language.js +14 -32
- package/es/Layout/Layout.js +88 -108
- package/es/Layout/Logo.js +16 -32
- package/es/Layout/OrgAppList.js +62 -107
- package/es/Layout/SideMenu.js +63 -124
- package/es/Layout/Theme.js +23 -61
- package/es/Layout/index.js +29 -36
- package/es/Layout/paaslayout/CompactSideMenu.js +35 -74
- package/es/Layout/paaslayout/Header.js +22 -45
- package/es/Layout/paaslayout/Logo.js +3 -13
- package/es/Layout/paaslayout/SideMenu.js +39 -78
- package/es/Layout/paaslayout/index.js +75 -102
- package/es/Layout/storage.js +26 -9
- package/es/LoadingButton/index.js +15 -24
- package/es/Modal/index.js +38 -46
- package/es/Page/Box.js +34 -41
- package/es/Page/index.js +54 -68
- package/es/Page/utils.js +0 -5
- package/es/QueryForm/Field/Checkbox.js +5 -9
- package/es/QueryForm/Field/Select.js +31 -41
- package/es/QueryForm/Field/SelectInput.js +26 -41
- package/es/QueryForm/Field/fieldsMap.js +0 -1
- package/es/QueryForm/Field/index.js +41 -71
- package/es/QueryForm/createActions.js +6 -7
- package/es/QueryForm/index.js +76 -135
- package/es/QueryListScene/List.js +74 -128
- package/es/QueryListScene/QueryForm.js +46 -81
- package/es/QueryListScene/QueryListScene.js +25 -40
- package/es/QueryListScene/Title.js +3 -3
- package/es/QueryListScene/Toolbar.js +11 -12
- package/es/Select/DropDownWrap.js +29 -50
- package/es/Select/index.js +135 -231
- package/es/Table/ResizableTable/index.js +26 -40
- package/es/Table/index.js +18 -16
- package/es/Title/index.js +21 -23
- package/es/locale.js +9 -7
- package/es/utils/checkAuth.js +3 -5
- package/es/utils/findMenuInfoByPath.js +0 -4
- package/es/utils/index.js +12 -23
- package/lib/ArrayInput/icon.js +6 -6
- package/lib/ArrayInput/index.js +78 -127
- package/lib/AuthContext.js +1 -4
- package/lib/Columns/index.js +31 -47
- package/lib/DevelopmentLogin/LoginModal.js +32 -58
- package/lib/DevelopmentLogin/index.js +16 -27
- package/lib/Ellipsis/Svg/CopySVG.js +13 -15
- package/lib/Ellipsis/Svg/TickSVG.js +8 -10
- package/lib/Ellipsis/index.js +58 -81
- package/lib/Handle/index.js +25 -47
- package/lib/Icon/fonts/iconfont.js +7 -12
- package/lib/Icon/index.js +11 -20
- package/lib/Img/Contain.js +24 -34
- package/lib/Img/Cover.js +42 -65
- package/lib/Img/index.js +36 -51
- package/lib/Layout/ActionsContext.js +1 -4
- package/lib/Layout/AppList.js +40 -118
- package/lib/Layout/Application.js +26 -86
- package/lib/Layout/Avatar.js +35 -89
- package/lib/Layout/CompatibleLanguage.js +39 -110
- package/lib/Layout/EnterpriseLayout/Avatar.js +52 -101
- package/lib/Layout/EnterpriseLayout/Language.js +21 -49
- package/lib/Layout/EnterpriseLayout/Theme.js +22 -46
- package/lib/Layout/EnterpriseLayout/index.js +14 -23
- package/lib/Layout/GlobalNavigation/NavigationPopup.js +59 -186
- package/lib/Layout/GlobalNavigation/index.js +23 -74
- package/lib/Layout/Header.js +28 -63
- package/lib/Layout/HeaderActions.js +48 -74
- package/lib/Layout/HeaderNavs.js +23 -61
- package/lib/Layout/HeaderTabs.js +58 -126
- package/lib/Layout/Iconfont.js +1 -5
- package/lib/Layout/Language.js +17 -48
- package/lib/Layout/Layout.js +90 -128
- package/lib/Layout/Logo.js +19 -43
- package/lib/Layout/OrgAppList.js +64 -127
- package/lib/Layout/SideMenu.js +65 -143
- package/lib/Layout/Theme.js +23 -73
- package/lib/Layout/createActions.js +0 -5
- package/lib/Layout/images/index.js +0 -28
- package/lib/Layout/index.js +33 -57
- package/lib/Layout/paaslayout/CompactSideMenu.js +35 -84
- package/lib/Layout/paaslayout/Header.js +22 -55
- package/lib/Layout/paaslayout/Logo.js +3 -19
- package/lib/Layout/paaslayout/SideMenu.js +39 -87
- package/lib/Layout/paaslayout/index.js +77 -122
- package/lib/Layout/storage.js +29 -35
- package/lib/LoadingButton/index.js +15 -29
- package/lib/Modal/index.js +38 -53
- package/lib/Page/Box.js +34 -45
- package/lib/Page/index.js +54 -78
- package/lib/Page/utils.js +1 -9
- package/lib/QueryForm/Field/Checkbox.js +5 -13
- package/lib/QueryForm/Field/Select.js +33 -53
- package/lib/QueryForm/Field/SelectInput.js +28 -56
- package/lib/QueryForm/Field/fieldsMap.js +1 -15
- package/lib/QueryForm/Field/index.js +43 -81
- package/lib/QueryForm/createActions.js +6 -12
- package/lib/QueryForm/index.js +78 -157
- package/lib/QueryForm/useForm.js +0 -5
- package/lib/QueryListScene/List.js +76 -140
- package/lib/QueryListScene/QueryForm.js +46 -86
- package/lib/QueryListScene/QueryListScene.js +25 -46
- package/lib/QueryListScene/Title.js +3 -7
- package/lib/QueryListScene/Toolbar.js +11 -16
- package/lib/QueryListScene/createActions.js +0 -5
- package/lib/QueryListScene/index.js +0 -10
- package/lib/QueryListScene/useActions.js +0 -5
- package/lib/Select/DropDownWrap.js +31 -56
- package/lib/Select/index.js +135 -241
- package/lib/Table/ResizableTable/index.js +26 -48
- package/lib/Table/index.js +17 -28
- package/lib/Title/index.js +21 -28
- package/lib/index.js +35 -56
- package/lib/locale.js +11 -12
- package/lib/utils/checkAuth.js +4 -9
- package/lib/utils/findMenuInfoByPath.js +1 -8
- package/lib/utils/index.js +15 -42
- package/package.json +2 -2
- 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
|
@@ -4,61 +4,33 @@ 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
33
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
61
|
-
|
|
62
34
|
var _default = {
|
|
63
35
|
// theme
|
|
64
36
|
themeSymbol1: _theme["default"],
|
package/lib/Layout/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) {
|
|
4
|
-
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
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,29 @@ 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 !== "function") return null; var
|
|
47
|
-
|
|
48
|
-
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; }
|
|
49
|
-
|
|
33
|
+
var _excluded = ["type", "config", "showMenuInIframe"];
|
|
34
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
35
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
|
|
50
36
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
51
|
-
|
|
52
|
-
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); }
|
|
53
|
-
|
|
37
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
|
|
54
38
|
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
39
|
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
40
|
var HeaderActionItem = function HeaderActionItem(props) {
|
|
59
|
-
return React.createElement("li", props, props.children);
|
|
41
|
+
return /*#__PURE__*/React.createElement("li", props, props.children);
|
|
60
42
|
};
|
|
61
|
-
|
|
62
43
|
exports.HeaderActionItem = HeaderActionItem;
|
|
63
|
-
|
|
64
44
|
var TNTLayout = function TNTLayout(_ref) {
|
|
65
45
|
var type = _ref.type,
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
46
|
+
config = _ref.config,
|
|
47
|
+
_ref$showMenuInIframe = _ref.showMenuInIframe,
|
|
48
|
+
showMenuInIframe = _ref$showMenuInIframe === void 0 ? false : _ref$showMenuInIframe,
|
|
49
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
71
50
|
var headerHeight = props.size === 'large' ? 60 : 50;
|
|
72
51
|
var theme = {
|
|
73
52
|
size: props.size,
|
|
@@ -87,35 +66,32 @@ var TNTLayout = function TNTLayout(_ref) {
|
|
|
87
66
|
dividerColor: '#E1E6EE',
|
|
88
67
|
lightBgColor: '#F1F2F5',
|
|
89
68
|
blueBgColor: '#1D4295' // 默认的蓝色主题
|
|
90
|
-
|
|
91
69
|
};
|
|
92
|
-
var isInIframe = showMenuInIframe ? false : self !== top && !window.navigator.userAgent.includes('mo-fang-app'); // 前期拼写错误,导致需要兼容处理
|
|
93
70
|
|
|
71
|
+
var isInIframe = showMenuInIframe ? false : self !== top && !window.navigator.userAgent.includes('mo-fang-app');
|
|
72
|
+
// 前期拼写错误,导致需要兼容处理
|
|
94
73
|
var extraHeaderActions = props.extraHeaderActions || props.extralHeaderActions;
|
|
95
74
|
var extendMap = typeof props.extendMap === 'string' ? (0, _utils.safeParseJSON)(props.extendMap, {}) : props.extendMap;
|
|
96
|
-
|
|
97
75
|
var _ref2 = extendMap || {},
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
76
|
+
_ref2$displayType = _ref2.displayType,
|
|
77
|
+
displayType = _ref2$displayType === void 0 ? 'default' : _ref2$displayType,
|
|
78
|
+
menuAlignMode = _ref2.menuAlignMode,
|
|
79
|
+
_ref2$globalNavigatio = _ref2.globalNavigation,
|
|
80
|
+
globalNavigation = _ref2$globalNavigatio === void 0 ? false : _ref2$globalNavigatio,
|
|
81
|
+
_ref2$language = _ref2.language,
|
|
82
|
+
language = _ref2$language === void 0 ? ['cn'] : _ref2$language,
|
|
83
|
+
_ref2$themeSwitch = _ref2.themeSwitch,
|
|
84
|
+
themeSwitch = _ref2$themeSwitch === void 0 ? true : _ref2$themeSwitch;
|
|
108
85
|
var userInfo = props.userInfo || {};
|
|
109
86
|
var actionsContextValue = (0, _createActions["default"])({
|
|
110
87
|
language: (0, _storage.getLanguageStore)() || userInfo.lang || 'cn'
|
|
111
88
|
});
|
|
112
|
-
|
|
113
89
|
var onLanguageChange = function onLanguageChange(language) {
|
|
114
90
|
actionsContextValue.setLanguage(language);
|
|
115
|
-
props
|
|
116
|
-
};
|
|
117
|
-
|
|
91
|
+
props.onLanguageChange && props.onLanguageChange(language);
|
|
92
|
+
};
|
|
118
93
|
|
|
94
|
+
// layout上的指定的属性优先级会高于extendMap中的属性
|
|
119
95
|
type = type || displayType;
|
|
120
96
|
config = Object.assign({
|
|
121
97
|
language: (language == null ? void 0 : language.length) > 1,
|
|
@@ -123,13 +99,13 @@ var TNTLayout = function TNTLayout(_ref) {
|
|
|
123
99
|
avatar: true,
|
|
124
100
|
globalNavigation: globalNavigation
|
|
125
101
|
}, config);
|
|
126
|
-
return React.createElement(_styledComponents.ThemeProvider, {
|
|
102
|
+
return /*#__PURE__*/React.createElement(_styledComponents.ThemeProvider, {
|
|
127
103
|
theme: theme
|
|
128
|
-
}, React.createElement(_AuthContext["default"].Provider, {
|
|
104
|
+
}, /*#__PURE__*/React.createElement(_AuthContext["default"].Provider, {
|
|
129
105
|
value: (0, _utils.getCheckAuth)(props.menus)
|
|
130
|
-
}, React.createElement(_ActionsContext["default"].Provider, {
|
|
106
|
+
}, /*#__PURE__*/React.createElement(_ActionsContext["default"].Provider, {
|
|
131
107
|
value: actionsContextValue
|
|
132
|
-
}, type === 'paas' && React.createElement(_paaslayout["default"], _extends({
|
|
108
|
+
}, type === 'paas' && /*#__PURE__*/React.createElement(_paaslayout["default"], _extends({
|
|
133
109
|
menuAlignMode: menuAlignMode,
|
|
134
110
|
config: config
|
|
135
111
|
}, props, {
|
|
@@ -137,15 +113,16 @@ var TNTLayout = function TNTLayout(_ref) {
|
|
|
137
113
|
isInIframe: isInIframe,
|
|
138
114
|
userInfo: userInfo,
|
|
139
115
|
onLanguageChange: onLanguageChange
|
|
140
|
-
})), type === 'enterprise' && React.createElement(_EnterpriseLayout["default"], _extends({
|
|
116
|
+
})), type === 'enterprise' && /*#__PURE__*/React.createElement(_EnterpriseLayout["default"], _extends({
|
|
141
117
|
menuAlignMode: menuAlignMode,
|
|
142
118
|
config: config
|
|
143
119
|
}, props, {
|
|
144
120
|
extraHeaderActions: extraHeaderActions,
|
|
145
121
|
isInIframe: isInIframe,
|
|
146
122
|
userInfo: userInfo,
|
|
147
|
-
onLanguageChange: onLanguageChange
|
|
148
|
-
|
|
123
|
+
onLanguageChange: onLanguageChange,
|
|
124
|
+
type: type
|
|
125
|
+
})), (!type || !['paas', 'enterprise'].includes(type)) && /*#__PURE__*/React.createElement(_Layout["default"], _extends({
|
|
149
126
|
menuAlignMode: menuAlignMode,
|
|
150
127
|
config: config
|
|
151
128
|
}, props, {
|
|
@@ -155,7 +132,6 @@ var TNTLayout = function TNTLayout(_ref) {
|
|
|
155
132
|
onLanguageChange: onLanguageChange
|
|
156
133
|
})))));
|
|
157
134
|
};
|
|
158
|
-
|
|
159
135
|
TNTLayout.HeaderActionItem = HeaderActionItem;
|
|
160
136
|
TNTLayout.HeaderNavs = _HeaderNavs["default"];
|
|
161
137
|
TNTLayout.HeaderTabs = _HeaderTabs["default"];
|
|
@@ -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
|
-
|
|
12
|
+
var _templateObject, _templateObject2;
|
|
18
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
|
-
function
|
|
21
|
-
|
|
22
|
-
function
|
|
23
|
-
|
|
24
|
-
function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
25
|
-
|
|
14
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
17
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
18
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
26
19
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
27
|
-
|
|
28
|
-
function _templateObject2() {
|
|
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
20
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
49
|
-
|
|
50
|
-
var
|
|
51
|
-
|
|
52
|
-
var SubMenu = _styledComponents["default"].ul(_templateObject2());
|
|
53
|
-
|
|
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"])));
|
|
54
23
|
var _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,43 @@ 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
135
|
};
|
|
184
|
-
|
|
185
136
|
exports["default"] = _default;
|
|
@@ -1,91 +1,58 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
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
|
-
|
|
13
|
+
var _templateObject, _templateObject2;
|
|
18
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
|
-
function
|
|
21
|
-
|
|
22
|
-
function
|
|
23
|
-
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
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; }
|
|
27
|
-
|
|
28
|
-
function _templateObject2() {
|
|
29
|
-
var data = _taggedTemplateLiteral(["\n flex: 1;\n .isInIframe & {\n display: none;\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 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
|
-
|
|
15
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
|
|
16
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
17
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
18
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
19
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
20
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
48
21
|
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) {
|
|
22
|
+
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
23
|
return "".concat(props.theme.headerHeight, "px");
|
|
52
24
|
});
|
|
53
|
-
|
|
54
|
-
var Content = _styledComponents["default"].div(_templateObject2());
|
|
55
|
-
|
|
25
|
+
var Content = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n flex: 1;\n .isInIframe & {\n display: none;\n }\n"])));
|
|
56
26
|
var _default = function _default(props) {
|
|
57
27
|
var logo = props.logo,
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
28
|
+
name = props.name,
|
|
29
|
+
enName = props.enName,
|
|
30
|
+
language = props.language,
|
|
31
|
+
selectedAppKey = props.selectedAppKey,
|
|
32
|
+
appList = props.appList,
|
|
33
|
+
onLogoClick = props.onLogoClick,
|
|
34
|
+
onAppChange = props.onAppChange,
|
|
35
|
+
extraActions = props.extraActions;
|
|
67
36
|
var config = _objectSpread({
|
|
68
37
|
application: true
|
|
69
38
|
}, props.config);
|
|
70
|
-
|
|
71
39
|
var headerRef = (0, _react.useRef)();
|
|
72
|
-
return React.createElement(Header, {
|
|
40
|
+
return /*#__PURE__*/React.createElement(Header, {
|
|
73
41
|
ref: headerRef
|
|
74
|
-
}, React.createElement(_Logo["default"], {
|
|
42
|
+
}, /*#__PURE__*/React.createElement(_Logo["default"], {
|
|
75
43
|
language: language,
|
|
76
44
|
logo: logo,
|
|
77
45
|
name: name,
|
|
78
46
|
enName: enName,
|
|
79
47
|
onClick: onLogoClick
|
|
80
|
-
}), appList && React.createElement(_AppList["default"], {
|
|
48
|
+
}), appList && /*#__PURE__*/React.createElement(_AppList["default"], {
|
|
81
49
|
items: appList,
|
|
82
50
|
selectedKey: selectedAppKey,
|
|
83
51
|
onChange: onAppChange
|
|
84
|
-
}), React.createElement(Content, null, props.children), React.createElement(_HeaderActions["default"], _extends({}, props, {
|
|
52
|
+
}), /*#__PURE__*/React.createElement(Content, null, props.children), /*#__PURE__*/React.createElement(_HeaderActions["default"], _extends({}, props, {
|
|
85
53
|
config: config,
|
|
86
54
|
headerRef: headerRef,
|
|
87
55
|
className: "paas-header-actions"
|
|
88
56
|
}), extraActions));
|
|
89
57
|
};
|
|
90
|
-
|
|
91
58
|
exports["default"] = _default;
|
|
@@ -4,29 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
|
-
|
|
10
8
|
var _Logo = _interopRequireDefault(require("../Logo"));
|
|
11
|
-
|
|
9
|
+
var _templateObject;
|
|
12
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
-
|
|
14
|
-
function _templateObject() {
|
|
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"]);
|
|
16
|
-
|
|
17
|
-
_templateObject = function _templateObject() {
|
|
18
|
-
return data;
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
return data;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
11
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
25
|
-
|
|
26
|
-
var LogoWrapper = (0, _styledComponents["default"])(_Logo["default"])(_templateObject());
|
|
27
|
-
|
|
12
|
+
var LogoWrapper = (0, _styledComponents["default"])(_Logo["default"])(_templateObject || (_templateObject = _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"])));
|
|
28
13
|
var _default = function _default(props) {
|
|
29
|
-
return React.createElement(LogoWrapper, props);
|
|
14
|
+
return /*#__PURE__*/React.createElement(LogoWrapper, props);
|
|
30
15
|
};
|
|
31
|
-
|
|
32
16
|
exports["default"] = _default;
|