tntd 1.4.20 → 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.
Files changed (163) hide show
  1. package/components/Handle/README.md +0 -20
  2. package/components/Handle/index.js +27 -6
  3. package/components/locale.js +8 -2
  4. package/dist/1.tntd.js +1 -1
  5. package/dist/stats.json +23819 -24067
  6. package/dist/tntd.css +1 -1
  7. package/dist/tntd.js +13 -8
  8. package/es/ArrayInput/icon.js +5 -5
  9. package/es/ArrayInput/index.js +108 -76
  10. package/es/AuthContext.js +1 -1
  11. package/es/Columns/index.js +38 -31
  12. package/es/DevelopmentLogin/LoginModal.js +45 -32
  13. package/es/DevelopmentLogin/index.js +17 -13
  14. package/es/Ellipsis/Svg/CopySVG.js +13 -13
  15. package/es/Ellipsis/Svg/TickSVG.js +8 -8
  16. package/es/Ellipsis/index.js +69 -58
  17. package/es/Handle/README.md +0 -20
  18. package/es/Handle/index.js +67 -32
  19. package/es/Icon/fonts/iconfont.js +12 -7
  20. package/es/Icon/index.js +13 -10
  21. package/es/Img/Contain.js +29 -24
  22. package/es/Img/Cover.js +54 -40
  23. package/es/Img/index.js +45 -36
  24. package/es/Layout/ActionsContext.js +2 -3
  25. package/es/Layout/AppList.js +92 -37
  26. package/es/Layout/Application.js +72 -26
  27. package/es/Layout/Avatar.js +66 -29
  28. package/es/Layout/CompatibleLanguage.js +94 -39
  29. package/es/Layout/EnterpriseLayout/Avatar.js +76 -38
  30. package/es/Layout/EnterpriseLayout/Language.js +32 -14
  31. package/es/Layout/EnterpriseLayout/Theme.js +34 -16
  32. package/es/Layout/EnterpriseLayout/index.js +16 -14
  33. package/es/Layout/GlobalNavigation/NavigationPopup.js +170 -59
  34. package/es/Layout/GlobalNavigation/index.js +54 -20
  35. package/es/Layout/Header.js +46 -25
  36. package/es/Layout/HeaderActions.js +56 -42
  37. package/es/Layout/HeaderNavs.js +47 -20
  38. package/es/Layout/HeaderTabs.js +102 -49
  39. package/es/Layout/Iconfont.js +1 -1
  40. package/es/Layout/Language.js +32 -14
  41. package/es/Layout/Layout.js +108 -86
  42. package/es/Layout/Logo.js +32 -16
  43. package/es/Layout/OrgAppList.js +107 -62
  44. package/es/Layout/SideMenu.js +124 -63
  45. package/es/Layout/Theme.js +61 -23
  46. package/es/Layout/checkAuth.js +29 -0
  47. package/es/Layout/index.js +34 -26
  48. package/es/Layout/paaslayout/CompactSideMenu.js +74 -35
  49. package/es/Layout/paaslayout/Header.js +45 -22
  50. package/es/Layout/paaslayout/Logo.js +13 -3
  51. package/es/Layout/paaslayout/SideMenu.js +78 -39
  52. package/es/Layout/paaslayout/index.js +102 -75
  53. package/es/Layout/storage.js +9 -10
  54. package/es/Layout/utils.js +136 -0
  55. package/es/LoadingButton/index.js +24 -15
  56. package/es/Modal/index.js +46 -38
  57. package/es/Page/Box.js +41 -34
  58. package/es/Page/index.js +67 -52
  59. package/es/Page/utils.js +5 -0
  60. package/es/QueryForm/Field/Checkbox.js +9 -5
  61. package/es/QueryForm/Field/Select.js +41 -31
  62. package/es/QueryForm/Field/SelectInput.js +41 -26
  63. package/es/QueryForm/Field/fieldsMap.js +1 -0
  64. package/es/QueryForm/Field/index.js +71 -41
  65. package/es/QueryForm/createActions.js +7 -6
  66. package/es/QueryForm/index.js +135 -76
  67. package/es/QueryListScene/List.js +128 -74
  68. package/es/QueryListScene/QueryForm.js +81 -46
  69. package/es/QueryListScene/QueryListScene.js +40 -25
  70. package/es/QueryListScene/Title.js +3 -3
  71. package/es/QueryListScene/Toolbar.js +12 -11
  72. package/es/Select/DropDownWrap.js +50 -29
  73. package/es/Select/index.js +231 -135
  74. package/es/Table/ResizableTable/index.js +40 -26
  75. package/es/Table/index.js +16 -18
  76. package/es/Title/index.js +23 -21
  77. package/es/locale.js +11 -3
  78. package/es/utils/checkAuth.js +5 -3
  79. package/es/utils/findMenuInfoByPath.js +4 -0
  80. package/es/utils/index.js +23 -12
  81. package/lib/ArrayInput/icon.js +6 -6
  82. package/lib/ArrayInput/index.js +127 -78
  83. package/lib/AuthContext.js +4 -1
  84. package/lib/Columns/index.js +47 -31
  85. package/lib/DevelopmentLogin/LoginModal.js +58 -32
  86. package/lib/DevelopmentLogin/index.js +27 -16
  87. package/lib/Ellipsis/Svg/CopySVG.js +15 -13
  88. package/lib/Ellipsis/Svg/TickSVG.js +10 -8
  89. package/lib/Ellipsis/index.js +80 -57
  90. package/lib/Handle/README.md +0 -20
  91. package/lib/Handle/index.js +80 -32
  92. package/lib/Icon/fonts/iconfont.js +12 -7
  93. package/lib/Icon/index.js +20 -11
  94. package/lib/Img/Contain.js +34 -24
  95. package/lib/Img/Cover.js +65 -42
  96. package/lib/Img/index.js +51 -36
  97. package/lib/Layout/ActionsContext.js +4 -1
  98. package/lib/Layout/AppList.js +118 -40
  99. package/lib/Layout/Application.js +86 -26
  100. package/lib/Layout/Avatar.js +86 -32
  101. package/lib/Layout/CompatibleLanguage.js +110 -39
  102. package/lib/Layout/EnterpriseLayout/Avatar.js +100 -41
  103. package/lib/Layout/EnterpriseLayout/Header.js +113 -0
  104. package/lib/Layout/EnterpriseLayout/HeaderActions.js +104 -0
  105. package/lib/Layout/EnterpriseLayout/Language.js +48 -17
  106. package/lib/Layout/EnterpriseLayout/Theme.js +44 -16
  107. package/lib/Layout/EnterpriseLayout/index.js +23 -14
  108. package/lib/Layout/GlobalNavigation/NavigationPopup.js +186 -59
  109. package/lib/Layout/GlobalNavigation/index.js +74 -23
  110. package/lib/Layout/Header.js +63 -28
  111. package/lib/Layout/HeaderActions.js +74 -45
  112. package/lib/Layout/HeaderNavs.js +61 -23
  113. package/lib/Layout/HeaderTabs.js +118 -51
  114. package/lib/Layout/Iconfont.js +5 -1
  115. package/lib/Layout/Language.js +48 -17
  116. package/lib/Layout/Layout.js +128 -88
  117. package/lib/Layout/Logo.js +43 -19
  118. package/lib/Layout/OrgAppList.js +127 -64
  119. package/lib/Layout/SideMenu.js +143 -65
  120. package/lib/Layout/Theme.js +73 -23
  121. package/lib/Layout/checkAuth.js +39 -0
  122. package/lib/Layout/createActions.js +5 -0
  123. package/lib/Layout/images/index.js +28 -0
  124. package/lib/Layout/index.js +55 -30
  125. package/lib/Layout/paaslayout/CompactSideMenu.js +84 -35
  126. package/lib/Layout/paaslayout/Header.js +55 -22
  127. package/lib/Layout/paaslayout/Logo.js +19 -3
  128. package/lib/Layout/paaslayout/SideMenu.js +87 -39
  129. package/lib/Layout/paaslayout/index.js +122 -77
  130. package/lib/Layout/storage.js +40 -11
  131. package/lib/Layout/utils.js +166 -0
  132. package/lib/LoadingButton/index.js +29 -15
  133. package/lib/Modal/index.js +53 -38
  134. package/lib/Page/Box.js +45 -34
  135. package/lib/Page/index.js +77 -52
  136. package/lib/Page/utils.js +9 -1
  137. package/lib/QueryForm/Field/Checkbox.js +13 -5
  138. package/lib/QueryForm/Field/Select.js +53 -33
  139. package/lib/QueryForm/Field/SelectInput.js +56 -28
  140. package/lib/QueryForm/Field/fieldsMap.js +15 -1
  141. package/lib/QueryForm/Field/index.js +81 -43
  142. package/lib/QueryForm/createActions.js +12 -6
  143. package/lib/QueryForm/index.js +157 -78
  144. package/lib/QueryForm/useForm.js +5 -0
  145. package/lib/QueryListScene/List.js +140 -76
  146. package/lib/QueryListScene/QueryForm.js +86 -46
  147. package/lib/QueryListScene/QueryListScene.js +46 -25
  148. package/lib/QueryListScene/Title.js +7 -3
  149. package/lib/QueryListScene/Toolbar.js +16 -11
  150. package/lib/QueryListScene/createActions.js +5 -0
  151. package/lib/QueryListScene/index.js +10 -0
  152. package/lib/QueryListScene/useActions.js +5 -0
  153. package/lib/Select/DropDownWrap.js +56 -31
  154. package/lib/Select/index.js +241 -135
  155. package/lib/Table/ResizableTable/index.js +48 -26
  156. package/lib/Table/index.js +28 -17
  157. package/lib/Title/index.js +28 -21
  158. package/lib/index.js +56 -35
  159. package/lib/locale.js +19 -4
  160. package/lib/utils/checkAuth.js +9 -4
  161. package/lib/utils/findMenuInfoByPath.js +8 -1
  162. package/lib/utils/index.js +42 -15
  163. package/package.json +2 -2
@@ -4,52 +4,91 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
+
7
8
  var _react = require("react");
9
+
8
10
  var _styledComponents = _interopRequireDefault(require("styled-components"));
11
+
9
12
  var _classnames = _interopRequireDefault(require("classnames"));
13
+
10
14
  var _Iconfont = _interopRequireDefault(require("../Iconfont"));
11
- var _templateObject, _templateObject2;
15
+
12
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
14
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
15
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
16
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
17
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
17
+
18
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
19
+
20
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
21
+
22
+ function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
23
+
18
24
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
25
+
26
+ function _templateObject2() {
27
+ var data = _taggedTemplateLiteral(["\n background: #fff;\n list-style: none;\n font-size: 14px;\n color: #17233D;\n margin: 10px 0 0;\n padding: 0;\n li {\n position: relative;\n line-height: 38px;\n cursor: pointer;\n padding-left: 20px;\n & > a {\n color: #17233D;\n & > span {\n padding-left: 10px;\n }\n }\n &.active {\n background: #EAEDF8;\n &:before {\n position: absolute;\n left: 0;\n top: 0;\n content: '';\n width: 4px;\n height: 100%;\n background-color: #4C79FF;\n }\n }\n }\n"]);
28
+
29
+ _templateObject2 = function _templateObject2() {
30
+ return data;
31
+ };
32
+
33
+ return data;
34
+ }
35
+
36
+ function _templateObject() {
37
+ var data = _taggedTemplateLiteral(["\n background: #fff;\n list-style: none;\n margin: 0;\n padding: 0;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n .isInIframe & {\n display: none;\n }\n \n & > li {\n font-size: 14px;\n letter-spacing: 0;\n margin-top: 20px;\n &:first-child {\n margin-top: 30px;\n }\n & > span {\n line-height: 38px;\n opacity: 0.4;\n display: inline-block;\n width: calc(100% - 20px);\n color: #17233D;\n border-bottom: 1px solid #B2BECD;\n margin-left: 20px;\n }\n }\n"]);
38
+
39
+ _templateObject = function _templateObject() {
40
+ return data;
41
+ };
42
+
43
+ return data;
44
+ }
45
+
19
46
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
20
- var SideMenu = _styledComponents["default"].ul(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background: #fff;\n list-style: none;\n margin: 0;\n padding: 0;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n .isInIframe & {\n display: none;\n }\n \n & > li {\n font-size: 14px;\n letter-spacing: 0;\n margin-top: 20px;\n &:first-child {\n margin-top: 30px;\n }\n & > span {\n line-height: 38px;\n opacity: 0.4;\n display: inline-block;\n width: calc(100% - 20px);\n color: #17233D;\n border-bottom: 1px solid #B2BECD;\n margin-left: 20px;\n }\n }\n"])));
21
- var SubMenu = _styledComponents["default"].ul(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n background: #fff;\n list-style: none;\n font-size: 14px;\n color: #17233D;\n margin: 10px 0 0;\n padding: 0;\n li {\n position: relative;\n line-height: 38px;\n cursor: pointer;\n padding-left: 20px;\n & > a {\n color: #17233D;\n & > span {\n padding-left: 10px;\n }\n }\n &.active {\n background: #EAEDF8;\n &:before {\n position: absolute;\n left: 0;\n top: 0;\n content: '';\n width: 4px;\n height: 100%;\n background-color: #4C79FF;\n }\n }\n }\n"])));
47
+
48
+ var SideMenu = _styledComponents["default"].ul(_templateObject());
49
+
50
+ var SubMenu = _styledComponents["default"].ul(_templateObject2());
51
+
22
52
  var _default = function _default(props) {
23
53
  var language = props.language,
24
- _props$menus = props.menus,
25
- menus = _props$menus === void 0 ? [] : _props$menus,
26
- formatMenuPath = props.formatMenuPath,
27
- changeRouter = props.changeRouter,
28
- selectedKey = props.selectedKey,
29
- onBeforeChange = props.onBeforeChange,
30
- onChange = props.onChange,
31
- onSelect = props.onSelect;
54
+ _props$menus = props.menus,
55
+ menus = _props$menus === void 0 ? [] : _props$menus,
56
+ formatMenuPath = props.formatMenuPath,
57
+ changeRouter = props.changeRouter,
58
+ selectedKey = props.selectedKey,
59
+ onBeforeChange = props.onBeforeChange,
60
+ onChange = props.onChange,
61
+ onSelect = props.onSelect;
62
+
32
63
  var _useState = (0, _react.useState)(selectedKey),
33
- _useState2 = _slicedToArray(_useState, 2),
34
- activeMenu = _useState2[0],
35
- setActiveMenu = _useState2[1];
64
+ _useState2 = _slicedToArray(_useState, 2),
65
+ activeMenu = _useState2[0],
66
+ setActiveMenu = _useState2[1];
67
+
36
68
  var defaultBeforeChange = function defaultBeforeChange(_ref) {
37
69
  var data = _ref.data;
38
70
  return !isNewTabMenu(data);
39
71
  };
72
+
40
73
  var defaultSelect = function defaultSelect(_ref2) {
41
74
  var _window$location$path;
75
+
42
76
  var data = _ref2.data;
77
+
43
78
  var _ref3 = data || {},
44
- path = _ref3.path;
79
+ path = _ref3.path;
80
+
45
81
  var formatPath = formatMenuPath || function (path) {
46
82
  return path;
47
83
  };
84
+
48
85
  if (isNewTabMenu(data)) {
49
86
  openInNewTab(formatPath(data == null ? void 0 : data.path, data));
50
87
  return;
51
88
  }
89
+
52
90
  var routerPrefix = (_window$location$path = window.location.pathname.match(/(^\/[^\/]+)/i)) == null ? void 0 : _window$location$path[1];
91
+
53
92
  if (window.location.pathname.startsWith(routerPrefix)) {
54
93
  var forwardPath = formatPath(path, data);
55
94
  changeRouter ? changeRouter(forwardPath, data) : window.history.pushState(data, data == null ? void 0 : data.name, forwardPath);
@@ -57,33 +96,38 @@ var _default = function _default(props) {
57
96
  window.location.href = formatPath(path, data);
58
97
  }
59
98
  };
99
+
60
100
  var selectMenu = function selectMenu() {
61
101
  var param = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
62
102
  var finalBeforeChange = onBeforeChange || defaultBeforeChange;
63
103
  var finalSelect = onSelect || defaultSelect;
104
+
64
105
  if (param.key !== activeMenu) {
65
106
  if (finalBeforeChange(param, activeMenu)) {
66
107
  setActiveMenu(param.key);
67
108
  onChange && onChange(param);
68
109
  }
69
110
  }
111
+
70
112
  finalSelect(param);
71
113
  };
114
+
72
115
  var MenuItem = function MenuItem(_ref4) {
73
116
  var item = _ref4.item;
74
117
  var code = item.code,
75
- groupName = item.groupName,
76
- enName = item.enName,
77
- _item$children = item.children,
78
- children = _item$children === void 0 ? [] : _item$children;
118
+ groupName = item.groupName,
119
+ enName = item.enName,
120
+ _item$children = item.children,
121
+ children = _item$children === void 0 ? [] : _item$children;
122
+
79
123
  var SubMenuItem = function SubMenuItem(_ref5) {
80
124
  var menu = _ref5.menu;
81
125
  var code = menu.code,
82
- menuName = menu.menuName,
83
- enName = menu.enName,
84
- icon = menu.icon,
85
- path = menu.path;
86
- return /*#__PURE__*/React.createElement("li", {
126
+ menuName = menu.menuName,
127
+ enName = menu.enName,
128
+ icon = menu.icon,
129
+ path = menu.path;
130
+ return React.createElement("li", {
87
131
  key: code,
88
132
  onClick: function onClick(evt) {
89
133
  return selectMenu({
@@ -95,43 +139,47 @@ var _default = function _default(props) {
95
139
  className: (0, _classnames["default"])({
96
140
  active: code === activeMenu
97
141
  })
98
- }, /*#__PURE__*/React.createElement("a", {
142
+ }, React.createElement("a", {
99
143
  href: path,
100
144
  onClick: function onClick(evt) {
101
145
  return evt.preventDefault();
102
146
  }
103
- }, icon instanceof _react.Component ? icon : /*#__PURE__*/React.createElement(_Iconfont["default"], {
147
+ }, icon instanceof _react.Component ? icon : React.createElement(_Iconfont["default"], {
104
148
  type: icon
105
- }), /*#__PURE__*/React.createElement("span", null, {
149
+ }), React.createElement("span", null, {
106
150
  cn: menuName,
107
151
  en: enName
108
152
  }[language])));
109
153
  };
154
+
110
155
  if (groupName && children.length) {
111
- return /*#__PURE__*/React.createElement("li", {
156
+ return React.createElement("li", {
112
157
  key: code
113
- }, /*#__PURE__*/React.createElement("span", null, {
158
+ }, React.createElement("span", null, {
114
159
  cn: groupName,
115
160
  en: enName
116
- }[language]), /*#__PURE__*/React.createElement(SubMenu, null, children.map(function (subItem) {
117
- return /*#__PURE__*/React.createElement(SubMenuItem, {
161
+ }[language]), React.createElement(SubMenu, null, children.map(function (subItem) {
162
+ return React.createElement(SubMenuItem, {
118
163
  menu: subItem,
119
164
  key: subItem == null ? void 0 : subItem.code
120
165
  });
121
166
  })));
122
167
  }
123
- return /*#__PURE__*/React.createElement(SubMenuItem, {
168
+
169
+ return React.createElement(SubMenuItem, {
124
170
  menu: item
125
171
  });
126
172
  };
173
+
127
174
  (0, _react.useEffect)(function () {
128
175
  setActiveMenu(selectedKey);
129
176
  }, [selectedKey]);
130
- return /*#__PURE__*/React.createElement(SideMenu, null, menus.map(function (menu) {
131
- return /*#__PURE__*/React.createElement(MenuItem, {
177
+ return React.createElement(SideMenu, null, menus.map(function (menu) {
178
+ return React.createElement(MenuItem, {
132
179
  item: menu,
133
180
  key: menu.code
134
181
  });
135
182
  }));
136
183
  };
184
+
137
185
  exports["default"] = _default;
@@ -1,92 +1,126 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
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
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports["default"] = void 0;
9
+
8
10
  require("antd/lib/layout/style");
11
+
9
12
  var _layout = _interopRequireDefault(require("antd/lib/layout"));
13
+
10
14
  var _react = require("react");
15
+
11
16
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
17
+
12
18
  var _classnames = _interopRequireDefault(require("classnames"));
19
+
13
20
  var _lodash = require("lodash");
21
+
14
22
  var _utils = require("../../utils");
23
+
15
24
  var _HeaderNavs = _interopRequireDefault(require("../HeaderNavs"));
25
+
16
26
  var _Header = _interopRequireDefault(require("./Header"));
27
+
17
28
  var _SideMenu = _interopRequireDefault(require("./SideMenu"));
29
+
18
30
  var _CompactSideMenu = _interopRequireDefault(require("./CompactSideMenu"));
31
+
19
32
  var _storage = require("../storage");
20
- var _templateObject;
21
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
22
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
33
+
34
+ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
35
+
36
+ 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; }
37
+
23
38
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
24
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
25
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
26
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
27
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
28
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
29
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
30
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
31
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
32
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
33
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
39
+
40
+ 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; }
41
+
42
+ 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; }
43
+
44
+ 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; }
45
+
46
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
47
+
48
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
49
+
50
+ function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
51
+
34
52
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
53
+
54
+ function _templateObject() {
55
+ var data = _taggedTemplateLiteral(["\n position: relative;\n height: 100vh;\n overflow: hidden;\n & > .ant-layout {\n flex-direction: row;\n & > .ant-layout-content {\n overflow-x: hidden;\n flex: 1;\n }\n }\n .tnt-layout-sider {\n overflow-x: hidden;\n background: #fff !important;\n box-shadow: 0 1px 10px 0 rgba(0,0,0,0.10);\n z-index: 8;\n }\n &.isInIframe, &.isEmptyLayout {\n .tnt-layout-sider {\n display: none;\n }\n }\n &.tnt-themeS1 .tnt-layout-sider {\n background: #fff !important;\n }\n .tnt-layout-content {\n background: ", ";\n }\n"]);
56
+
57
+ _templateObject = function _templateObject() {
58
+ return data;
59
+ };
60
+
61
+ return data;
62
+ }
63
+
35
64
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
65
+
36
66
  var Content = _layout["default"].Content,
37
- Sider = _layout["default"].Sider;
38
- var TNTPaasLayout = (0, _styledComponents["default"])(_layout["default"])(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n height: 100vh;\n overflow: hidden;\n & > .ant-layout {\n flex-direction: row;\n & > .ant-layout-content {\n overflow-x: hidden;\n flex: 1;\n }\n }\n .tnt-layout-sider {\n overflow-x: hidden;\n background: #fff !important;\n box-shadow: 0 1px 10px 0 rgba(0,0,0,0.10);\n z-index: 8;\n }\n &.isInIframe, &.isEmptyLayout {\n .tnt-layout-sider {\n display: none;\n }\n }\n &.tnt-themeS1 .tnt-layout-sider {\n background: #fff !important;\n }\n .tnt-layout-content {\n background: ", ";\n }\n"])), function (props) {
67
+ Sider = _layout["default"].Sider;
68
+ var TNTPaasLayout = (0, _styledComponents["default"])(_layout["default"])(_templateObject(), function (props) {
39
69
  return props.theme.lightBgColor;
40
70
  });
71
+
41
72
  var noop = function noop() {
42
73
  return true;
43
74
  };
75
+
44
76
  var _default = (0, _styledComponents.withTheme)(function (props) {
45
77
  var appKey = props.appKey,
46
- logo = props.logo,
47
- name = props.name,
48
- enName = props.enName,
49
- isInIframe = props.isInIframe,
50
- isEmptyLayout = props.isEmptyLayout,
51
- selectedAppKey = props.selectedAppKey,
52
- appList = props.appList,
53
- _props$config = props.config,
54
- config = _props$config === void 0 ? {} : _props$config,
55
- extraHeaderActions = props.extraHeaderActions,
56
- headerNavs = props.headerNavs,
57
- sideMenu = props.sideMenu,
58
- selectedMenuKey = props.selectedMenuKey,
59
- _props$menuAlignMode = props.menuAlignMode,
60
- menuAlignMode = _props$menuAlignMode === void 0 ? 'side' : _props$menuAlignMode,
61
- _props$menus = props.menus,
62
- menus = _props$menus === void 0 ? [] : _props$menus,
63
- formatMenuPath = props.formatMenuPath,
64
- changeRouter = props.changeRouter,
65
- _props$onLogoClick = props.onLogoClick,
66
- onLogoClick = _props$onLogoClick === void 0 ? noop : _props$onLogoClick,
67
- _props$onThemeChange = props.onThemeChange,
68
- _onThemeChange = _props$onThemeChange === void 0 ? noop : _props$onThemeChange,
69
- _props$onLanguageChan = props.onLanguageChange,
70
- _onLanguageChange = _props$onLanguageChan === void 0 ? noop : _props$onLanguageChan,
71
- _props$onApplicationC = props.onApplicationChange,
72
- _onApplicationChange = _props$onApplicationC === void 0 ? noop : _props$onApplicationC,
73
- _props$onAppChange = props.onAppChange,
74
- onAppChange = _props$onAppChange === void 0 ? noop : _props$onAppChange,
75
- onLogout = props.onLogout,
76
- _props$onBeforeMenuCh = props.onBeforeMenuChange,
77
- onBeforeMenuChange = _props$onBeforeMenuCh === void 0 ? noop : _props$onBeforeMenuCh,
78
- _props$onMenuChange = props.onMenuChange,
79
- onMenuChange = _props$onMenuChange === void 0 ? noop : _props$onMenuChange,
80
- _props$onMenuSelect = props.onMenuSelect,
81
- onMenuSelect = _props$onMenuSelect === void 0 ? noop : _props$onMenuSelect,
82
- _props$onHeaderNavCha = props.onHeaderNavChange,
83
- onHeaderNavChange = _props$onHeaderNavCha === void 0 ? noop : _props$onHeaderNavCha;
78
+ logo = props.logo,
79
+ name = props.name,
80
+ enName = props.enName,
81
+ isInIframe = props.isInIframe,
82
+ isEmptyLayout = props.isEmptyLayout,
83
+ selectedAppKey = props.selectedAppKey,
84
+ appList = props.appList,
85
+ _props$config = props.config,
86
+ config = _props$config === void 0 ? {} : _props$config,
87
+ extraHeaderActions = props.extraHeaderActions,
88
+ headerNavs = props.headerNavs,
89
+ sideMenu = props.sideMenu,
90
+ selectedMenuKey = props.selectedMenuKey,
91
+ _props$menuAlignMode = props.menuAlignMode,
92
+ menuAlignMode = _props$menuAlignMode === void 0 ? 'side' : _props$menuAlignMode,
93
+ _props$menus = props.menus,
94
+ menus = _props$menus === void 0 ? [] : _props$menus,
95
+ formatMenuPath = props.formatMenuPath,
96
+ changeRouter = props.changeRouter,
97
+ _props$onLogoClick = props.onLogoClick,
98
+ onLogoClick = _props$onLogoClick === void 0 ? noop : _props$onLogoClick,
99
+ _props$onThemeChange = props.onThemeChange,
100
+ _onThemeChange = _props$onThemeChange === void 0 ? noop : _props$onThemeChange,
101
+ _props$onLanguageChan = props.onLanguageChange,
102
+ _onLanguageChange = _props$onLanguageChan === void 0 ? noop : _props$onLanguageChan,
103
+ _props$onApplicationC = props.onApplicationChange,
104
+ _onApplicationChange = _props$onApplicationC === void 0 ? noop : _props$onApplicationC,
105
+ _props$onAppChange = props.onAppChange,
106
+ onAppChange = _props$onAppChange === void 0 ? noop : _props$onAppChange,
107
+ onLogout = props.onLogout,
108
+ _props$onBeforeMenuCh = props.onBeforeMenuChange,
109
+ onBeforeMenuChange = _props$onBeforeMenuCh === void 0 ? noop : _props$onBeforeMenuCh,
110
+ _props$onMenuChange = props.onMenuChange,
111
+ onMenuChange = _props$onMenuChange === void 0 ? noop : _props$onMenuChange,
112
+ _props$onMenuSelect = props.onMenuSelect,
113
+ onMenuSelect = _props$onMenuSelect === void 0 ? noop : _props$onMenuSelect,
114
+ _props$onHeaderNavCha = props.onHeaderNavChange,
115
+ onHeaderNavChange = _props$onHeaderNavCha === void 0 ? noop : _props$onHeaderNavCha;
116
+
84
117
  var _useState = (0, _react.useState)(props.userInfo || {}),
85
- _useState2 = _slicedToArray(_useState, 2),
86
- userInfo = _useState2[0],
87
- setUserInfo = _useState2[1];
88
- var theme = (0, _storage.getThemeStore)() || userInfo.theme || 'themeS2';
89
- // theme === 'default' ? 'themeS2' : theme;
118
+ _useState2 = _slicedToArray(_useState, 2),
119
+ userInfo = _useState2[0],
120
+ setUserInfo = _useState2[1];
121
+
122
+ var theme = (0, _storage.getThemeStore)() || userInfo.theme || 'themeS2'; // theme === 'default' ? 'themeS2' : theme;
123
+
90
124
  theme = ['default', 'themeS3'].includes(theme) ? 'themeS2' : theme;
91
125
  var language = (0, _storage.getLanguageStore)() || userInfo.lang || 'cn';
92
126
  var menusMapByApp = menus.reduce(function (acc, menu) {
@@ -94,24 +128,31 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
94
128
  var singleGroupMap = subMenus.reduce(function (acc, subMenu) {
95
129
  var path = subMenu.path;
96
130
  var appKey = !/^http/i.test(path) ? path == null ? void 0 : path.match(/\/([^\/]+)/)[1] : '';
131
+
97
132
  if (appKey) {
98
- acc[appKey] = acc[appKey] || _objectSpread(_objectSpread({}, menu), {}, {
133
+ acc[appKey] = acc[appKey] || _objectSpread({}, menu, {
99
134
  children: []
100
135
  });
101
136
  acc[appKey].children.push(subMenu);
102
137
  }
138
+
103
139
  return acc;
104
140
  }, {});
141
+
105
142
  for (var _appKey in singleGroupMap) {
106
143
  acc[_appKey] = acc[_appKey] || [];
144
+
107
145
  acc[_appKey].push(singleGroupMap[_appKey]);
108
146
  }
147
+
109
148
  return acc;
110
149
  }, {});
150
+
111
151
  var _useState3 = (0, _react.useState)(appKey),
112
- _useState4 = _slicedToArray(_useState3, 2),
113
- currentAppKey = _useState4[0],
114
- setCurrentAppKey = _useState4[1];
152
+ _useState4 = _slicedToArray(_useState3, 2),
153
+ currentAppKey = _useState4[0],
154
+ setCurrentAppKey = _useState4[1];
155
+
115
156
  var apps = (0, _lodash.reduce)(menusMapByApp, function (acc, value, key) {
116
157
  acc.push({
117
158
  appKey: key,
@@ -122,22 +163,23 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
122
163
  var isMenusTop = menuAlignMode === 'top';
123
164
  var headerNavMenus = headerNavs;
124
165
  var currentSystemMenus = menusMapByApp[currentAppKey] || [];
166
+
125
167
  var _useState5 = (0, _react.useState)((0, _lodash.get)(currentSystemMenus, '0.code')),
126
- _useState6 = _slicedToArray(_useState5, 2),
127
- currentHeaderNavKey = _useState6[0],
128
- setCurrentHeaderNavKey = _useState6[1];
168
+ _useState6 = _slicedToArray(_useState5, 2),
169
+ currentHeaderNavKey = _useState6[0],
170
+ setCurrentHeaderNavKey = _useState6[1];
171
+
129
172
  var sideMenus = isMenusTop ? (0, _lodash.get)(currentSystemMenus.find(function (_ref) {
130
173
  var code = _ref.code;
131
174
  return currentHeaderNavKey === code;
132
175
  }), 'children', []) : currentSystemMenus;
133
- var FinalSideMenu = isMenusTop ? _CompactSideMenu["default"] : _SideMenu["default"];
176
+ var FinalSideMenu = isMenusTop ? _CompactSideMenu["default"] : _SideMenu["default"]; // 一级菜单放在顶部(Header里面菜单作为一级导航)
134
177
 
135
- // 一级菜单放在顶部(Header里面菜单作为一级导航)
136
178
  if (isMenusTop) {
137
- headerNavMenus = /*#__PURE__*/React.createElement(_HeaderNavs["default"], {
179
+ headerNavMenus = React.createElement(_HeaderNavs["default"], {
138
180
  selectedKey: currentHeaderNavKey,
139
181
  navs: currentSystemMenus.map(function (item) {
140
- return _objectSpread(_objectSpread({}, item), {}, {
182
+ return _objectSpread({}, item, {
141
183
  key: item.code,
142
184
  name: item.groupName
143
185
  });
@@ -148,6 +190,7 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
148
190
  }
149
191
  });
150
192
  }
193
+
151
194
  (0, _react.useEffect)(function () {
152
195
  setUserInfo(props.userInfo);
153
196
  }, [props.userInfo]);
@@ -156,7 +199,7 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
156
199
  setCurrentHeaderNavKey((0, _lodash.get)((0, _utils.getSelectedMenuInfo)(selectedMenuKey, menus), 'menu.code'));
157
200
  }
158
201
  }, [menus, selectedMenuKey]);
159
- return /*#__PURE__*/React.createElement(TNTPaasLayout, {
202
+ return React.createElement(TNTPaasLayout, {
160
203
  className: (0, _classnames["default"])("tnt-".concat(theme, " ").concat(props.className || ''), {
161
204
  'large-size': props.theme.size === 'large',
162
205
  compatible: props.theme.compatible,
@@ -164,7 +207,7 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
164
207
  isEmptyLayout: isEmptyLayout,
165
208
  noAppList: !appList
166
209
  })
167
- }, /*#__PURE__*/React.createElement(_Header["default"], {
210
+ }, React.createElement(_Header["default"], {
168
211
  logo: logo,
169
212
  name: name,
170
213
  enName: enName,
@@ -181,28 +224,29 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
181
224
  onLogoClick: onLogoClick,
182
225
  onAppChange: onAppChange,
183
226
  onThemeChange: function onThemeChange(theme) {
184
- setUserInfo(_objectSpread(_objectSpread({}, userInfo), {}, {
227
+ setUserInfo(_objectSpread({}, userInfo, {
185
228
  theme: theme
186
229
  }));
187
230
  _onThemeChange && _onThemeChange(theme);
188
231
  },
189
232
  onLanguageChange: function onLanguageChange(lang) {
190
- setUserInfo(_objectSpread(_objectSpread({}, userInfo), {}, {
233
+ setUserInfo(_objectSpread({}, userInfo, {
191
234
  lang: lang
192
235
  }));
193
236
  _onLanguageChange && _onLanguageChange(lang);
194
237
  },
195
238
  onApplicationChange: function onApplicationChange(appKey) {
196
239
  setCurrentAppKey(appKey);
240
+
197
241
  _onApplicationChange(appKey);
198
242
  },
199
243
  onLogout: onLogout
200
- }, headerNavMenus), /*#__PURE__*/React.createElement(_layout["default"], null, !(0, _lodash.isUndefined)(sideMenu) ? sideMenu : /*#__PURE__*/React.createElement(Sider, {
244
+ }, headerNavMenus), React.createElement(_layout["default"], null, !(0, _lodash.isUndefined)(sideMenu) ? sideMenu : React.createElement(Sider, {
201
245
  breakpoint: "md",
202
246
  className: "tnt-layout-sider",
203
247
  width: 220,
204
248
  trigger: null
205
- }, /*#__PURE__*/React.createElement(FinalSideMenu, {
249
+ }, React.createElement(FinalSideMenu, {
206
250
  language: language,
207
251
  selectedKey: selectedMenuKey,
208
252
  menus: sideMenus,
@@ -211,8 +255,9 @@ var _default = (0, _styledComponents.withTheme)(function (props) {
211
255
  onBeforeChange: onBeforeMenuChange,
212
256
  onChange: onMenuChange,
213
257
  onSelect: onMenuSelect
214
- })), /*#__PURE__*/React.createElement(Content, {
258
+ })), React.createElement(Content, {
215
259
  className: "tnt-layout-content"
216
260
  }, props.children)));
217
261
  });
262
+
218
263
  exports["default"] = _default;