tntd 1.4.19 → 1.4.21
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/Handle/README.md +0 -20
- package/components/Handle/index.js +27 -6
- package/components/Layout/Avatar.js +4 -4
- package/components/Layout/EnterpriseLayout/Avatar.js +10 -7
- package/components/Layout/EnterpriseLayout/Language.js +5 -3
- package/components/Layout/EnterpriseLayout/Theme.js +6 -7
- package/components/Layout/EnterpriseLayout/index.js +1 -1
- package/components/Layout/HeaderActions.js +13 -10
- package/components/Layout/HeaderTabs.js +13 -14
- package/components/Layout/Layout.js +2 -0
- package/components/Layout/index.js +2 -1
- package/components/Layout/storage.js +12 -2
- package/components/Page/index.js +2 -2
- package/components/locale.js +15 -4
- package/dist/1.tntd.js +1 -12
- package/dist/stats.json +5247 -5069
- package/dist/tntd.js +14 -3
- package/es/Handle/README.md +0 -20
- package/es/Handle/index.js +38 -13
- package/es/Layout/Avatar.js +4 -4
- package/es/Layout/EnterpriseLayout/Avatar.js +16 -8
- package/es/Layout/EnterpriseLayout/Language.js +6 -3
- package/es/Layout/EnterpriseLayout/Theme.js +10 -6
- package/es/Layout/HeaderActions.js +15 -12
- package/es/Layout/HeaderTabs.js +13 -14
- package/es/Layout/Layout.js +3 -1
- package/es/Layout/index.js +3 -2
- package/es/Layout/storage.js +19 -3
- package/es/Page/index.js +3 -2
- package/es/locale.js +14 -4
- package/lib/Handle/README.md +0 -20
- package/lib/Handle/index.js +39 -13
- package/lib/Layout/Avatar.js +5 -5
- package/lib/Layout/EnterpriseLayout/Avatar.js +19 -9
- package/lib/Layout/EnterpriseLayout/Language.js +5 -2
- package/lib/Layout/EnterpriseLayout/Theme.js +9 -5
- package/lib/Layout/HeaderActions.js +8 -5
- package/lib/Layout/HeaderTabs.js +8 -9
- package/lib/Layout/Layout.js +3 -1
- package/lib/Layout/index.js +3 -2
- package/lib/Layout/storage.js +28 -5
- package/lib/Page/index.js +3 -2
- package/lib/locale.js +18 -4
- package/package.json +1 -1
package/lib/Handle/index.js
CHANGED
|
@@ -19,6 +19,8 @@ var _divider = _interopRequireDefault(require("antd/lib/divider"));
|
|
|
19
19
|
|
|
20
20
|
var _react = require("react");
|
|
21
21
|
|
|
22
|
+
var _locale = require("../locale");
|
|
23
|
+
|
|
22
24
|
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
23
25
|
|
|
24
26
|
require("./index.less");
|
|
@@ -34,7 +36,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
34
36
|
var clsPrefix = 'tnt-more-menus';
|
|
35
37
|
|
|
36
38
|
var _default = function _default(props) {
|
|
37
|
-
var _lastChildPart2
|
|
39
|
+
var _lastChildPart2;
|
|
38
40
|
|
|
39
41
|
var _ref = props || {},
|
|
40
42
|
_ref$children = _ref.children,
|
|
@@ -42,11 +44,17 @@ var _default = function _default(props) {
|
|
|
42
44
|
type = _ref.type,
|
|
43
45
|
_ref$num = _ref.num,
|
|
44
46
|
num = _ref$num === void 0 ? 3 : _ref$num,
|
|
45
|
-
lang = _ref.lang,
|
|
46
47
|
_ref$divider = _ref.divider,
|
|
47
48
|
divider = _ref$divider === void 0 ? true : _ref$divider,
|
|
48
49
|
lessOneMoreFit = _ref.lessOneMoreFit,
|
|
49
|
-
rest = _objectWithoutProperties(_ref, ["children", "type", "num", "
|
|
50
|
+
rest = _objectWithoutProperties(_ref, ["children", "type", "num", "divider", "lessOneMoreFit"]);
|
|
51
|
+
|
|
52
|
+
var _ref2 = props || {},
|
|
53
|
+
lang = _ref2.lang;
|
|
54
|
+
|
|
55
|
+
if (!lang) {
|
|
56
|
+
lang = (0, _locale.getLanguage)();
|
|
57
|
+
}
|
|
50
58
|
|
|
51
59
|
var newChildren = [];
|
|
52
60
|
|
|
@@ -84,25 +92,43 @@ var _default = function _default(props) {
|
|
|
84
92
|
});
|
|
85
93
|
}
|
|
86
94
|
|
|
87
|
-
var menu =
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
95
|
+
var menu = function menu(childArr) {
|
|
96
|
+
return React.createElement(_menu["default"], {
|
|
97
|
+
className: "org-pop-opera-btn"
|
|
98
|
+
}, childArr == null ? void 0 : childArr.map(function (child, i) {
|
|
99
|
+
return React.createElement(_menu["default"].Item, {
|
|
100
|
+
key: i
|
|
101
|
+
}, child);
|
|
102
|
+
}));
|
|
103
|
+
};
|
|
104
|
+
|
|
105
|
+
if (lang === 'en') {
|
|
106
|
+
return React.createElement(_dropdown["default"], {
|
|
107
|
+
overlay: menu(newChildren || []),
|
|
108
|
+
arrow: true
|
|
109
|
+
}, type === 'icon' ? React.createElement(_Icon["default"], {
|
|
110
|
+
type: "more"
|
|
111
|
+
}) : React.createElement("a", {
|
|
112
|
+
className: "ant-dropdown-more"
|
|
113
|
+
}, (0, _locale.getText)('handleMore', lang), React.createElement("i", {
|
|
114
|
+
className: "".concat(clsPrefix, "-dropdown-icon")
|
|
115
|
+
}, React.createElement(_Icon["default"], {
|
|
116
|
+
type: "down"
|
|
117
|
+
}))));
|
|
118
|
+
}
|
|
119
|
+
|
|
94
120
|
return React.createElement("div", _extends({
|
|
95
121
|
onClick: function onClick(e) {
|
|
96
122
|
e.stopPropagation();
|
|
97
123
|
}
|
|
98
|
-
}, rest), preChildPart, ((
|
|
99
|
-
overlay: menu,
|
|
124
|
+
}, rest), preChildPart, !!((_lastChildPart2 = lastChildPart) == null ? void 0 : _lastChildPart2.length) && React.createElement(_dropdown["default"], {
|
|
125
|
+
overlay: menu(lastChildPart || []),
|
|
100
126
|
arrow: true
|
|
101
127
|
}, type === 'icon' ? React.createElement(_Icon["default"], {
|
|
102
128
|
type: "more"
|
|
103
129
|
}) : React.createElement("a", {
|
|
104
130
|
className: "ant-dropdown-more"
|
|
105
|
-
},
|
|
131
|
+
}, (0, _locale.getText)('handleMore', lang), React.createElement("i", {
|
|
106
132
|
className: "".concat(clsPrefix, "-dropdown-icon")
|
|
107
133
|
}, React.createElement(_Icon["default"], {
|
|
108
134
|
type: "down"
|
package/lib/Layout/Avatar.js
CHANGED
|
@@ -19,14 +19,14 @@ var _react = require("react");
|
|
|
19
19
|
|
|
20
20
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
21
21
|
|
|
22
|
-
var _deleteAllCookies = _interopRequireDefault(require("delete-all-cookies"));
|
|
23
|
-
|
|
24
22
|
var _lodash = require("lodash");
|
|
25
23
|
|
|
26
24
|
var _images = _interopRequireDefault(require("./images"));
|
|
27
25
|
|
|
28
26
|
var _ActionsContext = _interopRequireDefault(require("./ActionsContext"));
|
|
29
27
|
|
|
28
|
+
var _storage = require("./storage");
|
|
29
|
+
|
|
30
30
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
31
31
|
|
|
32
32
|
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; }
|
|
@@ -92,7 +92,7 @@ var UserInfoContent = function UserInfoContent(props) {
|
|
|
92
92
|
className: "user-info-body"
|
|
93
93
|
}, React.createElement("p", {
|
|
94
94
|
className: "user-info-body-username"
|
|
95
|
-
}, userInfo.userName || '
|
|
95
|
+
}, userInfo.userName || getText('nameNull')), React.createElement("p", {
|
|
96
96
|
className: "user-info-body-account"
|
|
97
97
|
}, userInfo.account), React.createElement("a", {
|
|
98
98
|
onClick: onPersonalSetting,
|
|
@@ -107,9 +107,9 @@ var UserInfoContent = function UserInfoContent(props) {
|
|
|
107
107
|
onClick: function onClick() {
|
|
108
108
|
if (onLogout) {
|
|
109
109
|
onLogout();
|
|
110
|
-
(0,
|
|
110
|
+
(0, _storage.clearLoginCookie)();
|
|
111
111
|
} else {
|
|
112
|
-
(0,
|
|
112
|
+
(0, _storage.clearLoginCookie)();
|
|
113
113
|
window.location.href = "/user/login?callbackUrl=".concat(window.encodeURI(location.href));
|
|
114
114
|
}
|
|
115
115
|
}
|
|
@@ -19,18 +19,22 @@ require("antd/lib/divider/style");
|
|
|
19
19
|
|
|
20
20
|
var _divider = _interopRequireDefault(require("antd/lib/divider"));
|
|
21
21
|
|
|
22
|
-
var
|
|
22
|
+
var _react = require("react");
|
|
23
23
|
|
|
24
|
-
var
|
|
24
|
+
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
25
25
|
|
|
26
26
|
var _lodash = require("lodash");
|
|
27
27
|
|
|
28
28
|
var _images = _interopRequireDefault(require("../images"));
|
|
29
29
|
|
|
30
|
+
var _ActionsContext = _interopRequireDefault(require("../ActionsContext"));
|
|
31
|
+
|
|
30
32
|
var _Language = _interopRequireDefault(require("./Language"));
|
|
31
33
|
|
|
32
34
|
var _Theme = _interopRequireDefault(require("./Theme"));
|
|
33
35
|
|
|
36
|
+
var _storage = require("../storage");
|
|
37
|
+
|
|
34
38
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
35
39
|
|
|
36
40
|
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; }
|
|
@@ -99,6 +103,9 @@ var UserInfoContent = function UserInfoContent(props) {
|
|
|
99
103
|
onLanguageChange = props.onLanguageChange,
|
|
100
104
|
onThemeChange = props.onThemeChange;
|
|
101
105
|
|
|
106
|
+
var _useContext = (0, _react.useContext)(_ActionsContext["default"]),
|
|
107
|
+
getText = _useContext.getText;
|
|
108
|
+
|
|
102
109
|
var _ref = config || {},
|
|
103
110
|
_ref$language = _ref.language,
|
|
104
111
|
language = _ref$language === void 0 ? true : _ref$language;
|
|
@@ -109,7 +116,7 @@ var UserInfoContent = function UserInfoContent(props) {
|
|
|
109
116
|
className: "user-info-body"
|
|
110
117
|
}, React.createElement("li", {
|
|
111
118
|
className: "user-info-body-username"
|
|
112
|
-
}, userInfo.userName || '
|
|
119
|
+
}, userInfo.userName || getText('nameNull'), React.createElement("span", {
|
|
113
120
|
className: "user-info-body-account"
|
|
114
121
|
}, userInfo.account)), language && React.createElement(_Language["default"], {
|
|
115
122
|
language: userInfo.lang,
|
|
@@ -125,25 +132,28 @@ var UserInfoContent = function UserInfoContent(props) {
|
|
|
125
132
|
}, React.createElement("a", {
|
|
126
133
|
onClick: onPersonalSetting,
|
|
127
134
|
href: "/bridge/userCenter?currentTab=1"
|
|
128
|
-
},
|
|
135
|
+
}, getText('personalSettings')), React.createElement(_divider["default"], {
|
|
129
136
|
type: "vertical"
|
|
130
137
|
}), React.createElement("a", {
|
|
131
138
|
onClick: onChangePassword,
|
|
132
|
-
href: "/bridge/userCenter?currentTab=2"
|
|
133
|
-
|
|
139
|
+
href: "/bridge/userCenter?currentTab=2",
|
|
140
|
+
style: (0, _storage.getLanguageStore)() === 'en' ? {
|
|
141
|
+
flex: 2
|
|
142
|
+
} : {}
|
|
143
|
+
}, getText('changePwd')), React.createElement(_divider["default"], {
|
|
134
144
|
type: "vertical"
|
|
135
145
|
}), React.createElement("a", {
|
|
136
146
|
className: "user-info-footer-signout",
|
|
137
147
|
onClick: function onClick() {
|
|
138
148
|
if (onLogout) {
|
|
139
149
|
onLogout();
|
|
140
|
-
(0,
|
|
150
|
+
(0, _storage.clearLoginCookie)();
|
|
141
151
|
} else {
|
|
142
|
-
(0,
|
|
152
|
+
(0, _storage.clearLoginCookie)();
|
|
143
153
|
window.location.href = "/user/login?callbackUrl=".concat(window.encodeURI(location.href));
|
|
144
154
|
}
|
|
145
155
|
}
|
|
146
|
-
},
|
|
156
|
+
}, getText('signOut'))));
|
|
147
157
|
};
|
|
148
158
|
|
|
149
159
|
var _default = function _default(props) {
|
|
@@ -95,11 +95,14 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
95
95
|
onChange && onChange(lang);
|
|
96
96
|
};
|
|
97
97
|
|
|
98
|
+
var otherLanguage = (0, _react.useMemo)(function () {
|
|
99
|
+
return language === 'cn' ? 'en' : 'cn';
|
|
100
|
+
}, [language]);
|
|
98
101
|
return React.createElement(Language, {
|
|
99
102
|
onClick: switchLanguage
|
|
100
103
|
}, React.createElement(_Iconfont["default"], {
|
|
101
|
-
type: "flag-".concat(
|
|
102
|
-
}), React.createElement("span", null, (0, _lodash.get)(languagesMap[
|
|
104
|
+
type: "flag-".concat(otherLanguage)
|
|
105
|
+
}), React.createElement("span", null, (0, _lodash.get)(languagesMap[otherLanguage], 'name')));
|
|
103
106
|
});
|
|
104
107
|
|
|
105
108
|
exports["default"] = _default;
|
|
@@ -45,13 +45,16 @@ var Theme = _styledComponents["default"].li(_templateObject());
|
|
|
45
45
|
|
|
46
46
|
var themes = [{
|
|
47
47
|
value: 'themeS3',
|
|
48
|
-
label: '科技蓝'
|
|
48
|
+
label: '科技蓝',
|
|
49
|
+
enLabel: 'Blue'
|
|
49
50
|
}, {
|
|
50
51
|
value: 'themeS2',
|
|
51
|
-
label: '暗夜黑'
|
|
52
|
+
label: '暗夜黑',
|
|
53
|
+
enLabel: 'Black'
|
|
52
54
|
}, {
|
|
53
55
|
value: 'themeS1',
|
|
54
|
-
label: '极致白'
|
|
56
|
+
label: '极致白',
|
|
57
|
+
enLabel: 'White'
|
|
55
58
|
}];
|
|
56
59
|
|
|
57
60
|
var _default = function _default(props) {
|
|
@@ -82,11 +85,12 @@ var _default = function _default(props) {
|
|
|
82
85
|
className: "user-info-body-theme-row"
|
|
83
86
|
}, themes.map(function (_ref2) {
|
|
84
87
|
var value = _ref2.value,
|
|
85
|
-
label = _ref2.label
|
|
88
|
+
label = _ref2.label,
|
|
89
|
+
enLabel = _ref2.enLabel;
|
|
86
90
|
return React.createElement("div", {
|
|
87
91
|
className: value,
|
|
88
92
|
onClick: changeTheme.bind(_this, value)
|
|
89
|
-
}, label, theme === value && React.createElement("span", {
|
|
93
|
+
}, (0, _storage.getLanguageStore)() === 'en' ? enLabel : label, theme === value && React.createElement("span", {
|
|
90
94
|
className: "icon-checked-wrap"
|
|
91
95
|
}));
|
|
92
96
|
})));
|
|
@@ -54,7 +54,8 @@ var Actions = _styledComponents["default"].ul(_templateObject(), function (props
|
|
|
54
54
|
});
|
|
55
55
|
|
|
56
56
|
var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
57
|
-
var
|
|
57
|
+
var type = props.type,
|
|
58
|
+
_props$config = props.config;
|
|
58
59
|
_props$config = _props$config === void 0 ? {} : _props$config;
|
|
59
60
|
|
|
60
61
|
var _props$config$theme = _props$config.theme,
|
|
@@ -78,18 +79,19 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
78
79
|
onThemeChange = props.onThemeChange,
|
|
79
80
|
onApplicationChange = props.onApplicationChange,
|
|
80
81
|
onAppChange = props.onAppChange,
|
|
82
|
+
onOrgChange = props.onOrgChange,
|
|
81
83
|
onCollapseChange = props.onCollapseChange,
|
|
82
84
|
onPersonalSetting = props.onPersonalSetting,
|
|
83
85
|
onChangePassword = props.onChangePassword,
|
|
84
86
|
onLogout = props.onLogout,
|
|
85
87
|
onLogoClick = props.onLogoClick,
|
|
86
88
|
AvatarCustom = props.AvatarCustom,
|
|
87
|
-
rest = _objectWithoutProperties(props, ["config", "theme", "userInfo", "menus", "apps", "extraActions", "headerRef", "onLanguageChange", "onThemeChange", "onApplicationChange", "onAppChange", "onCollapseChange", "onPersonalSetting", "onChangePassword", "onLogout", "onLogoClick", "AvatarCustom"]);
|
|
89
|
+
rest = _objectWithoutProperties(props, ["type", "config", "theme", "userInfo", "menus", "apps", "extraActions", "headerRef", "onLanguageChange", "onThemeChange", "onApplicationChange", "onAppChange", "onOrgChange", "onCollapseChange", "onPersonalSetting", "onChangePassword", "onLogout", "onLogoClick", "AvatarCustom"]);
|
|
88
90
|
|
|
89
91
|
return React.createElement(Actions, rest, extraActions, globalNavigation && React.createElement(_GlobalNavigation["default"], {
|
|
90
92
|
headerRef: headerRef,
|
|
91
93
|
menus: menus
|
|
92
|
-
}), !compatible ? React.createElement(React.Fragment, null, language && React.createElement(_Language["default"], {
|
|
94
|
+
}), type !== 'enterprise' && (!compatible ? React.createElement(React.Fragment, null, language && React.createElement(_Language["default"], {
|
|
93
95
|
language: userInfo.lang,
|
|
94
96
|
onChange: onLanguageChange
|
|
95
97
|
}), theme && React.createElement(_Theme["default"], {
|
|
@@ -101,7 +103,7 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
101
103
|
theme: userInfo.theme,
|
|
102
104
|
onLanguageChange: onLanguageChange,
|
|
103
105
|
onThemeChange: onThemeChange
|
|
104
|
-
}), application && React.createElement(_Application["default"], {
|
|
106
|
+
})), application && React.createElement(_Application["default"], {
|
|
105
107
|
language: userInfo.lang,
|
|
106
108
|
apps: apps,
|
|
107
109
|
onChange: onApplicationChange
|
|
@@ -116,7 +118,8 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
116
118
|
config: {
|
|
117
119
|
theme: theme,
|
|
118
120
|
language: language
|
|
119
|
-
}
|
|
121
|
+
},
|
|
122
|
+
onLanguageChange: onLanguageChange
|
|
120
123
|
}) : React.createElement(_Avatar["default"], {
|
|
121
124
|
userInfo: userInfo,
|
|
122
125
|
onPersonalSetting: onPersonalSetting,
|
package/lib/Layout/HeaderTabs.js
CHANGED
|
@@ -78,7 +78,7 @@ var TabsContainer = _styledComponents["default"].div(_templateObject(), function
|
|
|
78
78
|
var Tabs = _styledComponents["default"].ul(_templateObject2());
|
|
79
79
|
|
|
80
80
|
var TabItem = _styledComponents["default"].li(_templateObject3(), function (props) {
|
|
81
|
-
return props.theme.size ===
|
|
81
|
+
return props.theme.size === 'large' ? '46px' : '36px';
|
|
82
82
|
}, function (props) {
|
|
83
83
|
return props.theme.headerActionsColor;
|
|
84
84
|
}, function (props) {
|
|
@@ -103,7 +103,7 @@ var HeaderTabs = (0, _styledComponents.withTheme)(function (_ref) {
|
|
|
103
103
|
language = _ref.language,
|
|
104
104
|
props = _objectWithoutProperties(_ref, ["theme", "className", "tabs", "onTabChange", "onTabSelect", "onTabClose", "appListVisible", "orgListVisible", "orgAppListVisible", "language"]);
|
|
105
105
|
|
|
106
|
-
var _useState = (0, _react.useState)(props.selectedKey || (0, _lodash.get)(tabs,
|
|
106
|
+
var _useState = (0, _react.useState)(props.selectedKey || (0, _lodash.get)(tabs, '0.key')),
|
|
107
107
|
_useState2 = _slicedToArray(_useState, 2),
|
|
108
108
|
selectedKey = _useState2[0],
|
|
109
109
|
setSelectedKey = _useState2[1];
|
|
@@ -167,7 +167,7 @@ var HeaderTabs = (0, _styledComponents.withTheme)(function (_ref) {
|
|
|
167
167
|
var tabsDom = getTabsDom();
|
|
168
168
|
var parentBBox = tabsDom.parentNode.getBoundingClientRect();
|
|
169
169
|
var parentWidth = parentBBox.width - 32;
|
|
170
|
-
var x = Math.abs(+tabsDom.style.transform.replace(/[^\d.-]/g,
|
|
170
|
+
var x = Math.abs(+tabsDom.style.transform.replace(/[^\d.-]/g, ''));
|
|
171
171
|
var index = Math.ceil(x / 130);
|
|
172
172
|
var trueX = index * 130;
|
|
173
173
|
var newX = Math.min(0, -(trueX - parentWidth));
|
|
@@ -184,7 +184,7 @@ var HeaderTabs = (0, _styledComponents.withTheme)(function (_ref) {
|
|
|
184
184
|
var parentBBox = tabsDom.parentNode.getBoundingClientRect();
|
|
185
185
|
var parentWidth = parentBBox.width - 32;
|
|
186
186
|
var width = tabItems.length * 130;
|
|
187
|
-
var x = Math.abs(+tabsDom.style.transform.replace(/[^\d.-]/g,
|
|
187
|
+
var x = Math.abs(+tabsDom.style.transform.replace(/[^\d.-]/g, ''));
|
|
188
188
|
var index = Math.floor(x / 130);
|
|
189
189
|
var trueX = index * 130;
|
|
190
190
|
var newX = Math.max(-(width - parentWidth), -(trueX + parentWidth));
|
|
@@ -203,7 +203,7 @@ var HeaderTabs = (0, _styledComponents.withTheme)(function (_ref) {
|
|
|
203
203
|
}));
|
|
204
204
|
if (index === -1) return;
|
|
205
205
|
var tabsDom = getTabsDom();
|
|
206
|
-
var x = -+tabsDom.style.transform.replace(/[^\d.-]/g,
|
|
206
|
+
var x = -+tabsDom.style.transform.replace(/[^\d.-]/g, '');
|
|
207
207
|
var bbox = {
|
|
208
208
|
left: index * 130,
|
|
209
209
|
right: (index + 1) * 130
|
|
@@ -234,8 +234,7 @@ var HeaderTabs = (0, _styledComponents.withTheme)(function (_ref) {
|
|
|
234
234
|
};
|
|
235
235
|
|
|
236
236
|
(0, _react.useEffect)(function () {
|
|
237
|
-
setSelectedKey(props.selectedKey || (0, _lodash.get)(tabs,
|
|
238
|
-
|
|
237
|
+
setSelectedKey(props.selectedKey || (0, _lodash.get)(tabs, '0.key'));
|
|
239
238
|
setTabItems(tabs);
|
|
240
239
|
}, [tabs, props.selectedKey]);
|
|
241
240
|
(0, _react.useEffect)(function () {}, [props.orgAppListVisible]);
|
|
@@ -247,7 +246,7 @@ var HeaderTabs = (0, _styledComponents.withTheme)(function (_ref) {
|
|
|
247
246
|
translateTabsDom(tabItems, selectedKey);
|
|
248
247
|
}, [tabItems, selectedKey, appListVisible, orgListVisible, orgAppListVisible]);
|
|
249
248
|
return React.createElement(TabsContainer, _extends({}, props, {
|
|
250
|
-
className: (0, _classnames["default"])(
|
|
249
|
+
className: (0, _classnames["default"])('tnt-layout-header-tabs', _defineProperty({}, className, className))
|
|
251
250
|
}), React.createElement(Tabs, {
|
|
252
251
|
className: "tnt-layout-header-tabs-content",
|
|
253
252
|
ref: tabsRef
|
|
@@ -272,7 +271,7 @@ var HeaderTabs = (0, _styledComponents.withTheme)(function (_ref) {
|
|
|
272
271
|
}, {
|
|
273
272
|
cn: tab.name,
|
|
274
273
|
en: tab.enName || tab.name
|
|
275
|
-
}[language ||
|
|
274
|
+
}[language || 'cn']), tab.closable !== false && tabItems.length > 1 && React.createElement(_Icon["default"], {
|
|
276
275
|
type: "close",
|
|
277
276
|
onClick: closeTabHandle.bind(null, tab, index)
|
|
278
277
|
}));
|
package/lib/Layout/Layout.js
CHANGED
|
@@ -70,7 +70,8 @@ var TNTLayout = (0, _styledComponents["default"])(_layout["default"])(_templateO
|
|
|
70
70
|
});
|
|
71
71
|
|
|
72
72
|
var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
73
|
-
var
|
|
73
|
+
var type = props.type,
|
|
74
|
+
logo = props.logo,
|
|
74
75
|
name = props.name,
|
|
75
76
|
enName = props.enName,
|
|
76
77
|
selectedOrgKey = props.selectedOrgKey,
|
|
@@ -224,6 +225,7 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
|
|
|
224
225
|
}, React.createElement(_Icon["default"], {
|
|
225
226
|
type: "menu-".concat(collapsed ? 'unfold' : 'fold')
|
|
226
227
|
}))), React.createElement(Content, null, React.createElement(_Header["default"], {
|
|
228
|
+
type: type,
|
|
227
229
|
userInfo: userInfo,
|
|
228
230
|
config: config,
|
|
229
231
|
collapsed: collapsed,
|
package/lib/Layout/index.js
CHANGED
|
@@ -112,7 +112,7 @@ var TNTLayout = function TNTLayout(_ref) {
|
|
|
112
112
|
|
|
113
113
|
var onLanguageChange = function onLanguageChange(language) {
|
|
114
114
|
actionsContextValue.setLanguage(language);
|
|
115
|
-
props
|
|
115
|
+
props.onLanguageChange && props.onLanguageChange(language);
|
|
116
116
|
}; // layout上的指定的属性优先级会高于extendMap中的属性
|
|
117
117
|
|
|
118
118
|
|
|
@@ -144,7 +144,8 @@ var TNTLayout = function TNTLayout(_ref) {
|
|
|
144
144
|
extraHeaderActions: extraHeaderActions,
|
|
145
145
|
isInIframe: isInIframe,
|
|
146
146
|
userInfo: userInfo,
|
|
147
|
-
onLanguageChange: onLanguageChange
|
|
147
|
+
onLanguageChange: onLanguageChange,
|
|
148
|
+
type: type
|
|
148
149
|
})), (!type || !['paas', 'enterprise'].includes(type)) && React.createElement(_Layout["default"], _extends({
|
|
149
150
|
menuAlignMode: menuAlignMode,
|
|
150
151
|
config: config
|
package/lib/Layout/storage.js
CHANGED
|
@@ -3,16 +3,22 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.getThemeStore = exports.setThemeStore = exports.getLanguageStore = exports.setLanguageStore = exports.getCurrentOrgTreeStore = exports.setCurrentOrgTreeStore = exports.getCurrentOrgStore = exports.setCurrentOrgStore = exports.getCurrentAppStore = exports.setCurrentAppStore = exports.setSideMenuStore = exports.getSideMenuStore = void 0;
|
|
6
|
+
exports.clearLoginCookie = exports.getThemeStore = exports.setThemeStore = exports.getLanguageStore = exports.setLanguageStore = exports.getCurrentOrgTreeStore = exports.setCurrentOrgTreeStore = exports.getCurrentOrgStore = exports.setCurrentOrgStore = exports.getCurrentAppStore = exports.setCurrentAppStore = exports.setSideMenuStore = exports.getSideMenuStore = void 0;
|
|
7
|
+
|
|
8
|
+
var _universalCookie = _interopRequireDefault(require("universal-cookie"));
|
|
7
9
|
|
|
8
10
|
var _utils = require("../utils");
|
|
9
11
|
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
+
|
|
10
14
|
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; }
|
|
11
15
|
|
|
12
16
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
13
17
|
|
|
14
18
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
15
19
|
|
|
20
|
+
var cookies = new _universalCookie["default"]();
|
|
21
|
+
|
|
16
22
|
var getSideMenuStore = function getSideMenuStore() {
|
|
17
23
|
return (0, _utils.safeParseJSON)(localStorage.getItem('sideMenu'), {});
|
|
18
24
|
};
|
|
@@ -61,18 +67,24 @@ exports.setCurrentOrgTreeStore = setCurrentOrgTreeStore;
|
|
|
61
67
|
|
|
62
68
|
var getCurrentOrgTreeStore = function getCurrentOrgTreeStore() {
|
|
63
69
|
return (0, _utils.safeParseJSON)(localStorage.getItem('currentOrgTree'), []);
|
|
64
|
-
};
|
|
70
|
+
}; // export const setLanguageStore = lang => localStorage.setItem('lang', lang);
|
|
71
|
+
// export const getLanguageStore = () => localStorage.getItem('lang');
|
|
72
|
+
|
|
65
73
|
|
|
66
74
|
exports.getCurrentOrgTreeStore = getCurrentOrgTreeStore;
|
|
67
75
|
|
|
68
76
|
var setLanguageStore = function setLanguageStore(lang) {
|
|
69
|
-
return
|
|
77
|
+
return cookies.set('lang', lang, {
|
|
78
|
+
path: '/'
|
|
79
|
+
});
|
|
70
80
|
};
|
|
71
81
|
|
|
72
82
|
exports.setLanguageStore = setLanguageStore;
|
|
73
83
|
|
|
74
84
|
var getLanguageStore = function getLanguageStore() {
|
|
75
|
-
return
|
|
85
|
+
return cookies.get('lang', {
|
|
86
|
+
path: '/'
|
|
87
|
+
});
|
|
76
88
|
};
|
|
77
89
|
|
|
78
90
|
exports.getLanguageStore = getLanguageStore;
|
|
@@ -87,4 +99,15 @@ var getThemeStore = function getThemeStore() {
|
|
|
87
99
|
return localStorage.getItem('theme');
|
|
88
100
|
};
|
|
89
101
|
|
|
90
|
-
exports.getThemeStore = getThemeStore;
|
|
102
|
+
exports.getThemeStore = getThemeStore;
|
|
103
|
+
|
|
104
|
+
var clearLoginCookie = function clearLoginCookie() {
|
|
105
|
+
cookies.remove('_td_token_', {
|
|
106
|
+
path: '/'
|
|
107
|
+
});
|
|
108
|
+
cookies.remove('_uid_', {
|
|
109
|
+
path: '/'
|
|
110
|
+
});
|
|
111
|
+
};
|
|
112
|
+
|
|
113
|
+
exports.clearLoginCookie = clearLoginCookie;
|
package/lib/Page/index.js
CHANGED
|
@@ -135,9 +135,10 @@ var PageLayout = function PageLayout(_ref) {
|
|
|
135
135
|
}
|
|
136
136
|
}, _react["default"].createElement(_Icon["default"], {
|
|
137
137
|
type: "left"
|
|
138
|
-
}), _react["default"].createElement("span", null, goBackText ? goBackText : '返回')), title), [center, extra].map(function (item) {
|
|
138
|
+
}), _react["default"].createElement("span", null, goBackText ? goBackText : '返回')), title), [center, extra].map(function (item, i) {
|
|
139
139
|
return _react["default"].createElement("div", {
|
|
140
|
-
className: "".concat(clsPrefix, "-header-section")
|
|
140
|
+
className: "".concat(clsPrefix, "-header-section"),
|
|
141
|
+
key: i
|
|
141
142
|
}, item);
|
|
142
143
|
})), _react["default"].createElement("div", {
|
|
143
144
|
className: "".concat(clsPrefix, "-content"),
|
package/lib/locale.js
CHANGED
|
@@ -4,6 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = exports.getLanguage = exports.getText = exports.en_US = exports.zh_CN = void 0;
|
|
7
|
+
|
|
8
|
+
var _universalCookie = _interopRequireDefault(require("universal-cookie"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
12
|
+
var cookies = new _universalCookie["default"]();
|
|
7
13
|
var zh_CN = {
|
|
8
14
|
globalNavigation: '全局导航',
|
|
9
15
|
menuSearch: '菜单搜索',
|
|
@@ -16,9 +22,12 @@ var zh_CN = {
|
|
|
16
22
|
// QueryListScene
|
|
17
23
|
totalRecords: '共%s条记录',
|
|
18
24
|
// user popover
|
|
25
|
+
nameNull: '暂无昵称',
|
|
19
26
|
personalSettings: '个人设置',
|
|
20
27
|
changePwd: '修改密码',
|
|
21
|
-
signOut: '退出'
|
|
28
|
+
signOut: '退出',
|
|
29
|
+
// Handle
|
|
30
|
+
handleMore: '更多'
|
|
22
31
|
};
|
|
23
32
|
exports.zh_CN = zh_CN;
|
|
24
33
|
var en_US = {
|
|
@@ -33,9 +42,12 @@ var en_US = {
|
|
|
33
42
|
// QueryListScene
|
|
34
43
|
totalRecords: 'Total of %s records',
|
|
35
44
|
// user popover
|
|
36
|
-
|
|
45
|
+
nameNull: 'No nickname yet',
|
|
46
|
+
personalSettings: 'Setting',
|
|
37
47
|
changePwd: 'Change password',
|
|
38
|
-
signOut: 'Sign out'
|
|
48
|
+
signOut: 'Sign out',
|
|
49
|
+
// Handle
|
|
50
|
+
handleMore: 'More'
|
|
39
51
|
};
|
|
40
52
|
exports.en_US = en_US;
|
|
41
53
|
|
|
@@ -64,7 +76,9 @@ var getText = function getText(key) {
|
|
|
64
76
|
exports.getText = getText;
|
|
65
77
|
|
|
66
78
|
var getLanguage = function getLanguage() {
|
|
67
|
-
return
|
|
79
|
+
return cookies.get('lang', {
|
|
80
|
+
path: '/'
|
|
81
|
+
}) || 'cn';
|
|
68
82
|
};
|
|
69
83
|
|
|
70
84
|
exports.getLanguage = getLanguage;
|