tntd 1.4.5 → 1.4.8
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/Layout/HeaderActions.js +90 -128
- package/components/LoadingButton/index.js +11 -15
- package/components/QueryListScene/QueryForm.js +7 -4
- package/dist/stats.json +4992 -4992
- package/dist/tntd.js +1 -1
- package/es/Layout/HeaderActions.js +10 -10
- package/es/LoadingButton/index.js +20 -10
- package/es/QueryListScene/QueryForm.js +15 -25
- package/lib/Layout/HeaderActions.js +3 -3
- package/lib/LoadingButton/index.js +19 -9
- package/lib/QueryListScene/QueryForm.js +15 -25
- package/package.json +1 -1
- package/lib/Layout/EnterpriseLayout/Header.js +0 -113
- package/lib/Layout/EnterpriseLayout/HeaderActions.js +0 -104
|
@@ -6,7 +6,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
6
6
|
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; }
|
|
7
7
|
|
|
8
8
|
function _templateObject() {
|
|
9
|
-
var data = _taggedTemplateLiteral(["\n list-style: none;\n display: inline-block;\n line-height: ", ";\n margin: 0 0 0 20px;\n .hasHeaderTabs & {\n margin: 0;\n }\n padding: 0;\n white-space: nowrap;\n\n .isInIframe & {\n display: none;\n }\n\n & > li {\n height: 100%;\n display: inline-block;\n vertical-align: top;\n cursor: pointer;\n font-size: 20px;\n margin: 0 7.5px;\n color: ", ";\n .large-size & {\n margin: 0 10px;\n }\n .tnt-themeS1 & {\n /* color: rgba(255,255,255,.85); */\n }\n &:last-of-type {\n margin-right: 0;\n }\n .hasHeaderTabs &{\n color: #455064;\n }\n // \u5220\u9664\u8272\u7CFB\u533A\u5206 \u7EDF\u4E00\u8272\u8C03\n // .hasHeaderTabs:not(.tnt-themeS1) & {\n // color: rgba(255,255,255,.8);\n // }\n .hasHeaderTabs:not(.tnt-themeS1) & {\n color: #455064 !important;\n }\n }\n"]);
|
|
9
|
+
var data = _taggedTemplateLiteral(["\n list-style: none;\n display: inline-block;\n line-height: ", ";\n margin: 0 0 0 20px;\n .hasHeaderTabs & {\n margin: 0;\n }\n padding: 0;\n white-space: nowrap;\n\n .isInIframe & {\n display: none;\n }\n\n & > li {\n height: 100%;\n display: inline-block;\n vertical-align: top;\n cursor: pointer;\n font-size: 20px;\n margin: 0 7.5px;\n color: ", ";\n .large-size & {\n margin: 0 10px;\n }\n .tnt-themeS1 & {\n /* color: rgba(255,255,255,.85); */\n }\n &:last-of-type {\n margin-right: 0;\n }\n .hasHeaderTabs & {\n color: #455064;\n }\n // \u5220\u9664\u8272\u7CFB\u533A\u5206 \u7EDF\u4E00\u8272\u8C03\n // .hasHeaderTabs:not(.tnt-themeS1) & {\n // color: rgba(255,255,255,.8);\n // }\n .hasHeaderTabs:not(.tnt-themeS1) & {\n color: #455064 !important;\n }\n }\n"]);
|
|
10
10
|
|
|
11
11
|
_templateObject = function _templateObject() {
|
|
12
12
|
return data;
|
|
@@ -17,13 +17,13 @@ function _templateObject() {
|
|
|
17
17
|
|
|
18
18
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
19
19
|
|
|
20
|
-
import styled, { withTheme } from
|
|
21
|
-
import GlobalNavigation from
|
|
22
|
-
import Language from
|
|
23
|
-
import Theme from
|
|
24
|
-
import LanguageTheme from
|
|
25
|
-
import Application from
|
|
26
|
-
import Avatar from
|
|
20
|
+
import styled, { withTheme } from "styled-components";
|
|
21
|
+
import GlobalNavigation from "./GlobalNavigation";
|
|
22
|
+
import Language from "./Language";
|
|
23
|
+
import Theme from "./Theme";
|
|
24
|
+
import LanguageTheme from "./CompatibleLanguage";
|
|
25
|
+
import Application from "./Application";
|
|
26
|
+
import Avatar from "./Avatar";
|
|
27
27
|
var Actions = styled.ul(_templateObject(), function (props) {
|
|
28
28
|
return "".concat(props.theme.headerHeight, "px");
|
|
29
29
|
}, function (props) {
|
|
@@ -65,7 +65,7 @@ export default withTheme(function (props) {
|
|
|
65
65
|
return React.createElement(Actions, rest, extraActions, globalNavigation && React.createElement(GlobalNavigation, {
|
|
66
66
|
headerRef: headerRef,
|
|
67
67
|
menus: menus
|
|
68
|
-
}), !
|
|
68
|
+
}), !compatible ? React.createElement(React.Fragment, null, language && React.createElement(Language, {
|
|
69
69
|
language: userInfo.lang,
|
|
70
70
|
onChange: onLanguageChange
|
|
71
71
|
}), theme && React.createElement(Theme, {
|
|
@@ -77,7 +77,7 @@ export default withTheme(function (props) {
|
|
|
77
77
|
theme: userInfo.theme,
|
|
78
78
|
onLanguageChange: onLanguageChange,
|
|
79
79
|
onThemeChange: onThemeChange
|
|
80
|
-
})
|
|
80
|
+
}), application && React.createElement(Application, {
|
|
81
81
|
language: userInfo.lang,
|
|
82
82
|
apps: apps,
|
|
83
83
|
onChange: onApplicationChange
|
|
@@ -11,17 +11,27 @@ function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) ||
|
|
|
11
11
|
|
|
12
12
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
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; }
|
|
15
|
+
|
|
16
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
17
|
+
|
|
18
|
+
import { useState, useEffect } from "react";
|
|
19
|
+
export default (function (_ref) {
|
|
20
|
+
var loadingText = _ref.loadingText,
|
|
21
|
+
pLoading = _ref.loading,
|
|
22
|
+
onClick = _ref.onClick,
|
|
23
|
+
children = _ref.children,
|
|
24
|
+
otherProps = _objectWithoutProperties(_ref, ["loadingText", "loading", "onClick", "children"]);
|
|
25
|
+
|
|
26
|
+
var _useState = useState(pLoading),
|
|
17
27
|
_useState2 = _slicedToArray(_useState, 2),
|
|
18
28
|
loading = _useState2[0],
|
|
19
29
|
setLoading = _useState2[1];
|
|
20
30
|
|
|
21
|
-
var
|
|
31
|
+
var doClick = function doClick(evt) {
|
|
22
32
|
if (!loading) {
|
|
23
33
|
setLoading(true);
|
|
24
|
-
var returnVal =
|
|
34
|
+
var returnVal = onClick && onClick(evt, function () {
|
|
25
35
|
return setLoading(false);
|
|
26
36
|
});
|
|
27
37
|
|
|
@@ -36,10 +46,10 @@ export default (function (props) {
|
|
|
36
46
|
};
|
|
37
47
|
|
|
38
48
|
useEffect(function () {
|
|
39
|
-
setLoading(
|
|
40
|
-
}, [
|
|
41
|
-
return React.createElement(_Button, _extends({},
|
|
49
|
+
setLoading(pLoading);
|
|
50
|
+
}, [pLoading]);
|
|
51
|
+
return React.createElement(_Button, _extends({}, otherProps, {
|
|
42
52
|
loading: loading,
|
|
43
|
-
onClick:
|
|
44
|
-
}), loading ?
|
|
53
|
+
onClick: doClick
|
|
54
|
+
}), loading ? loadingText || children : children);
|
|
45
55
|
});
|
|
@@ -45,31 +45,21 @@ function (_React$PureComponent) {
|
|
|
45
45
|
|
|
46
46
|
_this = _possibleConstructorReturn(this, _getPrototypeOf(QueryForm).call(this, props));
|
|
47
47
|
|
|
48
|
-
_this.onSearch = function
|
|
49
|
-
var _this$props
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
case 5:
|
|
64
|
-
// memory 与 url解析setForm时 监听事件异步
|
|
65
|
-
onSearch && onSearch(params);
|
|
66
|
-
actions.emit('search', params);
|
|
67
|
-
|
|
68
|
-
case 7:
|
|
69
|
-
case "end":
|
|
70
|
-
return _context.stop();
|
|
71
|
-
}
|
|
72
|
-
}
|
|
48
|
+
_this.onSearch = function () {
|
|
49
|
+
var _this$props = _this.props,
|
|
50
|
+
onSearch = _this$props.onSearch,
|
|
51
|
+
actions = _this$props.actions;
|
|
52
|
+
var values = actions.getFormData();
|
|
53
|
+
|
|
54
|
+
var params = _objectSpread({}, values, {
|
|
55
|
+
current: 1
|
|
56
|
+
}); // memory 与 url解析setForm时 监听事件异步
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
actions.setData('formData', values);
|
|
60
|
+
Promise.resolve().then(function () {
|
|
61
|
+
onSearch && onSearch(params);
|
|
62
|
+
actions.emit('search', params);
|
|
73
63
|
});
|
|
74
64
|
};
|
|
75
65
|
|
|
@@ -36,7 +36,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
36
36
|
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; }
|
|
37
37
|
|
|
38
38
|
function _templateObject() {
|
|
39
|
-
var data = _taggedTemplateLiteral(["\n list-style: none;\n display: inline-block;\n line-height: ", ";\n margin: 0 0 0 20px;\n .hasHeaderTabs & {\n margin: 0;\n }\n padding: 0;\n white-space: nowrap;\n\n .isInIframe & {\n display: none;\n }\n\n & > li {\n height: 100%;\n display: inline-block;\n vertical-align: top;\n cursor: pointer;\n font-size: 20px;\n margin: 0 7.5px;\n color: ", ";\n .large-size & {\n margin: 0 10px;\n }\n .tnt-themeS1 & {\n /* color: rgba(255,255,255,.85); */\n }\n &:last-of-type {\n margin-right: 0;\n }\n .hasHeaderTabs &{\n color: #455064;\n }\n // \u5220\u9664\u8272\u7CFB\u533A\u5206 \u7EDF\u4E00\u8272\u8C03\n // .hasHeaderTabs:not(.tnt-themeS1) & {\n // color: rgba(255,255,255,.8);\n // }\n .hasHeaderTabs:not(.tnt-themeS1) & {\n color: #455064 !important;\n }\n }\n"]);
|
|
39
|
+
var data = _taggedTemplateLiteral(["\n list-style: none;\n display: inline-block;\n line-height: ", ";\n margin: 0 0 0 20px;\n .hasHeaderTabs & {\n margin: 0;\n }\n padding: 0;\n white-space: nowrap;\n\n .isInIframe & {\n display: none;\n }\n\n & > li {\n height: 100%;\n display: inline-block;\n vertical-align: top;\n cursor: pointer;\n font-size: 20px;\n margin: 0 7.5px;\n color: ", ";\n .large-size & {\n margin: 0 10px;\n }\n .tnt-themeS1 & {\n /* color: rgba(255,255,255,.85); */\n }\n &:last-of-type {\n margin-right: 0;\n }\n .hasHeaderTabs & {\n color: #455064;\n }\n // \u5220\u9664\u8272\u7CFB\u533A\u5206 \u7EDF\u4E00\u8272\u8C03\n // .hasHeaderTabs:not(.tnt-themeS1) & {\n // color: rgba(255,255,255,.8);\n // }\n .hasHeaderTabs:not(.tnt-themeS1) & {\n color: #455064 !important;\n }\n }\n"]);
|
|
40
40
|
|
|
41
41
|
_templateObject = function _templateObject() {
|
|
42
42
|
return data;
|
|
@@ -89,7 +89,7 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
89
89
|
return React.createElement(Actions, rest, extraActions, globalNavigation && React.createElement(_GlobalNavigation["default"], {
|
|
90
90
|
headerRef: headerRef,
|
|
91
91
|
menus: menus
|
|
92
|
-
}), !
|
|
92
|
+
}), !compatible ? React.createElement(React.Fragment, null, language && React.createElement(_Language["default"], {
|
|
93
93
|
language: userInfo.lang,
|
|
94
94
|
onChange: onLanguageChange
|
|
95
95
|
}), theme && React.createElement(_Theme["default"], {
|
|
@@ -101,7 +101,7 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
101
101
|
theme: userInfo.theme,
|
|
102
102
|
onLanguageChange: onLanguageChange,
|
|
103
103
|
onThemeChange: onThemeChange
|
|
104
|
-
})
|
|
104
|
+
}), application && React.createElement(_Application["default"], {
|
|
105
105
|
language: userInfo.lang,
|
|
106
106
|
apps: apps,
|
|
107
107
|
onChange: onApplicationChange
|
|
@@ -23,16 +23,26 @@ function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) ||
|
|
|
23
23
|
|
|
24
24
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
25
25
|
|
|
26
|
-
var
|
|
27
|
-
|
|
26
|
+
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; }
|
|
27
|
+
|
|
28
|
+
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; }
|
|
29
|
+
|
|
30
|
+
var _default = function _default(_ref) {
|
|
31
|
+
var loadingText = _ref.loadingText,
|
|
32
|
+
pLoading = _ref.loading,
|
|
33
|
+
onClick = _ref.onClick,
|
|
34
|
+
children = _ref.children,
|
|
35
|
+
otherProps = _objectWithoutProperties(_ref, ["loadingText", "loading", "onClick", "children"]);
|
|
36
|
+
|
|
37
|
+
var _useState = (0, _react.useState)(pLoading),
|
|
28
38
|
_useState2 = _slicedToArray(_useState, 2),
|
|
29
39
|
loading = _useState2[0],
|
|
30
40
|
setLoading = _useState2[1];
|
|
31
41
|
|
|
32
|
-
var
|
|
42
|
+
var doClick = function doClick(evt) {
|
|
33
43
|
if (!loading) {
|
|
34
44
|
setLoading(true);
|
|
35
|
-
var returnVal =
|
|
45
|
+
var returnVal = onClick && onClick(evt, function () {
|
|
36
46
|
return setLoading(false);
|
|
37
47
|
});
|
|
38
48
|
|
|
@@ -47,12 +57,12 @@ var _default = function _default(props) {
|
|
|
47
57
|
};
|
|
48
58
|
|
|
49
59
|
(0, _react.useEffect)(function () {
|
|
50
|
-
setLoading(
|
|
51
|
-
}, [
|
|
52
|
-
return React.createElement(_button["default"], _extends({},
|
|
60
|
+
setLoading(pLoading);
|
|
61
|
+
}, [pLoading]);
|
|
62
|
+
return React.createElement(_button["default"], _extends({}, otherProps, {
|
|
53
63
|
loading: loading,
|
|
54
|
-
onClick:
|
|
55
|
-
}), loading ?
|
|
64
|
+
onClick: doClick
|
|
65
|
+
}), loading ? loadingText || children : children);
|
|
56
66
|
};
|
|
57
67
|
|
|
58
68
|
exports["default"] = _default;
|
|
@@ -57,31 +57,21 @@ function (_React$PureComponent) {
|
|
|
57
57
|
|
|
58
58
|
_this = _possibleConstructorReturn(this, _getPrototypeOf(QueryForm).call(this, props));
|
|
59
59
|
|
|
60
|
-
_this.onSearch = function
|
|
61
|
-
var _this$props
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
case 5:
|
|
76
|
-
// memory 与 url解析setForm时 监听事件异步
|
|
77
|
-
onSearch && onSearch(params);
|
|
78
|
-
actions.emit('search', params);
|
|
79
|
-
|
|
80
|
-
case 7:
|
|
81
|
-
case "end":
|
|
82
|
-
return _context.stop();
|
|
83
|
-
}
|
|
84
|
-
}
|
|
60
|
+
_this.onSearch = function () {
|
|
61
|
+
var _this$props = _this.props,
|
|
62
|
+
onSearch = _this$props.onSearch,
|
|
63
|
+
actions = _this$props.actions;
|
|
64
|
+
var values = actions.getFormData();
|
|
65
|
+
|
|
66
|
+
var params = _objectSpread({}, values, {
|
|
67
|
+
current: 1
|
|
68
|
+
}); // memory 与 url解析setForm时 监听事件异步
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
actions.setData('formData', values);
|
|
72
|
+
Promise.resolve().then(function () {
|
|
73
|
+
onSearch && onSearch(params);
|
|
74
|
+
actions.emit('search', params);
|
|
85
75
|
});
|
|
86
76
|
};
|
|
87
77
|
|
package/package.json
CHANGED
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = require("react");
|
|
11
|
-
|
|
12
|
-
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
13
|
-
|
|
14
|
-
var _Icon = _interopRequireDefault(require("../../Icon"));
|
|
15
|
-
|
|
16
|
-
var _AppList = _interopRequireDefault(require("../AppList"));
|
|
17
|
-
|
|
18
|
-
var _OrgAppList = _interopRequireDefault(require("../OrgAppList"));
|
|
19
|
-
|
|
20
|
-
var _HeaderActions = _interopRequireDefault(require("./HeaderActions"));
|
|
21
|
-
|
|
22
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
|
-
|
|
24
|
-
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
25
|
-
|
|
26
|
-
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; }
|
|
27
|
-
|
|
28
|
-
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); }
|
|
29
|
-
|
|
30
|
-
function _templateObject2() {
|
|
31
|
-
var data = _taggedTemplateLiteral(["\n flex: 1;\n .isInIframe & {\n display: none;\n }\n"]);
|
|
32
|
-
|
|
33
|
-
_templateObject2 = function _templateObject2() {
|
|
34
|
-
return data;
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
return data;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
function _templateObject() {
|
|
41
|
-
var data = _taggedTemplateLiteral(["\n position: relative;\n z-index: 201;\n height: ", ";\n display: flex;\n color: rgba(255,255,255,.85);\n background: #fff;\n\n .hasHeaderTabs & {\n background: #191D29;\n .tnt-layout-header-content {\n display: none;\n }\n }\n\n .tnt-themeS3.hasHeaderTabs &{\n background: ", "; //#1D4295 !important;\n }\n\n .isInIframe.noAppList &,\n .isEmptyLayout & {\n display: none;\n }\n .tnt-themeS1 & {\n background: #FFFFFF;\n box-shadow: 0 1px 10px 0 rgba(0,0,0,0.15);\n }\n .tnt-themeS1.compatible & {\n /* background: #323b4a; */\n }\n padding-right: 20px;\n background: #FFFFFF;\n box-shadow: 0 1px 10px 0 rgba(0,0,0,0.10);\n .compatible & {\n box-shadow: 0 1px 10px 0 rgba(0,0,0,0.10);\n }\n transition: box-shadow .2s cubic-bezier(.4,0,.2,1), -webkit-box-shadow .2s cubic-bezier(.4,0,.2,1);\n\n .sidebar-collapsed-controller {\n text-align: center;\n width: ", ";\n line-height: ", ";\n height: ", ";\n cursor: pointer;\n color: ", ";\n margin-right: 10px;\n\n & > .tnt-icon {\n font-size: 16px;\n .large-size & {\n font-size: 20px;\n }\n }\n\n i {\n position: relative;\n top: -1px;\n vertical-align: sub;\n }\n\n &:hover {\n background-color: rgba(0,0,0,.06);\n }\n\n .tnt-themeS1 & {\n /* color: rgba(255,255,255,.85); */\n color: ", ";\n }\n .large-size & {\n font-size: 18px;\n }\n .isInIframe & {\n display: none;\n }\n }\n"]);
|
|
42
|
-
|
|
43
|
-
_templateObject = function _templateObject() {
|
|
44
|
-
return data;
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
return data;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
51
|
-
|
|
52
|
-
var Header = _styledComponents["default"].div(_templateObject(), function (props) {
|
|
53
|
-
return "".concat(props.theme.headerHeight, "px");
|
|
54
|
-
}, function (props) {
|
|
55
|
-
return "".concat(props.theme.blueBgColor, " !important");
|
|
56
|
-
}, function (props) {
|
|
57
|
-
return "".concat(props.theme.headerHeight, "px");
|
|
58
|
-
}, function (props) {
|
|
59
|
-
return "".concat(props.theme.headerHeight, "px");
|
|
60
|
-
}, function (props) {
|
|
61
|
-
return "".concat(props.theme.headerHeight, "px");
|
|
62
|
-
}, function (props) {
|
|
63
|
-
return "".concat(props.theme.primaryTextColor);
|
|
64
|
-
}, function (props) {
|
|
65
|
-
return "".concat(props.theme.primaryTextColor);
|
|
66
|
-
});
|
|
67
|
-
|
|
68
|
-
var Content = _styledComponents["default"].div(_templateObject2());
|
|
69
|
-
|
|
70
|
-
var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
71
|
-
var collapsed = props.collapsed,
|
|
72
|
-
_props$collapseIconPl = props.collapseIconPlacement,
|
|
73
|
-
collapseIconPlacement = _props$collapseIconPl === void 0 ? 'right' : _props$collapseIconPl,
|
|
74
|
-
selectedAppKey = props.selectedAppKey,
|
|
75
|
-
appList = props.appList,
|
|
76
|
-
orgAppShow = props.orgAppShow,
|
|
77
|
-
orgAppList = props.orgAppList,
|
|
78
|
-
selectedOrgKey = props.selectedOrgKey,
|
|
79
|
-
orgList = props.orgList,
|
|
80
|
-
headerTabs = props.headerTabs,
|
|
81
|
-
onAppChange = props.onAppChange,
|
|
82
|
-
onOrgChange = props.onOrgChange,
|
|
83
|
-
onCollapseChange = props.onCollapseChange,
|
|
84
|
-
extraActions = props.extraActions;
|
|
85
|
-
var headerRef = (0, _react.useRef)();
|
|
86
|
-
return React.createElement(Header, {
|
|
87
|
-
className: "tnt-layout-header",
|
|
88
|
-
ref: headerRef
|
|
89
|
-
}, collapseIconPlacement === 'right' && React.createElement("div", {
|
|
90
|
-
className: "sidebar-collapsed-controller",
|
|
91
|
-
onClick: onCollapseChange
|
|
92
|
-
}, React.createElement(_Icon["default"], {
|
|
93
|
-
type: "menu-".concat(collapsed ? 'unfold' : 'fold')
|
|
94
|
-
})), headerTabs, orgList && React.createElement(_OrgAppList["default"], {
|
|
95
|
-
orgAppShow: orgAppShow,
|
|
96
|
-
selectedOrgKey: selectedOrgKey,
|
|
97
|
-
orgList: orgList,
|
|
98
|
-
onOrgChange: onOrgChange,
|
|
99
|
-
selectedAppKey: selectedAppKey,
|
|
100
|
-
orgAppList: orgAppList,
|
|
101
|
-
onAppChange: onAppChange
|
|
102
|
-
}), appList && !orgList && React.createElement(_AppList["default"], {
|
|
103
|
-
items: appList,
|
|
104
|
-
selectedKey: selectedAppKey,
|
|
105
|
-
onChange: onAppChange
|
|
106
|
-
}), React.createElement(Content, {
|
|
107
|
-
className: "tnt-layout-header-content"
|
|
108
|
-
}, props.children), React.createElement(_HeaderActions["default"], _extends({}, props, {
|
|
109
|
-
headerRef: headerRef
|
|
110
|
-
}), extraActions));
|
|
111
|
-
});
|
|
112
|
-
|
|
113
|
-
exports["default"] = _default;
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
require("antd/lib/divider/style");
|
|
11
|
-
|
|
12
|
-
var _divider = _interopRequireDefault(require("antd/lib/divider"));
|
|
13
|
-
|
|
14
|
-
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
15
|
-
|
|
16
|
-
var _GlobalNavigation = _interopRequireDefault(require("../GlobalNavigation"));
|
|
17
|
-
|
|
18
|
-
var _Application = _interopRequireDefault(require("../Application"));
|
|
19
|
-
|
|
20
|
-
var _Avatar = _interopRequireDefault(require("./Avatar"));
|
|
21
|
-
|
|
22
|
-
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
23
|
-
|
|
24
|
-
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; }
|
|
25
|
-
|
|
26
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
27
|
-
|
|
28
|
-
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; }
|
|
29
|
-
|
|
30
|
-
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; }
|
|
31
|
-
|
|
32
|
-
function _templateObject() {
|
|
33
|
-
var data = _taggedTemplateLiteral(["\n list-style: none;\n display: inline-block;\n line-height: ", ";\n margin: 0 0 0 20px;\n .hasHeaderTabs & {\n margin: 0;\n }\n padding: 0;\n white-space: nowrap;\n\n .isInIframe & {\n display: none;\n }\n\n & > li {\n height: 100%;\n display: inline-block;\n vertical-align: top;\n cursor: pointer;\n font-size: 20px;\n margin: 0 7.5px;\n color: ", ";\n .large-size & {\n margin: 0 10px;\n }\n .tnt-themeS1 & {\n /* color: rgba(255,255,255,.85); */\n }\n &:last-of-type {\n margin-right: 0;\n }\n .hasHeaderTabs:not(.tnt-themeS1) & {\n color: rgba(255,255,255,.8);\n }\n }\n"]);
|
|
34
|
-
|
|
35
|
-
_templateObject = function _templateObject() {
|
|
36
|
-
return data;
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
return data;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
43
|
-
|
|
44
|
-
var Actions = _styledComponents["default"].ul(_templateObject(), function (props) {
|
|
45
|
-
return "".concat(props.theme.headerHeight, "px");
|
|
46
|
-
}, function (props) {
|
|
47
|
-
return "".concat(props.theme.headerActionsColor);
|
|
48
|
-
});
|
|
49
|
-
|
|
50
|
-
var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
51
|
-
var _props$config = props.config;
|
|
52
|
-
_props$config = _props$config === void 0 ? {} : _props$config;
|
|
53
|
-
|
|
54
|
-
var _props$config$theme = _props$config.theme,
|
|
55
|
-
theme = _props$config$theme === void 0 ? true : _props$config$theme,
|
|
56
|
-
_props$config$avatar = _props$config.avatar,
|
|
57
|
-
avatar = _props$config$avatar === void 0 ? true : _props$config$avatar,
|
|
58
|
-
_props$config$languag = _props$config.language,
|
|
59
|
-
language = _props$config$languag === void 0 ? true : _props$config$languag,
|
|
60
|
-
_props$config$applica = _props$config.application,
|
|
61
|
-
application = _props$config$applica === void 0 ? false : _props$config$applica,
|
|
62
|
-
_props$config$globalN = _props$config.globalNavigation,
|
|
63
|
-
globalNavigation = _props$config$globalN === void 0 ? false : _props$config$globalN,
|
|
64
|
-
compatible = props.theme.compatible,
|
|
65
|
-
_props$userInfo = props.userInfo,
|
|
66
|
-
userInfo = _props$userInfo === void 0 ? {} : _props$userInfo,
|
|
67
|
-
menus = props.menus,
|
|
68
|
-
apps = props.apps,
|
|
69
|
-
extraActions = props.extraActions,
|
|
70
|
-
headerRef = props.headerRef,
|
|
71
|
-
onLanguageChange = props.onLanguageChange,
|
|
72
|
-
onThemeChange = props.onThemeChange,
|
|
73
|
-
onApplicationChange = props.onApplicationChange,
|
|
74
|
-
onAppChange = props.onAppChange,
|
|
75
|
-
onCollapseChange = props.onCollapseChange,
|
|
76
|
-
onPersonalSetting = props.onPersonalSetting,
|
|
77
|
-
onChangePassword = props.onChangePassword,
|
|
78
|
-
onLogout = props.onLogout,
|
|
79
|
-
onLogoClick = props.onLogoClick,
|
|
80
|
-
rest = _objectWithoutProperties(props, ["config", "theme", "userInfo", "menus", "apps", "extraActions", "headerRef", "onLanguageChange", "onThemeChange", "onApplicationChange", "onAppChange", "onCollapseChange", "onPersonalSetting", "onChangePassword", "onLogout", "onLogoClick"]);
|
|
81
|
-
|
|
82
|
-
return React.createElement(Actions, rest, extraActions, globalNavigation && React.createElement(_GlobalNavigation["default"], {
|
|
83
|
-
headerRef: headerRef,
|
|
84
|
-
menus: menus
|
|
85
|
-
}), application && React.createElement(_Application["default"], {
|
|
86
|
-
language: userInfo.lang,
|
|
87
|
-
apps: apps,
|
|
88
|
-
onChange: onApplicationChange
|
|
89
|
-
}), avatar && React.createElement(React.Fragment, null, React.createElement(_divider["default"], {
|
|
90
|
-
type: "vertical"
|
|
91
|
-
}), React.createElement(_Avatar["default"], {
|
|
92
|
-
userInfo: userInfo,
|
|
93
|
-
onThemeChange: onThemeChange,
|
|
94
|
-
onPersonalSetting: onPersonalSetting,
|
|
95
|
-
onChangePassword: onChangePassword,
|
|
96
|
-
onLogout: onLogout,
|
|
97
|
-
config: {
|
|
98
|
-
theme: theme,
|
|
99
|
-
language: language
|
|
100
|
-
}
|
|
101
|
-
})));
|
|
102
|
-
});
|
|
103
|
-
|
|
104
|
-
exports["default"] = _default;
|