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
package/lib/Layout/Language.js
CHANGED
|
@@ -1,48 +1,26 @@
|
|
|
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
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = require("react");
|
|
11
|
-
|
|
12
9
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
13
|
-
|
|
14
10
|
var _lodash = require("lodash");
|
|
15
|
-
|
|
16
11
|
var _Iconfont = _interopRequireDefault(require("./Iconfont"));
|
|
17
|
-
|
|
18
12
|
var _storage = require("./storage");
|
|
19
|
-
|
|
13
|
+
var _templateObject;
|
|
20
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
-
|
|
22
|
-
function
|
|
23
|
-
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
function
|
|
27
|
-
|
|
28
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
|
|
29
|
-
|
|
30
|
-
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; }
|
|
31
|
-
|
|
15
|
+
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); }
|
|
16
|
+
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; }
|
|
17
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
18
|
+
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."); }
|
|
19
|
+
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); }
|
|
20
|
+
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; }
|
|
21
|
+
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; } }
|
|
32
22
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
33
|
-
|
|
34
|
-
function _templateObject() {
|
|
35
|
-
var data = _taggedTemplateLiteral(["\n font-size: ", ";\n .tnt-icon {\n font-size: ", ";\n margin-right: 4px;\n }\n span {\n position: relative;\n font-size: ", ";\n top: ", ";\n font-family: auto;\n .tnt-themeS1 & {\n /* color: rgba(255,255,255,.85); */\n }\n }\n .isInIframe & {\n display: none;\n }\n"]);
|
|
36
|
-
|
|
37
|
-
_templateObject = function _templateObject() {
|
|
38
|
-
return data;
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
return data;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
23
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
45
|
-
|
|
46
24
|
var languages = [{
|
|
47
25
|
value: 'cn',
|
|
48
26
|
name: '中文'
|
|
@@ -54,8 +32,7 @@ var languagesMap = languages.reduce(function (acc, cur) {
|
|
|
54
32
|
acc[cur.value] = cur;
|
|
55
33
|
return acc;
|
|
56
34
|
}, {});
|
|
57
|
-
|
|
58
|
-
var Language = _styledComponents["default"].li(_templateObject(), function (_ref) {
|
|
35
|
+
var Language = _styledComponents["default"].li(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-size: ", ";\n .tnt-icon {\n font-size: ", ";\n margin-right: 4px;\n }\n span {\n position: relative;\n font-size: ", ";\n top: ", ";\n font-family: auto;\n .tnt-themeS1 & {\n /* color: rgba(255,255,255,.85); */\n }\n }\n .isInIframe & {\n display: none;\n }\n"])), function (_ref) {
|
|
59
36
|
var size = _ref.theme.size;
|
|
60
37
|
return size === 'large' ? '14px' : '12px';
|
|
61
38
|
}, function (_ref2) {
|
|
@@ -68,38 +45,30 @@ var Language = _styledComponents["default"].li(_templateObject(), function (_ref
|
|
|
68
45
|
var size = _ref4.theme.size;
|
|
69
46
|
return size === 'large' ? '-3px' : '-2px';
|
|
70
47
|
});
|
|
71
|
-
|
|
72
48
|
var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
73
49
|
var onChange = props.onChange;
|
|
74
|
-
|
|
75
50
|
var getLanguage = function getLanguage() {
|
|
76
51
|
var lang = (0, _storage.getLanguageStore)() || props.language;
|
|
77
|
-
|
|
78
52
|
if (!languagesMap[lang]) {
|
|
79
53
|
lang = (0, _lodash.get)(languages, '0.value');
|
|
80
54
|
}
|
|
81
|
-
|
|
82
55
|
return lang;
|
|
83
56
|
};
|
|
84
|
-
|
|
85
57
|
var _useState = (0, _react.useState)(getLanguage()),
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
58
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
59
|
+
_useState2$ = _useState2[0],
|
|
60
|
+
language = _useState2$ === void 0 ? 'cn' : _useState2$,
|
|
61
|
+
setLanguage = _useState2[1];
|
|
91
62
|
var switchLanguage = function switchLanguage() {
|
|
92
63
|
var lang = language === 'cn' ? 'en' : 'cn';
|
|
93
64
|
setLanguage(lang);
|
|
94
65
|
(0, _storage.setLanguageStore)(lang);
|
|
95
66
|
onChange && onChange(lang);
|
|
96
67
|
};
|
|
97
|
-
|
|
98
|
-
return React.createElement(Language, {
|
|
68
|
+
return /*#__PURE__*/React.createElement(Language, {
|
|
99
69
|
onClick: switchLanguage
|
|
100
|
-
}, React.createElement(_Iconfont["default"], {
|
|
70
|
+
}, /*#__PURE__*/React.createElement(_Iconfont["default"], {
|
|
101
71
|
type: "flag-".concat(language)
|
|
102
|
-
}), React.createElement("span", null, (0, _lodash.get)(languagesMap[language], 'name')));
|
|
72
|
+
}), /*#__PURE__*/React.createElement("span", null, (0, _lodash.get)(languagesMap[language], 'name')));
|
|
103
73
|
});
|
|
104
|
-
|
|
105
74
|
exports["default"] = _default;
|
package/lib/Layout/Layout.js
CHANGED
|
@@ -1,154 +1,119 @@
|
|
|
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
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
require("antd/lib/layout/style");
|
|
11
|
-
|
|
12
9
|
var _layout = _interopRequireDefault(require("antd/lib/layout"));
|
|
13
|
-
|
|
14
10
|
var _react = require("react");
|
|
15
|
-
|
|
16
11
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
17
|
-
|
|
18
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
19
|
-
|
|
20
13
|
var _lodash = require("lodash");
|
|
21
|
-
|
|
22
14
|
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
23
|
-
|
|
24
15
|
var _Header = _interopRequireDefault(require("./Header"));
|
|
25
|
-
|
|
26
16
|
var _Logo = _interopRequireDefault(require("./Logo"));
|
|
27
|
-
|
|
28
17
|
var _SideMenu = _interopRequireDefault(require("./SideMenu"));
|
|
29
|
-
|
|
30
18
|
var _storage = require("./storage");
|
|
31
|
-
|
|
32
|
-
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var
|
|
33
|
-
|
|
34
|
-
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; }
|
|
35
|
-
|
|
19
|
+
var _templateObject;
|
|
20
|
+
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); }
|
|
21
|
+
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; }
|
|
36
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
37
|
-
|
|
38
|
-
function
|
|
39
|
-
|
|
40
|
-
function
|
|
41
|
-
|
|
42
|
-
function
|
|
43
|
-
|
|
44
|
-
function
|
|
45
|
-
|
|
46
|
-
function
|
|
47
|
-
|
|
48
|
-
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; }
|
|
49
|
-
|
|
23
|
+
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; }
|
|
24
|
+
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; }
|
|
25
|
+
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; }
|
|
26
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
27
|
+
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); }
|
|
28
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
29
|
+
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."); }
|
|
30
|
+
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); }
|
|
31
|
+
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; }
|
|
32
|
+
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; } }
|
|
50
33
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
51
|
-
|
|
52
|
-
function _templateObject() {
|
|
53
|
-
var data = _taggedTemplateLiteral(["\n position: relative;\n .tnt-layout-sider {\n overflow-x: hidden;\n background: #191D29;\n }\n .tnt-layout-menu-collapse {\n position: absolute;\n bottom: 0;\n left: 0;\n line-height: 36px;\n background: #191D29;\n box-shadow: 0 0 6px 0 rgb(0 0 0 / 10%);\n color: #fff;\n width: 100%;\n padding-left: 24px;\n font-size: 14px;\n cursor: pointer;\n }\n &.isInIframe, &.isEmptyLayout {\n .tnt-layout-sider {\n display: none;\n }\n }\n &.compatible .tnt-layout-sider {\n background: linear-gradient(#213f83, #0f75d6) !important;\n }\n &.tnt-themeS1 {\n .tnt-layout-sider {\n background: #fff !important;\n overflow-x: unset;\n }\n .tnt-layout-menu-collapse {\n z-index: 3;\n background: #fff;\n color: ", ";\n }\n }\n // \u84DD\u8272\u7CFB\u5217\n &.tnt-themeS3 {\n .tnt-layout-sider {\n background-image: linear-gradient(180deg, #213F83 0%, #0F75D6 100%) !important;\n overflow-x: unset;\n }\n .tnt-layout-menu-collapse {\n background: #207AD4;\n color: #fff;\n }\n }\n & > .ant-layout-content {\n background-color: ", ";\n & > div:nth-child(2) {\n height: calc(100vh - 50px);\n overflow: auto;\n }\n }\n &.large-size > .ant-layout-content {\n & > div:nth-child(2) {\n height: calc(100vh - 60px);\n }\n }\n"]);
|
|
54
|
-
|
|
55
|
-
_templateObject = function _templateObject() {
|
|
56
|
-
return data;
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
return data;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
34
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
63
|
-
|
|
64
35
|
var Content = _layout["default"].Content,
|
|
65
|
-
|
|
66
|
-
var TNTLayout = (0, _styledComponents["default"])(_layout["default"])(_templateObject(), function (props) {
|
|
36
|
+
Sider = _layout["default"].Sider;
|
|
37
|
+
var TNTLayout = (0, _styledComponents["default"])(_layout["default"])(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n .tnt-layout-sider {\n overflow-x: hidden;\n background: #191D29;\n }\n .tnt-layout-menu-collapse {\n position: absolute;\n bottom: 0;\n left: 0;\n line-height: 36px;\n background: #191D29;\n box-shadow: 0 0 6px 0 rgb(0 0 0 / 10%);\n color: #fff;\n width: 100%;\n padding-left: 24px;\n font-size: 14px;\n cursor: pointer;\n }\n &.isInIframe, &.isEmptyLayout {\n .tnt-layout-sider {\n display: none;\n }\n }\n &.compatible .tnt-layout-sider {\n background: linear-gradient(#213f83, #0f75d6) !important;\n }\n &.tnt-themeS1 {\n .tnt-layout-sider {\n background: #fff !important;\n overflow-x: unset;\n }\n .tnt-layout-menu-collapse {\n z-index: 3;\n background: #fff;\n color: ", ";\n }\n }\n // \u84DD\u8272\u7CFB\u5217\n &.tnt-themeS3 {\n .tnt-layout-sider {\n background-image: linear-gradient(180deg, #213F83 0%, #0F75D6 100%) !important;\n overflow-x: unset;\n }\n .tnt-layout-menu-collapse {\n background: #207AD4;\n color: #fff;\n }\n }\n & > .ant-layout-content {\n background-color: ", ";\n & > div:nth-child(2) {\n height: calc(100vh - 50px);\n overflow: auto;\n }\n }\n &.large-size > .ant-layout-content {\n & > div:nth-child(2) {\n height: calc(100vh - 60px);\n }\n }\n"])), function (props) {
|
|
67
38
|
return props.theme.primaryTextColor;
|
|
68
39
|
}, function (props) {
|
|
69
40
|
return props.theme.lightBgColor;
|
|
70
41
|
});
|
|
71
|
-
|
|
72
42
|
var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
73
|
-
var
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
43
|
+
var type = props.type,
|
|
44
|
+
logo = props.logo,
|
|
45
|
+
name = props.name,
|
|
46
|
+
enName = props.enName,
|
|
47
|
+
selectedOrgKey = props.selectedOrgKey,
|
|
48
|
+
orgAppShow = props.orgAppShow,
|
|
49
|
+
orgList = props.orgList,
|
|
50
|
+
orgAppList = props.orgAppList,
|
|
51
|
+
onOrgChange = props.onOrgChange,
|
|
52
|
+
selectedAppKey = props.selectedAppKey,
|
|
53
|
+
appList = props.appList,
|
|
54
|
+
selectedMenuKey = props.selectedMenuKey,
|
|
55
|
+
_props$menuAlignMode = props.menuAlignMode,
|
|
56
|
+
menuAlignMode = _props$menuAlignMode === void 0 ? 'side' : _props$menuAlignMode,
|
|
57
|
+
_props$collapseIconPl = props.collapseIconPlacement,
|
|
58
|
+
collapseIconPlacement = _props$collapseIconPl === void 0 ? 'right' : _props$collapseIconPl,
|
|
59
|
+
_props$menus = props.menus,
|
|
60
|
+
menus = _props$menus === void 0 ? [] : _props$menus,
|
|
61
|
+
formatMenuPath = props.formatMenuPath,
|
|
62
|
+
changeRouter = props.changeRouter,
|
|
63
|
+
headerTabs = props.headerTabs,
|
|
64
|
+
orgTreeConfig = props.orgTreeConfig,
|
|
65
|
+
headerNavs = props.headerNavs,
|
|
66
|
+
extraHeaderActions = props.extraHeaderActions,
|
|
67
|
+
isInIframe = props.isInIframe,
|
|
68
|
+
isEmptyLayout = props.isEmptyLayout,
|
|
69
|
+
_props$onLogoClick = props.onLogoClick,
|
|
70
|
+
onLogoClick = _props$onLogoClick === void 0 ? function () {
|
|
71
|
+
return null;
|
|
72
|
+
} : _props$onLogoClick,
|
|
73
|
+
onCollapseChange = props.onCollapseChange,
|
|
74
|
+
_onThemeChange = props.onThemeChange,
|
|
75
|
+
_onLanguageChange = props.onLanguageChange,
|
|
76
|
+
onBeforeMenuChange = props.onBeforeMenuChange,
|
|
77
|
+
onMenuChange = props.onMenuChange,
|
|
78
|
+
onMenuSelect = props.onMenuSelect,
|
|
79
|
+
onAppChange = props.onAppChange,
|
|
80
|
+
onPersonalSetting = props.onPersonalSetting,
|
|
81
|
+
onChangePassword = props.onChangePassword,
|
|
82
|
+
onLogout = props.onLogout,
|
|
83
|
+
config = props.config,
|
|
84
|
+
_props$extendMap = props.extendMap,
|
|
85
|
+
extendMap = _props$extendMap === void 0 ? {} : _props$extendMap,
|
|
86
|
+
AvatarCustom = props.AvatarCustom;
|
|
117
87
|
var _getSideMenuStore = (0, _storage.getSideMenuStore)(),
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
88
|
+
storeCollapsed = _getSideMenuStore.collapsed,
|
|
89
|
+
_getSideMenuStore$ope = _getSideMenuStore.openKeys,
|
|
90
|
+
openKeys = _getSideMenuStore$ope === void 0 ? [] : _getSideMenuStore$ope;
|
|
122
91
|
var _useState = (0, _react.useState)((0, _lodash.isUndefined)(storeCollapsed) ? props.collapsed : storeCollapsed),
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
92
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
93
|
+
collapsed = _useState2[0],
|
|
94
|
+
setCollapsed = _useState2[1];
|
|
127
95
|
var _useState3 = (0, _react.useState)(function () {
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
96
|
+
openKeys = collapsed ? [] : openKeys;
|
|
97
|
+
openKeys = openKeys instanceof Array ? openKeys : [];
|
|
98
|
+
return openKeys;
|
|
99
|
+
}(openKeys)),
|
|
100
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
101
|
+
openMenuKeys = _useState4[0],
|
|
102
|
+
setOpenMenuKeys = _useState4[1];
|
|
136
103
|
var _useState5 = (0, _react.useState)(props.userInfo || {}),
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
104
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
105
|
+
userInfo = _useState6[0],
|
|
106
|
+
setUserInfo = _useState6[1];
|
|
141
107
|
var theme = (0, _storage.getThemeStore)() || (extendMap == null ? void 0 : extendMap.defaultTheme) || userInfo.theme || 'themeS2';
|
|
142
108
|
var language = (0, _storage.getLanguageStore)() || userInfo.lang || 'cn';
|
|
143
109
|
theme = theme === 'default' ? 'themeS2' : theme;
|
|
144
|
-
|
|
145
110
|
var collapseChangeHandle = function collapseChangeHandle() {
|
|
146
111
|
var _getSideMenuStore2 = (0, _storage.getSideMenuStore)(),
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
var newCollapsed = !collapsed; // 菜单收起:记住当前展开子菜单到store,并收起子菜单
|
|
112
|
+
_getSideMenuStore2$be = _getSideMenuStore2.beforeOpenKeys,
|
|
113
|
+
beforeOpenKeys = _getSideMenuStore2$be === void 0 ? [] : _getSideMenuStore2$be;
|
|
114
|
+
var newCollapsed = !collapsed;
|
|
151
115
|
|
|
116
|
+
// 菜单收起:记住当前展开子菜单到store,并收起子菜单
|
|
152
117
|
if (newCollapsed) {
|
|
153
118
|
(0, _storage.setSideMenuStore)({
|
|
154
119
|
collapsed: newCollapsed,
|
|
@@ -163,15 +128,13 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
163
128
|
});
|
|
164
129
|
setOpenMenuKeys(beforeOpenKeys);
|
|
165
130
|
}
|
|
166
|
-
|
|
167
131
|
setCollapsed(newCollapsed);
|
|
168
132
|
onCollapseChange && onCollapseChange(newCollapsed);
|
|
169
133
|
};
|
|
170
|
-
|
|
171
134
|
(0, _react.useEffect)(function () {
|
|
172
135
|
setUserInfo(props.userInfo);
|
|
173
136
|
}, [props.userInfo]);
|
|
174
|
-
return React.createElement(TNTLayout, {
|
|
137
|
+
return /*#__PURE__*/React.createElement(TNTLayout, {
|
|
175
138
|
className: (0, _classnames["default"])("tnt-layout tnt-".concat(theme, " ").concat(props.className || ''), {
|
|
176
139
|
'large-size': props.theme.size === 'large',
|
|
177
140
|
compatible: props.theme.compatible,
|
|
@@ -182,21 +145,21 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
182
145
|
layoutMenusCollapsed: collapsed,
|
|
183
146
|
collapseIconPlacementBottom: collapseIconPlacement === 'bottom'
|
|
184
147
|
})
|
|
185
|
-
}, React.createElement(Sider, {
|
|
148
|
+
}, /*#__PURE__*/React.createElement(Sider, {
|
|
186
149
|
collapsible: true,
|
|
187
150
|
breakpoint: "md",
|
|
188
151
|
className: "tnt-layout-sider",
|
|
189
152
|
collapsed: collapsed,
|
|
190
153
|
width: 220,
|
|
191
154
|
trigger: null
|
|
192
|
-
}, React.createElement(_Logo["default"], {
|
|
155
|
+
}, /*#__PURE__*/React.createElement(_Logo["default"], {
|
|
193
156
|
language: language,
|
|
194
157
|
logo: logo,
|
|
195
158
|
name: name,
|
|
196
159
|
enName: enName,
|
|
197
160
|
collapsed: collapsed,
|
|
198
161
|
onClick: onLogoClick
|
|
199
|
-
}), React.createElement(_SideMenu["default"], {
|
|
162
|
+
}), /*#__PURE__*/React.createElement(_SideMenu["default"], {
|
|
200
163
|
language: language,
|
|
201
164
|
selectedKey: selectedMenuKey,
|
|
202
165
|
menuAlignMode: menuAlignMode,
|
|
@@ -210,7 +173,6 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
210
173
|
beforeOpenKeys: keys
|
|
211
174
|
});
|
|
212
175
|
}
|
|
213
|
-
|
|
214
176
|
setOpenMenuKeys(keys);
|
|
215
177
|
},
|
|
216
178
|
formatMenuPath: formatMenuPath,
|
|
@@ -218,12 +180,13 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
218
180
|
onBeforeChange: onBeforeMenuChange,
|
|
219
181
|
onChange: onMenuChange,
|
|
220
182
|
onSelect: onMenuSelect
|
|
221
|
-
}), collapseIconPlacement === 'bottom' && React.createElement("div", {
|
|
183
|
+
}), collapseIconPlacement === 'bottom' && /*#__PURE__*/React.createElement("div", {
|
|
222
184
|
className: "tnt-layout-menu-collapse",
|
|
223
185
|
onClick: collapseChangeHandle
|
|
224
|
-
}, React.createElement(_Icon["default"], {
|
|
186
|
+
}, /*#__PURE__*/React.createElement(_Icon["default"], {
|
|
225
187
|
type: "menu-".concat(collapsed ? 'unfold' : 'fold')
|
|
226
|
-
}))), React.createElement(Content, null, React.createElement(_Header["default"], {
|
|
188
|
+
}))), /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(_Header["default"], {
|
|
189
|
+
type: type,
|
|
227
190
|
userInfo: userInfo,
|
|
228
191
|
config: config,
|
|
229
192
|
collapsed: collapsed,
|
|
@@ -243,13 +206,13 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
243
206
|
onCollapseChange: collapseChangeHandle,
|
|
244
207
|
AvatarCustom: AvatarCustom,
|
|
245
208
|
onThemeChange: function onThemeChange(theme) {
|
|
246
|
-
setUserInfo(_objectSpread({}, userInfo, {
|
|
209
|
+
setUserInfo(_objectSpread(_objectSpread({}, userInfo), {}, {
|
|
247
210
|
theme: theme
|
|
248
211
|
}));
|
|
249
212
|
_onThemeChange && _onThemeChange(theme);
|
|
250
213
|
},
|
|
251
214
|
onLanguageChange: function onLanguageChange(lang) {
|
|
252
|
-
setUserInfo(_objectSpread({}, userInfo, {
|
|
215
|
+
setUserInfo(_objectSpread(_objectSpread({}, userInfo), {}, {
|
|
253
216
|
lang: lang
|
|
254
217
|
}));
|
|
255
218
|
_onLanguageChange && _onLanguageChange(lang);
|
|
@@ -259,5 +222,4 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
259
222
|
onLogout: onLogout
|
|
260
223
|
}, headerNavs), props.children));
|
|
261
224
|
});
|
|
262
|
-
|
|
263
225
|
exports["default"] = _default;
|
package/lib/Layout/Logo.js
CHANGED
|
@@ -1,35 +1,18 @@
|
|
|
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
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
11
|
-
|
|
12
9
|
var _images = require("./images");
|
|
13
|
-
|
|
14
|
-
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var
|
|
15
|
-
|
|
16
|
-
function
|
|
17
|
-
|
|
18
|
-
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); }
|
|
19
|
-
|
|
20
|
-
function _templateObject() {
|
|
21
|
-
var data = _taggedTemplateLiteral(["\n height: ", ";\n line-height: ", ";\n padding-left: 15px;\n width: 220px;\n background: #191D29;\n font-size: ", ";\n color: rgba(226, 237, 255, .9);\n letter-spacing: 0;\n position: relative;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n &:after {\n position: absolute;\n bottom: -12px;\n left: 0;\n background-image: linear-gradient(0deg, #191D29 23%, #151924 93%);\n content: \"\";\n width: 100%;\n height: 12px;\n }\n\n .ant-layout-sider-collapsed & {\n padding-left: 26px;\n }\n\n .compatible & {\n background: #213F83;\n color: #A1D7FF;\n box-shadow: 0 1px 8px 0 rgba(0,0,0,0.30);\n &:after {\n display: none;\n }\n }\n cursor: pointer;\n font-weight: 400;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n .tnt-themeS1 & {\n background: #FFFFFF !important;\n box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);\n color: #17233D;\n &:after {\n display: none;\n }\n }\n\n .tnt-themeS1.compatible & {\n background: #323b4a;\n }\n\n // \u84DD\u8272\u4E3B\u9898\n .tnt-themeS3 & {\n background: ", "; //#1D4295 !important;\n box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);\n color: #FFFFFF;\n &:after {\n display: none;\n }\n }\n\n img {\n position: relative;\n top: -1px;\n width: 23px;\n height: 23px;\n margin-right: 12px;\n .large-size & {\n width: 28px;\n height: 28px;\n }\n }\n"]);
|
|
22
|
-
|
|
23
|
-
_templateObject = function _templateObject() {
|
|
24
|
-
return data;
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
return data;
|
|
28
|
-
}
|
|
29
|
-
|
|
10
|
+
var _templateObject;
|
|
11
|
+
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); }
|
|
12
|
+
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; }
|
|
13
|
+
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); }
|
|
30
14
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
31
|
-
|
|
32
|
-
var Logo = _styledComponents["default"].div(_templateObject(), function (props) {
|
|
15
|
+
var Logo = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n height: ", ";\n line-height: ", ";\n padding-left: 15px;\n width: 220px;\n background: #191D29;\n font-size: ", ";\n color: rgba(226, 237, 255, .9);\n letter-spacing: 0;\n position: relative;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n &:after {\n position: absolute;\n bottom: -12px;\n left: 0;\n background-image: linear-gradient(0deg, #191D29 23%, #151924 93%);\n content: \"\";\n width: 100%;\n height: 12px;\n }\n\n .ant-layout-sider-collapsed & {\n padding-left: 26px;\n }\n\n .compatible & {\n background: #213F83;\n color: #A1D7FF;\n box-shadow: 0 1px 8px 0 rgba(0,0,0,0.30);\n &:after {\n display: none;\n }\n }\n cursor: pointer;\n font-weight: 400;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n .tnt-themeS1 & {\n background: #FFFFFF !important;\n box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);\n color: #17233D;\n &:after {\n display: none;\n }\n }\n\n .tnt-themeS1.compatible & {\n background: #323b4a;\n }\n\n // \u84DD\u8272\u4E3B\u9898\n .tnt-themeS3 & {\n background: ", "; //#1D4295 !important;\n box-shadow: 2px 3px 8px -1px rgba(0,0,0,0.15);\n color: #FFFFFF;\n &:after {\n display: none;\n }\n }\n\n img {\n position: relative;\n top: -1px;\n width: 23px;\n height: 23px;\n margin-right: 12px;\n .large-size & {\n width: 28px;\n height: 28px;\n }\n }\n"])), function (props) {
|
|
33
16
|
return "".concat(props.theme.headerHeight, "px");
|
|
34
17
|
}, function (props) {
|
|
35
18
|
return "".concat(props.theme.headerHeight, "px");
|
|
@@ -37,36 +20,32 @@ var Logo = _styledComponents["default"].div(_templateObject(), function (props)
|
|
|
37
20
|
return "".concat(props.fontSize, "px");
|
|
38
21
|
}, function (props) {
|
|
39
22
|
return "".concat(props.theme.blueBgColor, " !important");
|
|
40
|
-
});
|
|
41
|
-
|
|
23
|
+
});
|
|
42
24
|
|
|
25
|
+
// JS判断字符串长度(英文占1个字符,中文汉字占2个字符)
|
|
43
26
|
var getStrLen = function getStrLen() {
|
|
44
27
|
var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
45
28
|
var len = 0;
|
|
46
|
-
|
|
47
29
|
for (var i = 0; i < str.length; i++) {
|
|
48
30
|
var c = str.charCodeAt(i);
|
|
49
|
-
var chartLength = 2;
|
|
31
|
+
var chartLength = 2;
|
|
50
32
|
|
|
33
|
+
//单字节加1
|
|
51
34
|
if (c >= 0x0001 && c <= 0x007e || 0xff60 <= c && c <= 0xff9f) {
|
|
52
35
|
chartLength = 1;
|
|
53
36
|
}
|
|
54
|
-
|
|
55
37
|
len += chartLength;
|
|
56
38
|
}
|
|
57
|
-
|
|
58
39
|
return len;
|
|
59
40
|
};
|
|
60
|
-
|
|
61
41
|
var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
62
42
|
var _logo$props;
|
|
63
|
-
|
|
64
43
|
var logo = props.logo,
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
44
|
+
name = props.name,
|
|
45
|
+
enName = props.enName,
|
|
46
|
+
language = props.language,
|
|
47
|
+
collapsed = props.collapsed,
|
|
48
|
+
size = props.theme.size;
|
|
70
49
|
var productNameLen = getStrLen(language === 'cn' ? name : enName);
|
|
71
50
|
var fontSize = {
|
|
72
51
|
12: 19,
|
|
@@ -75,26 +54,23 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
75
54
|
15: 16,
|
|
76
55
|
16: 15
|
|
77
56
|
}[Math.max(12, Math.min(productNameLen, 16))] + (size === 'large' ? 1 : 0);
|
|
78
|
-
|
|
79
57
|
var LogoImg = function LogoImg(props) {
|
|
80
|
-
return React.createElement("img", _extends({
|
|
58
|
+
return /*#__PURE__*/React.createElement("img", _extends({
|
|
81
59
|
onError: function onError(e) {
|
|
82
60
|
e.target.onerror = null;
|
|
83
61
|
e.target.src = _images.logoImgMap["default"];
|
|
84
62
|
}
|
|
85
63
|
}, props));
|
|
86
64
|
};
|
|
87
|
-
|
|
88
|
-
return React.createElement(Logo, _extends({}, props, {
|
|
65
|
+
return /*#__PURE__*/React.createElement(Logo, _extends({}, props, {
|
|
89
66
|
fontSize: fontSize
|
|
90
|
-
}), typeof logo === 'string' ? React.createElement(LogoImg, {
|
|
67
|
+
}), typeof logo === 'string' ? /*#__PURE__*/React.createElement(LogoImg, {
|
|
91
68
|
src: _images.logoImgMap[logo] || _images.logoImgMap["default"]
|
|
92
|
-
}) : logo && logo.type === 'img' ? React.createElement(LogoImg, _extends({}, logo.props, {
|
|
69
|
+
}) : logo && logo.type === 'img' ? /*#__PURE__*/React.createElement(LogoImg, _extends({}, logo.props, {
|
|
93
70
|
src: ((_logo$props = logo.props) == null ? void 0 : _logo$props.src) || _images.logoImgMap["default"]
|
|
94
71
|
})) : logo, collapsed ? '' : {
|
|
95
72
|
cn: name,
|
|
96
73
|
en: enName
|
|
97
74
|
}[language]);
|
|
98
75
|
});
|
|
99
|
-
|
|
100
76
|
exports["default"] = _default;
|