tntd 1.4.23 → 1.4.26
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/babel.config.js +22 -21
- package/components/QueryForm/Field/SelectInput.js +1 -0
- package/dist/stats.json +5057 -5057
- package/dist/tntd.js +1 -1
- package/es/ArrayInput/icon.js +11 -3
- package/es/ArrayInput/index.js +67 -57
- package/es/AuthContext.js +13 -3
- package/es/Columns/index.js +24 -12
- package/es/DevelopmentLogin/LoginModal.js +29 -22
- package/es/DevelopmentLogin/index.js +29 -13
- package/es/Ellipsis/Svg/CopySVG.js +11 -2
- package/es/Ellipsis/Svg/TickSVG.js +11 -2
- package/es/Ellipsis/index.js +33 -25
- package/es/Handle/README.md +20 -0
- package/es/Handle/index.js +46 -29
- package/es/Icon/fonts/iconfont.js +2 -0
- package/es/Icon/iconList.js +8 -1
- package/es/Icon/index.js +25 -5
- package/es/Img/Contain.js +21 -8
- package/es/Img/Cover.js +29 -11
- package/es/Img/index.js +22 -8
- package/es/Layout/ActionsContext.js +12 -2
- package/es/Layout/AppList.js +58 -42
- package/es/Layout/Application.js +44 -24
- package/es/Layout/Avatar.js +45 -23
- package/es/Layout/CompatibleLanguage.js +51 -29
- package/es/Layout/EnterpriseLayout/Avatar.js +54 -32
- package/es/Layout/EnterpriseLayout/Language.js +39 -15
- package/es/Layout/EnterpriseLayout/Theme.js +31 -15
- package/es/Layout/EnterpriseLayout/index.js +24 -9
- package/es/Layout/GlobalNavigation/NavigationPopup.js +53 -29
- package/es/Layout/GlobalNavigation/index.js +51 -23
- package/es/Layout/Header.js +40 -19
- package/es/Layout/HeaderActions.js +43 -19
- package/es/Layout/HeaderNavs.js +35 -12
- package/es/Layout/HeaderTabs.js +50 -25
- package/es/Layout/Iconfont.js +16 -4
- package/es/Layout/Language.js +38 -14
- package/es/Layout/Layout.js +58 -32
- package/es/Layout/Logo.js +26 -12
- package/es/Layout/OrgAppList.js +52 -36
- package/es/Layout/SideMenu.js +57 -32
- package/es/Layout/Theme.js +39 -21
- package/es/Layout/createActions.js +19 -6
- package/es/Layout/images/index.js +95 -58
- package/es/Layout/index.js +70 -28
- package/es/Layout/paaslayout/CompactSideMenu.js +35 -17
- package/es/Layout/paaslayout/Header.js +31 -17
- package/es/Layout/paaslayout/Logo.js +19 -9
- package/es/Layout/paaslayout/SideMenu.js +29 -12
- package/es/Layout/paaslayout/index.js +58 -32
- package/es/Layout/storage.js +71 -21
- package/es/LoadingButton/index.js +17 -8
- package/es/Modal/index.js +29 -16
- package/es/Page/Box.js +18 -8
- package/es/Page/index.js +47 -29
- package/es/Page/utils.js +12 -1
- package/es/QueryForm/Field/Checkbox.js +13 -5
- package/es/QueryForm/Field/Select.js +28 -12
- package/es/QueryForm/Field/SelectInput.js +35 -19
- package/es/QueryForm/Field/fieldsMap.js +36 -23
- package/es/QueryForm/Field/index.js +25 -12
- package/es/QueryForm/createActions.js +20 -7
- package/es/QueryForm/index.js +66 -50
- package/es/QueryForm/useForm.js +16 -4
- package/es/QueryListScene/List.js +43 -30
- package/es/QueryListScene/QueryForm.js +21 -9
- package/es/QueryListScene/QueryListScene.js +29 -16
- package/es/QueryListScene/Title.js +17 -5
- package/es/QueryListScene/Toolbar.js +16 -4
- package/es/QueryListScene/createActions.js +26 -13
- package/es/QueryListScene/index.js +40 -19
- package/es/QueryListScene/useActions.js +16 -4
- package/es/Select/DropDownWrap.js +18 -6
- package/es/Select/index.js +28 -15
- package/es/Table/ResizableTable/index.js +32 -18
- package/es/Table/index.js +30 -11
- package/es/Title/index.js +18 -5
- package/es/index.js +193 -20
- package/es/locale.js +27 -8
- package/es/utils/checkAuth.js +15 -4
- package/es/utils/findMenuInfoByPath.js +16 -5
- package/es/utils/index.js +70 -10
- package/lib/ArrayInput/index.js +12 -28
- package/lib/Columns/index.js +4 -10
- package/lib/DevelopmentLogin/LoginModal.js +9 -23
- package/lib/Ellipsis/index.js +4 -10
- package/lib/Handle/README.md +20 -0
- package/lib/Handle/index.js +9 -19
- package/lib/Layout/AppList.js +12 -30
- package/lib/Layout/Application.js +3 -5
- package/lib/Layout/Avatar.js +6 -12
- package/lib/Layout/CompatibleLanguage.js +3 -5
- package/lib/Layout/EnterpriseLayout/Avatar.js +8 -18
- package/lib/Layout/EnterpriseLayout/Theme.js +3 -5
- package/lib/Layout/HeaderActions.js +5 -7
- package/lib/Layout/Layout.js +7 -9
- package/lib/Layout/OrgAppList.js +7 -19
- package/lib/Layout/SideMenu.js +7 -9
- package/lib/Layout/Theme.js +3 -5
- package/lib/Layout/paaslayout/index.js +8 -10
- package/lib/LoadingButton/index.js +2 -6
- package/lib/Modal/index.js +3 -5
- package/lib/Page/Box.js +3 -5
- package/lib/QueryForm/Field/Checkbox.js +2 -6
- package/lib/QueryForm/Field/Select.js +4 -8
- package/lib/QueryForm/Field/SelectInput.js +7 -14
- package/lib/QueryForm/Field/fieldsMap.js +8 -18
- package/lib/QueryForm/Field/index.js +3 -7
- package/lib/QueryForm/index.js +13 -27
- package/lib/QueryListScene/List.js +5 -7
- package/lib/Select/index.js +8 -14
- package/lib/Table/ResizableTable/index.js +3 -5
- package/lib/Table/index.js +5 -7
- package/package.json +1 -1
- 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/es/Layout/Language.js
CHANGED
|
@@ -1,3 +1,28 @@
|
|
|
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 _lodash = require("lodash");
|
|
15
|
+
|
|
16
|
+
var _Iconfont = _interopRequireDefault(require("./Iconfont"));
|
|
17
|
+
|
|
18
|
+
var _storage = require("./storage");
|
|
19
|
+
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
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
|
+
|
|
1
26
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
|
|
2
27
|
|
|
3
28
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
|
|
@@ -18,11 +43,6 @@ function _templateObject() {
|
|
|
18
43
|
|
|
19
44
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
20
45
|
|
|
21
|
-
import { useState } from 'react';
|
|
22
|
-
import styled, { withTheme } from 'styled-components';
|
|
23
|
-
import { get } from 'lodash';
|
|
24
|
-
import Iconfont from './Iconfont';
|
|
25
|
-
import { setLanguageStore, getLanguageStore } from './storage';
|
|
26
46
|
var languages = [{
|
|
27
47
|
value: 'cn',
|
|
28
48
|
name: '中文'
|
|
@@ -34,7 +54,8 @@ var languagesMap = languages.reduce(function (acc, cur) {
|
|
|
34
54
|
acc[cur.value] = cur;
|
|
35
55
|
return acc;
|
|
36
56
|
}, {});
|
|
37
|
-
|
|
57
|
+
|
|
58
|
+
var Language = _styledComponents["default"].li(_templateObject(), function (_ref) {
|
|
38
59
|
var size = _ref.theme.size;
|
|
39
60
|
return size === 'large' ? '14px' : '12px';
|
|
40
61
|
}, function (_ref2) {
|
|
@@ -47,20 +68,21 @@ var Language = styled.li(_templateObject(), function (_ref) {
|
|
|
47
68
|
var size = _ref4.theme.size;
|
|
48
69
|
return size === 'large' ? '-3px' : '-2px';
|
|
49
70
|
});
|
|
50
|
-
|
|
71
|
+
|
|
72
|
+
var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
51
73
|
var onChange = props.onChange;
|
|
52
74
|
|
|
53
75
|
var getLanguage = function getLanguage() {
|
|
54
|
-
var lang = getLanguageStore() || props.language;
|
|
76
|
+
var lang = (0, _storage.getLanguageStore)() || props.language;
|
|
55
77
|
|
|
56
78
|
if (!languagesMap[lang]) {
|
|
57
|
-
lang = get(languages, '0.value');
|
|
79
|
+
lang = (0, _lodash.get)(languages, '0.value');
|
|
58
80
|
}
|
|
59
81
|
|
|
60
82
|
return lang;
|
|
61
83
|
};
|
|
62
84
|
|
|
63
|
-
var _useState = useState(getLanguage()),
|
|
85
|
+
var _useState = (0, _react.useState)(getLanguage()),
|
|
64
86
|
_useState2 = _slicedToArray(_useState, 2),
|
|
65
87
|
_useState2$ = _useState2[0],
|
|
66
88
|
language = _useState2$ === void 0 ? 'cn' : _useState2$,
|
|
@@ -69,13 +91,15 @@ export default withTheme(function (props) {
|
|
|
69
91
|
var switchLanguage = function switchLanguage() {
|
|
70
92
|
var lang = language === 'cn' ? 'en' : 'cn';
|
|
71
93
|
setLanguage(lang);
|
|
72
|
-
setLanguageStore(lang);
|
|
94
|
+
(0, _storage.setLanguageStore)(lang);
|
|
73
95
|
onChange && onChange(lang);
|
|
74
96
|
};
|
|
75
97
|
|
|
76
98
|
return React.createElement(Language, {
|
|
77
99
|
onClick: switchLanguage
|
|
78
|
-
}, React.createElement(
|
|
100
|
+
}, React.createElement(_Iconfont["default"], {
|
|
79
101
|
type: "flag-".concat(language)
|
|
80
|
-
}), React.createElement("span", null, get(languagesMap[language], 'name')));
|
|
81
|
-
});
|
|
102
|
+
}), React.createElement("span", null, (0, _lodash.get)(languagesMap[language], 'name')));
|
|
103
|
+
});
|
|
104
|
+
|
|
105
|
+
exports["default"] = _default;
|
package/es/Layout/Layout.js
CHANGED
|
@@ -1,5 +1,37 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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 _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
+
|
|
16
|
+
var _lodash = require("lodash");
|
|
17
|
+
|
|
18
|
+
var _antd = require("antd");
|
|
19
|
+
|
|
20
|
+
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
21
|
+
|
|
22
|
+
var _Header = _interopRequireDefault(require("./Header"));
|
|
23
|
+
|
|
24
|
+
var _Logo = _interopRequireDefault(require("./Logo"));
|
|
25
|
+
|
|
26
|
+
var _SideMenu = _interopRequireDefault(require("./SideMenu"));
|
|
27
|
+
|
|
28
|
+
var _storage = require("./storage");
|
|
29
|
+
|
|
30
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
31
|
+
|
|
32
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
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; }
|
|
3
35
|
|
|
4
36
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
5
37
|
|
|
@@ -27,23 +59,15 @@ function _templateObject() {
|
|
|
27
59
|
|
|
28
60
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
29
61
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
import { isUndefined } from 'lodash';
|
|
34
|
-
import Icon from '../Icon';
|
|
35
|
-
import Header from './Header';
|
|
36
|
-
import Logo from './Logo';
|
|
37
|
-
import SideMenu from './SideMenu';
|
|
38
|
-
import { getSideMenuStore, setSideMenuStore, getLanguageStore, getThemeStore } from './storage';
|
|
39
|
-
var Content = _Layout.Content,
|
|
40
|
-
Sider = _Layout.Sider;
|
|
41
|
-
var TNTLayout = styled(_Layout)(_templateObject(), function (props) {
|
|
62
|
+
var Content = _antd.Layout.Content,
|
|
63
|
+
Sider = _antd.Layout.Sider;
|
|
64
|
+
var TNTLayout = (0, _styledComponents["default"])(_antd.Layout)(_templateObject(), function (props) {
|
|
42
65
|
return props.theme.primaryTextColor;
|
|
43
66
|
}, function (props) {
|
|
44
67
|
return props.theme.lightBgColor;
|
|
45
68
|
});
|
|
46
|
-
|
|
69
|
+
|
|
70
|
+
var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
47
71
|
var type = props.type,
|
|
48
72
|
logo = props.logo,
|
|
49
73
|
name = props.name,
|
|
@@ -89,17 +113,17 @@ export default withTheme(function (props) {
|
|
|
89
113
|
extendMap = _props$extendMap === void 0 ? {} : _props$extendMap,
|
|
90
114
|
AvatarCustom = props.AvatarCustom;
|
|
91
115
|
|
|
92
|
-
var _getSideMenuStore = getSideMenuStore(),
|
|
116
|
+
var _getSideMenuStore = (0, _storage.getSideMenuStore)(),
|
|
93
117
|
storeCollapsed = _getSideMenuStore.collapsed,
|
|
94
118
|
_getSideMenuStore$ope = _getSideMenuStore.openKeys,
|
|
95
119
|
openKeys = _getSideMenuStore$ope === void 0 ? [] : _getSideMenuStore$ope;
|
|
96
120
|
|
|
97
|
-
var _useState = useState(isUndefined(storeCollapsed) ? props.collapsed : storeCollapsed),
|
|
121
|
+
var _useState = (0, _react.useState)((0, _lodash.isUndefined)(storeCollapsed) ? props.collapsed : storeCollapsed),
|
|
98
122
|
_useState2 = _slicedToArray(_useState, 2),
|
|
99
123
|
collapsed = _useState2[0],
|
|
100
124
|
setCollapsed = _useState2[1];
|
|
101
125
|
|
|
102
|
-
var _useState3 = useState(function () {
|
|
126
|
+
var _useState3 = (0, _react.useState)(function () {
|
|
103
127
|
openKeys = collapsed ? [] : openKeys;
|
|
104
128
|
openKeys = openKeys instanceof Array ? openKeys : [];
|
|
105
129
|
return openKeys;
|
|
@@ -108,31 +132,31 @@ export default withTheme(function (props) {
|
|
|
108
132
|
openMenuKeys = _useState4[0],
|
|
109
133
|
setOpenMenuKeys = _useState4[1];
|
|
110
134
|
|
|
111
|
-
var _useState5 = useState(props.userInfo || {}),
|
|
135
|
+
var _useState5 = (0, _react.useState)(props.userInfo || {}),
|
|
112
136
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
113
137
|
userInfo = _useState6[0],
|
|
114
138
|
setUserInfo = _useState6[1];
|
|
115
139
|
|
|
116
|
-
var theme = getThemeStore() || (extendMap == null ? void 0 : extendMap.defaultTheme) || userInfo.theme || 'themeS2';
|
|
117
|
-
var language = getLanguageStore() || userInfo.lang || 'cn';
|
|
140
|
+
var theme = (0, _storage.getThemeStore)() || (extendMap == null ? void 0 : extendMap.defaultTheme) || userInfo.theme || 'themeS2';
|
|
141
|
+
var language = (0, _storage.getLanguageStore)() || userInfo.lang || 'cn';
|
|
118
142
|
theme = theme === 'default' ? 'themeS2' : theme;
|
|
119
143
|
|
|
120
144
|
var collapseChangeHandle = function collapseChangeHandle() {
|
|
121
|
-
var _getSideMenuStore2 = getSideMenuStore(),
|
|
145
|
+
var _getSideMenuStore2 = (0, _storage.getSideMenuStore)(),
|
|
122
146
|
_getSideMenuStore2$be = _getSideMenuStore2.beforeOpenKeys,
|
|
123
147
|
beforeOpenKeys = _getSideMenuStore2$be === void 0 ? [] : _getSideMenuStore2$be;
|
|
124
148
|
|
|
125
149
|
var newCollapsed = !collapsed; // 菜单收起:记住当前展开子菜单到store,并收起子菜单
|
|
126
150
|
|
|
127
151
|
if (newCollapsed) {
|
|
128
|
-
setSideMenuStore({
|
|
152
|
+
(0, _storage.setSideMenuStore)({
|
|
129
153
|
collapsed: newCollapsed,
|
|
130
154
|
beforeOpenKeys: openMenuKeys
|
|
131
155
|
});
|
|
132
156
|
setOpenMenuKeys([]);
|
|
133
157
|
} else {
|
|
134
158
|
// 菜单展开:恢复子菜单展开项,并更新到store
|
|
135
|
-
setSideMenuStore({
|
|
159
|
+
(0, _storage.setSideMenuStore)({
|
|
136
160
|
collapsed: newCollapsed,
|
|
137
161
|
openKeys: beforeOpenKeys
|
|
138
162
|
});
|
|
@@ -143,11 +167,11 @@ export default withTheme(function (props) {
|
|
|
143
167
|
onCollapseChange && onCollapseChange(newCollapsed);
|
|
144
168
|
};
|
|
145
169
|
|
|
146
|
-
useEffect(function () {
|
|
170
|
+
(0, _react.useEffect)(function () {
|
|
147
171
|
setUserInfo(props.userInfo);
|
|
148
172
|
}, [props.userInfo]);
|
|
149
173
|
return React.createElement(TNTLayout, {
|
|
150
|
-
className:
|
|
174
|
+
className: (0, _classnames["default"])("tnt-layout tnt-".concat(theme, " ").concat(props.className || ''), {
|
|
151
175
|
'large-size': props.theme.size === 'large',
|
|
152
176
|
compatible: props.theme.compatible,
|
|
153
177
|
isInIframe: isInIframe,
|
|
@@ -164,14 +188,14 @@ export default withTheme(function (props) {
|
|
|
164
188
|
collapsed: collapsed,
|
|
165
189
|
width: 220,
|
|
166
190
|
trigger: null
|
|
167
|
-
}, React.createElement(
|
|
191
|
+
}, React.createElement(_Logo["default"], {
|
|
168
192
|
language: language,
|
|
169
193
|
logo: logo,
|
|
170
194
|
name: name,
|
|
171
195
|
enName: enName,
|
|
172
196
|
collapsed: collapsed,
|
|
173
197
|
onClick: onLogoClick
|
|
174
|
-
}), React.createElement(
|
|
198
|
+
}), React.createElement(_SideMenu["default"], {
|
|
175
199
|
language: language,
|
|
176
200
|
selectedKey: selectedMenuKey,
|
|
177
201
|
menuAlignMode: menuAlignMode,
|
|
@@ -180,7 +204,7 @@ export default withTheme(function (props) {
|
|
|
180
204
|
openKeys: openMenuKeys,
|
|
181
205
|
onOpenChange: function onOpenChange(keys) {
|
|
182
206
|
if (!collapsed) {
|
|
183
|
-
setSideMenuStore({
|
|
207
|
+
(0, _storage.setSideMenuStore)({
|
|
184
208
|
openKeys: keys,
|
|
185
209
|
beforeOpenKeys: keys
|
|
186
210
|
});
|
|
@@ -196,9 +220,9 @@ export default withTheme(function (props) {
|
|
|
196
220
|
}), collapseIconPlacement === 'bottom' && React.createElement("div", {
|
|
197
221
|
className: "tnt-layout-menu-collapse",
|
|
198
222
|
onClick: collapseChangeHandle
|
|
199
|
-
}, React.createElement(
|
|
223
|
+
}, React.createElement(_Icon["default"], {
|
|
200
224
|
type: "menu-".concat(collapsed ? 'unfold' : 'fold')
|
|
201
|
-
}))), React.createElement(Content, null, React.createElement(
|
|
225
|
+
}))), React.createElement(Content, null, React.createElement(_Header["default"], {
|
|
202
226
|
type: type,
|
|
203
227
|
userInfo: userInfo,
|
|
204
228
|
config: config,
|
|
@@ -234,4 +258,6 @@ export default withTheme(function (props) {
|
|
|
234
258
|
onChangePassword: onChangePassword,
|
|
235
259
|
onLogout: onLogout
|
|
236
260
|
}, headerNavs), props.children));
|
|
237
|
-
});
|
|
261
|
+
});
|
|
262
|
+
|
|
263
|
+
exports["default"] = _default;
|
package/es/Layout/Logo.js
CHANGED
|
@@ -1,3 +1,20 @@
|
|
|
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 _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
11
|
+
|
|
12
|
+
var _images = require("./images");
|
|
13
|
+
|
|
14
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
15
|
+
|
|
16
|
+
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; }
|
|
17
|
+
|
|
1
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); }
|
|
2
19
|
|
|
3
20
|
function _templateObject() {
|
|
@@ -12,13 +29,7 @@ function _templateObject() {
|
|
|
12
29
|
|
|
13
30
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
14
31
|
|
|
15
|
-
|
|
16
|
-
* @file Logo
|
|
17
|
-
* @author zhangyou
|
|
18
|
-
*/
|
|
19
|
-
import styled, { withTheme } from 'styled-components';
|
|
20
|
-
import { logoImgMap } from './images';
|
|
21
|
-
var Logo = styled.div(_templateObject(), function (props) {
|
|
32
|
+
var Logo = _styledComponents["default"].div(_templateObject(), function (props) {
|
|
22
33
|
return "".concat(props.theme.headerHeight, "px");
|
|
23
34
|
}, function (props) {
|
|
24
35
|
return "".concat(props.theme.headerHeight, "px");
|
|
@@ -28,6 +39,7 @@ var Logo = styled.div(_templateObject(), function (props) {
|
|
|
28
39
|
return "".concat(props.theme.blueBgColor, " !important");
|
|
29
40
|
}); // JS判断字符串长度(英文占1个字符,中文汉字占2个字符)
|
|
30
41
|
|
|
42
|
+
|
|
31
43
|
var getStrLen = function getStrLen() {
|
|
32
44
|
var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
33
45
|
var len = 0;
|
|
@@ -46,7 +58,7 @@ var getStrLen = function getStrLen() {
|
|
|
46
58
|
return len;
|
|
47
59
|
};
|
|
48
60
|
|
|
49
|
-
|
|
61
|
+
var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
50
62
|
var _logo$props;
|
|
51
63
|
|
|
52
64
|
var logo = props.logo,
|
|
@@ -68,7 +80,7 @@ export default withTheme(function (props) {
|
|
|
68
80
|
return React.createElement("img", _extends({
|
|
69
81
|
onError: function onError(e) {
|
|
70
82
|
e.target.onerror = null;
|
|
71
|
-
e.target.src = logoImgMap["default"];
|
|
83
|
+
e.target.src = _images.logoImgMap["default"];
|
|
72
84
|
}
|
|
73
85
|
}, props));
|
|
74
86
|
};
|
|
@@ -76,11 +88,13 @@ export default withTheme(function (props) {
|
|
|
76
88
|
return React.createElement(Logo, _extends({}, props, {
|
|
77
89
|
fontSize: fontSize
|
|
78
90
|
}), typeof logo === 'string' ? React.createElement(LogoImg, {
|
|
79
|
-
src: logoImgMap[logo] || logoImgMap["default"]
|
|
91
|
+
src: _images.logoImgMap[logo] || _images.logoImgMap["default"]
|
|
80
92
|
}) : logo && logo.type === 'img' ? React.createElement(LogoImg, _extends({}, logo.props, {
|
|
81
|
-
src: ((_logo$props = logo.props) == null ? void 0 : _logo$props.src) || logoImgMap["default"]
|
|
93
|
+
src: ((_logo$props = logo.props) == null ? void 0 : _logo$props.src) || _images.logoImgMap["default"]
|
|
82
94
|
})) : logo, collapsed ? '' : {
|
|
83
95
|
cn: name,
|
|
84
96
|
en: enName
|
|
85
97
|
}[language]);
|
|
86
|
-
});
|
|
98
|
+
});
|
|
99
|
+
|
|
100
|
+
exports["default"] = _default;
|
package/es/Layout/OrgAppList.js
CHANGED
|
@@ -1,9 +1,27 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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 _antd = require("antd");
|
|
15
|
+
|
|
16
|
+
var _lodash = require("lodash");
|
|
17
|
+
|
|
18
|
+
var _storage = require("./storage");
|
|
19
|
+
|
|
20
|
+
var _utils = require("../utils");
|
|
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; }
|
|
7
25
|
|
|
8
26
|
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); }
|
|
9
27
|
|
|
@@ -53,23 +71,19 @@ function _templateObject() {
|
|
|
53
71
|
|
|
54
72
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
55
73
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
import { get } from 'lodash';
|
|
59
|
-
import { getCurrentAppStore, setCurrentAppStore, getCurrentOrgStore, setCurrentOrgStore, getCurrentOrgTreeStore, setCurrentOrgTreeStore } from './storage';
|
|
60
|
-
import { traverseTree } from '../utils';
|
|
61
|
-
var InputGroup = _Input.Group;
|
|
62
|
-
var Option = _Select.Option; // 机构+应用UI
|
|
74
|
+
var InputGroup = _antd.Input.Group;
|
|
75
|
+
var Option = _antd.Select.Option; // 机构+应用UI
|
|
63
76
|
|
|
64
|
-
var OrgAppsInputGroup =
|
|
77
|
+
var OrgAppsInputGroup = (0, _styledComponents["default"])(InputGroup)(_templateObject(), function (props) {
|
|
65
78
|
return "".concat(props.theme.blueBgColor, " !important");
|
|
66
79
|
}); // 只展示机构
|
|
67
80
|
|
|
68
|
-
var AppTreeSelect =
|
|
81
|
+
var AppTreeSelect = (0, _styledComponents["default"])(_antd.TreeSelect)(_templateObject2(), function (props) {
|
|
69
82
|
return "".concat(props.theme.blueBgColor, " !important");
|
|
70
83
|
});
|
|
71
|
-
var GlobalStyle = createGlobalStyle(_templateObject3());
|
|
72
|
-
|
|
84
|
+
var GlobalStyle = (0, _styledComponents.createGlobalStyle)(_templateObject3());
|
|
85
|
+
|
|
86
|
+
var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
73
87
|
var orgAppShow = props.orgAppShow,
|
|
74
88
|
selectedOrgKey = props.selectedOrgKey,
|
|
75
89
|
orgList = props.orgList,
|
|
@@ -80,7 +94,7 @@ export default withTheme(function (props) {
|
|
|
80
94
|
orgAppList = _props$orgAppList === void 0 ? [] : _props$orgAppList,
|
|
81
95
|
onAppChange = props.onAppChange,
|
|
82
96
|
headerTabs = props.headerTabs;
|
|
83
|
-
var orgListFormatData = traverseTree([orgList], function (item) {
|
|
97
|
+
var orgListFormatData = (0, _utils.traverseTree)([orgList], function (item) {
|
|
84
98
|
item.title = item.name;
|
|
85
99
|
item.value = item.uuid;
|
|
86
100
|
item.key = item.uuid;
|
|
@@ -89,7 +103,7 @@ export default withTheme(function (props) {
|
|
|
89
103
|
var getInitialSelected = function getInitialSelected(selectedKey, currentStore, dataList, type) {
|
|
90
104
|
var findByKey = function findByKey(selectedKey) {
|
|
91
105
|
var find;
|
|
92
|
-
traverseTree(dataList, function (item) {
|
|
106
|
+
(0, _utils.traverseTree)(dataList, function (item) {
|
|
93
107
|
if (item.key === selectedKey) {
|
|
94
108
|
find = item;
|
|
95
109
|
return false;
|
|
@@ -98,7 +112,7 @@ export default withTheme(function (props) {
|
|
|
98
112
|
return find;
|
|
99
113
|
};
|
|
100
114
|
|
|
101
|
-
var current = findByKey(selectedKey || get(currentStore, 'key'));
|
|
115
|
+
var current = findByKey(selectedKey || (0, _lodash.get)(currentStore, 'key'));
|
|
102
116
|
|
|
103
117
|
if (type) {
|
|
104
118
|
return current;
|
|
@@ -118,26 +132,26 @@ export default withTheme(function (props) {
|
|
|
118
132
|
value: res.uuid
|
|
119
133
|
};
|
|
120
134
|
});
|
|
121
|
-
setCurrentOrgTreeStore(temp);
|
|
135
|
+
(0, _storage.setCurrentOrgTreeStore)(temp);
|
|
122
136
|
return temp;
|
|
123
137
|
}
|
|
124
138
|
}; // 初始化值
|
|
125
139
|
// 机构
|
|
126
140
|
|
|
127
141
|
|
|
128
|
-
var _useState = useState(getInitialSelected(selectedOrgKey, getCurrentOrgStore(), orgListFormatData)),
|
|
142
|
+
var _useState = (0, _react.useState)(getInitialSelected(selectedOrgKey, (0, _storage.getCurrentOrgStore)(), orgListFormatData)),
|
|
129
143
|
_useState2 = _slicedToArray(_useState, 2),
|
|
130
144
|
selectedOrg = _useState2[0],
|
|
131
145
|
setSelectedOrg = _useState2[1]; // 机构树
|
|
132
146
|
|
|
133
147
|
|
|
134
|
-
var _useState3 = useState(getInitialSelectedTree(getCurrentOrgTreeStore(), orgListFormatData)),
|
|
148
|
+
var _useState3 = (0, _react.useState)(getInitialSelectedTree((0, _storage.getCurrentOrgTreeStore)(), orgListFormatData)),
|
|
135
149
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
136
150
|
selectedOrgTree = _useState4[0],
|
|
137
151
|
setSelectedOrgTree = _useState4[1]; // 应用
|
|
138
152
|
|
|
139
153
|
|
|
140
|
-
var _useState5 = useState(getInitialSelected(selectedAppKey, getCurrentAppStore(), orgAppList, 'default')),
|
|
154
|
+
var _useState5 = (0, _react.useState)(getInitialSelected(selectedAppKey, (0, _storage.getCurrentAppStore)(), orgAppList, 'default')),
|
|
141
155
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
142
156
|
selectedApp = _useState6[0],
|
|
143
157
|
setSelectedApp = _useState6[1]; // org变化事件
|
|
@@ -146,7 +160,7 @@ export default withTheme(function (props) {
|
|
|
146
160
|
var changeOrg = function changeOrg() {
|
|
147
161
|
var org = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
148
162
|
setSelectedOrg(org);
|
|
149
|
-
setCurrentOrgStore({
|
|
163
|
+
(0, _storage.setCurrentOrgStore)({
|
|
150
164
|
name: org == null ? void 0 : org.name,
|
|
151
165
|
key: org == null ? void 0 : org.key,
|
|
152
166
|
code: org == null ? void 0 : org.code
|
|
@@ -167,27 +181,27 @@ export default withTheme(function (props) {
|
|
|
167
181
|
}
|
|
168
182
|
|
|
169
183
|
setSelectedOrgTree(val);
|
|
170
|
-
setCurrentOrgTreeStore(val);
|
|
184
|
+
(0, _storage.setCurrentOrgTreeStore)(val);
|
|
171
185
|
onOrgChange && onOrgChange(val);
|
|
172
186
|
}; // app变化事件
|
|
173
187
|
|
|
174
188
|
|
|
175
189
|
var changeApp = function changeApp(app) {
|
|
176
190
|
setSelectedApp(app);
|
|
177
|
-
setCurrentAppStore(app);
|
|
191
|
+
(0, _storage.setCurrentAppStore)(app);
|
|
178
192
|
onAppChange && onAppChange(app);
|
|
179
193
|
};
|
|
180
194
|
|
|
181
|
-
useEffect(function () {
|
|
195
|
+
(0, _react.useEffect)(function () {
|
|
182
196
|
// 监听org机构
|
|
183
|
-
var newOrg = getInitialSelected(selectedOrgKey, getCurrentOrgStore(), orgListFormatData);
|
|
197
|
+
var newOrg = getInitialSelected(selectedOrgKey, (0, _storage.getCurrentOrgStore)(), orgListFormatData);
|
|
184
198
|
|
|
185
199
|
if ((newOrg == null ? void 0 : newOrg.key) !== (selectedOrg == null ? void 0 : selectedOrg.key)) {
|
|
186
200
|
changeOrg(newOrg);
|
|
187
201
|
} // 监听应用
|
|
188
202
|
|
|
189
203
|
|
|
190
|
-
var newApp = getInitialSelected(selectedAppKey, getCurrentAppStore(), orgAppList);
|
|
204
|
+
var newApp = getInitialSelected(selectedAppKey, (0, _storage.getCurrentAppStore)(), orgAppList);
|
|
191
205
|
|
|
192
206
|
if ((newApp == null ? void 0 : newApp.key) !== (selectedApp == null ? void 0 : selectedApp.key)) {
|
|
193
207
|
changeApp(newApp);
|
|
@@ -228,7 +242,7 @@ export default withTheme(function (props) {
|
|
|
228
242
|
dropdownClassName: 'org-tree-select',
|
|
229
243
|
onChange: function onChange(orgKey) {
|
|
230
244
|
var findItem;
|
|
231
|
-
traverseTree(orgListFormatData, function (node) {
|
|
245
|
+
(0, _utils.traverseTree)(orgListFormatData, function (node) {
|
|
232
246
|
if (node.key === orgKey) {
|
|
233
247
|
findItem = node;
|
|
234
248
|
return false;
|
|
@@ -236,7 +250,7 @@ export default withTheme(function (props) {
|
|
|
236
250
|
});
|
|
237
251
|
changeOrg(findItem);
|
|
238
252
|
},
|
|
239
|
-
value: get(selectedOrg, 'key')
|
|
253
|
+
value: (0, _lodash.get)(selectedOrg, 'key')
|
|
240
254
|
};
|
|
241
255
|
}
|
|
242
256
|
|
|
@@ -264,7 +278,7 @@ export default withTheme(function (props) {
|
|
|
264
278
|
|
|
265
279
|
return React.createElement(OrgAppsInputGroup, {
|
|
266
280
|
compact: true
|
|
267
|
-
}, React.createElement(
|
|
281
|
+
}, React.createElement(_antd.TreeSelect, _extends({
|
|
268
282
|
placeholder: "\u9009\u62E9\u673A\u6784",
|
|
269
283
|
searchPlaceholder: "\u673A\u6784\u540D\u79F0",
|
|
270
284
|
treeNodeFilterProp: "title",
|
|
@@ -281,7 +295,7 @@ export default withTheme(function (props) {
|
|
|
281
295
|
overflow: 'auto',
|
|
282
296
|
width: 320
|
|
283
297
|
}
|
|
284
|
-
}, orgTreeConfigProp)), React.createElement(GlobalStyle, null), React.createElement(
|
|
298
|
+
}, orgTreeConfigProp)), React.createElement(GlobalStyle, null), React.createElement(_antd.Select, {
|
|
285
299
|
placeholder: "\u8BF7\u9009\u62E9",
|
|
286
300
|
showSearch: true,
|
|
287
301
|
optionFilterProp: "children",
|
|
@@ -291,7 +305,7 @@ export default withTheme(function (props) {
|
|
|
291
305
|
return key === appKey;
|
|
292
306
|
}));
|
|
293
307
|
},
|
|
294
|
-
value: get(selectedApp, 'key'),
|
|
308
|
+
value: (0, _lodash.get)(selectedApp, 'key'),
|
|
295
309
|
style: {
|
|
296
310
|
width: 130,
|
|
297
311
|
height: 28,
|
|
@@ -306,4 +320,6 @@ export default withTheme(function (props) {
|
|
|
306
320
|
title: name
|
|
307
321
|
}, name);
|
|
308
322
|
})));
|
|
309
|
-
});
|
|
323
|
+
});
|
|
324
|
+
|
|
325
|
+
exports["default"] = _default;
|