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
package/lib/Layout/Language.js
CHANGED
|
@@ -1,48 +1,26 @@
|
|
|
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
|
});
|
|
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
|
-
|
|
20
|
-
function _interopRequireDefault(
|
|
21
|
-
|
|
22
|
-
function
|
|
23
|
-
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
function
|
|
27
|
-
|
|
28
|
-
function
|
|
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
|
-
|
|
32
|
-
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
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
45
|
-
|
|
13
|
+
var _templateObject;
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
15
|
+
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); }
|
|
16
|
+
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; }
|
|
17
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(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; } }
|
|
20
|
+
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; }
|
|
21
|
+
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; } }
|
|
22
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
23
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
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,29 @@ 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
|
-
var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
48
|
+
var _default = exports["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')));
|
|
103
|
-
});
|
|
104
|
-
|
|
105
|
-
exports["default"] = _default;
|
|
72
|
+
}), /*#__PURE__*/React.createElement("span", null, (0, _lodash.get)(languagesMap[language], 'name')));
|
|
73
|
+
});
|
package/lib/Layout/Layout.js
CHANGED
|
@@ -1,155 +1,119 @@
|
|
|
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
|
});
|
|
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
|
|
33
|
-
|
|
34
|
-
function
|
|
35
|
-
|
|
36
|
-
function
|
|
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
|
-
|
|
50
|
-
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
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
63
|
-
|
|
19
|
+
var _templateObject;
|
|
20
|
+
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); }
|
|
21
|
+
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; }
|
|
22
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
23
|
+
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; }
|
|
24
|
+
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; }
|
|
25
|
+
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; }
|
|
26
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
27
|
+
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); }
|
|
28
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(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; } }
|
|
31
|
+
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; }
|
|
32
|
+
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; } }
|
|
33
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
34
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
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
|
-
var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
42
|
+
var _default = exports["default"] = (0, _styledComponents.withTheme)(function (props) {
|
|
73
43
|
var type = props.type,
|
|
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
|
-
|
|
117
|
-
|
|
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;
|
|
118
87
|
var _getSideMenuStore = (0, _storage.getSideMenuStore)(),
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
88
|
+
storeCollapsed = _getSideMenuStore.collapsed,
|
|
89
|
+
_getSideMenuStore$ope = _getSideMenuStore.openKeys,
|
|
90
|
+
openKeys = _getSideMenuStore$ope === void 0 ? [] : _getSideMenuStore$ope;
|
|
123
91
|
var _useState = (0, _react.useState)((0, _lodash.isUndefined)(storeCollapsed) ? props.collapsed : storeCollapsed),
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
92
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
93
|
+
collapsed = _useState2[0],
|
|
94
|
+
setCollapsed = _useState2[1];
|
|
128
95
|
var _useState3 = (0, _react.useState)(function () {
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
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];
|
|
137
103
|
var _useState5 = (0, _react.useState)(props.userInfo || {}),
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
104
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
105
|
+
userInfo = _useState6[0],
|
|
106
|
+
setUserInfo = _useState6[1];
|
|
142
107
|
var theme = (0, _storage.getThemeStore)() || (extendMap == null ? void 0 : extendMap.defaultTheme) || userInfo.theme || 'themeS2';
|
|
143
108
|
var language = (0, _storage.getLanguageStore)() || userInfo.lang || 'cn';
|
|
144
109
|
theme = theme === 'default' ? 'themeS2' : theme;
|
|
145
|
-
|
|
146
110
|
var collapseChangeHandle = function collapseChangeHandle() {
|
|
147
111
|
var _getSideMenuStore2 = (0, _storage.getSideMenuStore)(),
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
var newCollapsed = !collapsed; // 菜单收起:记住当前展开子菜单到store,并收起子菜单
|
|
112
|
+
_getSideMenuStore2$be = _getSideMenuStore2.beforeOpenKeys,
|
|
113
|
+
beforeOpenKeys = _getSideMenuStore2$be === void 0 ? [] : _getSideMenuStore2$be;
|
|
114
|
+
var newCollapsed = !collapsed;
|
|
152
115
|
|
|
116
|
+
// 菜单收起:记住当前展开子菜单到store,并收起子菜单
|
|
153
117
|
if (newCollapsed) {
|
|
154
118
|
(0, _storage.setSideMenuStore)({
|
|
155
119
|
collapsed: newCollapsed,
|
|
@@ -164,15 +128,13 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
164
128
|
});
|
|
165
129
|
setOpenMenuKeys(beforeOpenKeys);
|
|
166
130
|
}
|
|
167
|
-
|
|
168
131
|
setCollapsed(newCollapsed);
|
|
169
132
|
onCollapseChange && onCollapseChange(newCollapsed);
|
|
170
133
|
};
|
|
171
|
-
|
|
172
134
|
(0, _react.useEffect)(function () {
|
|
173
135
|
setUserInfo(props.userInfo);
|
|
174
136
|
}, [props.userInfo]);
|
|
175
|
-
return React.createElement(TNTLayout, {
|
|
137
|
+
return /*#__PURE__*/React.createElement(TNTLayout, {
|
|
176
138
|
className: (0, _classnames["default"])("tnt-layout tnt-".concat(theme, " ").concat(props.className || ''), {
|
|
177
139
|
'large-size': props.theme.size === 'large',
|
|
178
140
|
compatible: props.theme.compatible,
|
|
@@ -183,21 +145,21 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
183
145
|
layoutMenusCollapsed: collapsed,
|
|
184
146
|
collapseIconPlacementBottom: collapseIconPlacement === 'bottom'
|
|
185
147
|
})
|
|
186
|
-
}, React.createElement(Sider, {
|
|
148
|
+
}, /*#__PURE__*/React.createElement(Sider, {
|
|
187
149
|
collapsible: true,
|
|
188
150
|
breakpoint: "md",
|
|
189
151
|
className: "tnt-layout-sider",
|
|
190
152
|
collapsed: collapsed,
|
|
191
153
|
width: 220,
|
|
192
154
|
trigger: null
|
|
193
|
-
}, React.createElement(_Logo["default"], {
|
|
155
|
+
}, /*#__PURE__*/React.createElement(_Logo["default"], {
|
|
194
156
|
language: language,
|
|
195
157
|
logo: logo,
|
|
196
158
|
name: name,
|
|
197
159
|
enName: enName,
|
|
198
160
|
collapsed: collapsed,
|
|
199
161
|
onClick: onLogoClick
|
|
200
|
-
}), React.createElement(_SideMenu["default"], {
|
|
162
|
+
}), /*#__PURE__*/React.createElement(_SideMenu["default"], {
|
|
201
163
|
language: language,
|
|
202
164
|
selectedKey: selectedMenuKey,
|
|
203
165
|
menuAlignMode: menuAlignMode,
|
|
@@ -211,7 +173,6 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
211
173
|
beforeOpenKeys: keys
|
|
212
174
|
});
|
|
213
175
|
}
|
|
214
|
-
|
|
215
176
|
setOpenMenuKeys(keys);
|
|
216
177
|
},
|
|
217
178
|
formatMenuPath: formatMenuPath,
|
|
@@ -219,12 +180,12 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
219
180
|
onBeforeChange: onBeforeMenuChange,
|
|
220
181
|
onChange: onMenuChange,
|
|
221
182
|
onSelect: onMenuSelect
|
|
222
|
-
}), collapseIconPlacement === 'bottom' && React.createElement("div", {
|
|
183
|
+
}), collapseIconPlacement === 'bottom' && /*#__PURE__*/React.createElement("div", {
|
|
223
184
|
className: "tnt-layout-menu-collapse",
|
|
224
185
|
onClick: collapseChangeHandle
|
|
225
|
-
}, React.createElement(_Icon["default"], {
|
|
186
|
+
}, /*#__PURE__*/React.createElement(_Icon["default"], {
|
|
226
187
|
type: "menu-".concat(collapsed ? 'unfold' : 'fold')
|
|
227
|
-
}))), React.createElement(Content, null, React.createElement(_Header["default"], {
|
|
188
|
+
}))), /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(_Header["default"], {
|
|
228
189
|
type: type,
|
|
229
190
|
userInfo: userInfo,
|
|
230
191
|
config: config,
|
|
@@ -245,13 +206,13 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
245
206
|
onCollapseChange: collapseChangeHandle,
|
|
246
207
|
AvatarCustom: AvatarCustom,
|
|
247
208
|
onThemeChange: function onThemeChange(theme) {
|
|
248
|
-
setUserInfo(_objectSpread({}, userInfo, {
|
|
209
|
+
setUserInfo(_objectSpread(_objectSpread({}, userInfo), {}, {
|
|
249
210
|
theme: theme
|
|
250
211
|
}));
|
|
251
212
|
_onThemeChange && _onThemeChange(theme);
|
|
252
213
|
},
|
|
253
214
|
onLanguageChange: function onLanguageChange(lang) {
|
|
254
|
-
setUserInfo(_objectSpread({}, userInfo, {
|
|
215
|
+
setUserInfo(_objectSpread(_objectSpread({}, userInfo), {}, {
|
|
255
216
|
lang: lang
|
|
256
217
|
}));
|
|
257
218
|
_onLanguageChange && _onLanguageChange(lang);
|
|
@@ -260,6 +221,4 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
260
221
|
onChangePassword: onChangePassword,
|
|
261
222
|
onLogout: onLogout
|
|
262
223
|
}, headerNavs), props.children));
|
|
263
|
-
});
|
|
264
|
-
|
|
265
|
-
exports["default"] = _default;
|
|
224
|
+
});
|
package/lib/Layout/Logo.js
CHANGED
|
@@ -1,35 +1,22 @@
|
|
|
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
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
11
|
-
|
|
12
9
|
var _images = require("./images");
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
function
|
|
19
|
-
|
|
20
|
-
function
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
_templateObject = function _templateObject() {
|
|
24
|
-
return data;
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
return data;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
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) {
|
|
10
|
+
var _templateObject;
|
|
11
|
+
/**
|
|
12
|
+
* @file Logo
|
|
13
|
+
* @author zhangyou
|
|
14
|
+
*/
|
|
15
|
+
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); }
|
|
16
|
+
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; }
|
|
17
|
+
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); }
|
|
18
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
19
|
+
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
20
|
return "".concat(props.theme.headerHeight, "px");
|
|
34
21
|
}, function (props) {
|
|
35
22
|
return "".concat(props.theme.headerHeight, "px");
|
|
@@ -37,36 +24,32 @@ var Logo = _styledComponents["default"].div(_templateObject(), function (props)
|
|
|
37
24
|
return "".concat(props.fontSize, "px");
|
|
38
25
|
}, function (props) {
|
|
39
26
|
return "".concat(props.theme.blueBgColor, " !important");
|
|
40
|
-
});
|
|
41
|
-
|
|
27
|
+
});
|
|
42
28
|
|
|
29
|
+
// JS判断字符串长度(英文占1个字符,中文汉字占2个字符)
|
|
43
30
|
var getStrLen = function getStrLen() {
|
|
44
31
|
var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
45
32
|
var len = 0;
|
|
46
|
-
|
|
47
33
|
for (var i = 0; i < str.length; i++) {
|
|
48
34
|
var c = str.charCodeAt(i);
|
|
49
|
-
var chartLength = 2;
|
|
35
|
+
var chartLength = 2;
|
|
50
36
|
|
|
37
|
+
//单字节加1
|
|
51
38
|
if (c >= 0x0001 && c <= 0x007e || 0xff60 <= c && c <= 0xff9f) {
|
|
52
39
|
chartLength = 1;
|
|
53
40
|
}
|
|
54
|
-
|
|
55
41
|
len += chartLength;
|
|
56
42
|
}
|
|
57
|
-
|
|
58
43
|
return len;
|
|
59
44
|
};
|
|
60
|
-
|
|
61
|
-
var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
45
|
+
var _default = exports["default"] = (0, _styledComponents.withTheme)(function (props) {
|
|
62
46
|
var _logo$props;
|
|
63
|
-
|
|
64
47
|
var logo = props.logo,
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
48
|
+
name = props.name,
|
|
49
|
+
enName = props.enName,
|
|
50
|
+
language = props.language,
|
|
51
|
+
collapsed = props.collapsed,
|
|
52
|
+
size = props.theme.size;
|
|
70
53
|
var productNameLen = getStrLen(language === 'cn' ? name : enName);
|
|
71
54
|
var fontSize = {
|
|
72
55
|
12: 19,
|
|
@@ -75,26 +58,22 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
75
58
|
15: 16,
|
|
76
59
|
16: 15
|
|
77
60
|
}[Math.max(12, Math.min(productNameLen, 16))] + (size === 'large' ? 1 : 0);
|
|
78
|
-
|
|
79
61
|
var LogoImg = function LogoImg(props) {
|
|
80
|
-
return React.createElement("img", _extends({
|
|
62
|
+
return /*#__PURE__*/React.createElement("img", _extends({
|
|
81
63
|
onError: function onError(e) {
|
|
82
64
|
e.target.onerror = null;
|
|
83
65
|
e.target.src = _images.logoImgMap["default"];
|
|
84
66
|
}
|
|
85
67
|
}, props));
|
|
86
68
|
};
|
|
87
|
-
|
|
88
|
-
return React.createElement(Logo, _extends({}, props, {
|
|
69
|
+
return /*#__PURE__*/React.createElement(Logo, _extends({}, props, {
|
|
89
70
|
fontSize: fontSize
|
|
90
|
-
}), typeof logo === 'string' ? React.createElement(LogoImg, {
|
|
71
|
+
}), typeof logo === 'string' ? /*#__PURE__*/React.createElement(LogoImg, {
|
|
91
72
|
src: _images.logoImgMap[logo] || _images.logoImgMap["default"]
|
|
92
|
-
}) : logo && logo.type === 'img' ? React.createElement(LogoImg, _extends({}, logo.props, {
|
|
73
|
+
}) : logo && logo.type === 'img' ? /*#__PURE__*/React.createElement(LogoImg, _extends({}, logo.props, {
|
|
93
74
|
src: ((_logo$props = logo.props) == null ? void 0 : _logo$props.src) || _images.logoImgMap["default"]
|
|
94
75
|
})) : logo, collapsed ? '' : {
|
|
95
76
|
cn: name,
|
|
96
77
|
en: enName
|
|
97
78
|
}[language]);
|
|
98
|
-
});
|
|
99
|
-
|
|
100
|
-
exports["default"] = _default;
|
|
79
|
+
});
|