tntd 1.3.57 → 1.3.62

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 (110) hide show
  1. package/babel.config.js +2 -2
  2. package/components/Layout/Application.js +1 -1
  3. package/components/QueryForm/Field/index.js +2 -1
  4. package/components/QueryListScene/List.js +17 -13
  5. package/lib/0645cf743e4e44ca9da321d689897f07.png +0 -0
  6. package/lib/09db77de0c24fa0f45f8a5cf299a3d11.png +0 -0
  7. package/lib/1d0b52448de217857b270af807e9360d.png +0 -0
  8. package/lib/25d78d77c9c2f0d403e5d899ceb5b1ef.png +0 -0
  9. package/lib/27fa44ff0c98e1594d79b73045aabedf.png +0 -0
  10. package/lib/2c95075adb68d6131b59cae9fa554ec2.png +0 -0
  11. package/lib/377c871d922a25c773a9e7c2f42ed7c0.png +0 -0
  12. package/lib/3d901589b40bd56ff1fde2bbb700bfe1.png +0 -0
  13. package/lib/4abe481e130d7be0574e45573de8beb7.png +0 -0
  14. package/lib/95ee2260a509cd630d89c5367ed1973b.png +0 -0
  15. package/lib/ArrayInput/icon.js +31 -27
  16. package/lib/ArrayInput/index.js +298 -211
  17. package/lib/AuthContext.js +13 -2
  18. package/lib/BlockHeader/README.md +83 -0
  19. package/lib/BlockHeader/fonts/OswaldLight.ttf +0 -0
  20. package/lib/BlockHeader/index.js +42 -0
  21. package/lib/BlockHeader/index.less +141 -0
  22. package/lib/Columns/index.js +100 -71
  23. package/lib/DevelopmentLogin/LoginModal.js +141 -79
  24. package/lib/DevelopmentLogin/index.js +55 -28
  25. package/lib/Ellipsis/Svg/CopySVG.js +71 -23
  26. package/lib/Ellipsis/Svg/TickSVG.js +49 -17
  27. package/lib/Ellipsis/index.js +155 -149
  28. package/lib/Handle/index.js +109 -72
  29. package/lib/Icon/fonts/iconfont.js +43 -1
  30. package/lib/Icon/iconList.js +8 -119
  31. package/lib/Icon/index.js +45 -13
  32. package/lib/Img/Contain.js +81 -49
  33. package/lib/Img/Cover.js +136 -88
  34. package/lib/Img/index.js +89 -36
  35. package/lib/Layout/ActionsContext.js +11 -2
  36. package/lib/Layout/AppList.js +256 -262
  37. package/lib/Layout/Application.js +135 -119
  38. package/lib/Layout/Avatar.js +137 -137
  39. package/lib/Layout/CompatibleLanguage.js +195 -214
  40. package/lib/Layout/EnterpriseLayout/Avatar.js +168 -156
  41. package/lib/Layout/EnterpriseLayout/Language.js +100 -75
  42. package/lib/Layout/EnterpriseLayout/Theme.js +94 -96
  43. package/lib/Layout/EnterpriseLayout/index.js +45 -32
  44. package/lib/Layout/GlobalNavigation/NavigationPopup.js +407 -335
  45. package/lib/Layout/GlobalNavigation/index.js +158 -110
  46. package/lib/Layout/Header.js +116 -165
  47. package/lib/Layout/HeaderActions.js +129 -170
  48. package/lib/Layout/HeaderNavs.js +113 -90
  49. package/lib/Layout/HeaderTabs.js +278 -312
  50. package/lib/Layout/Iconfont.js +15 -2
  51. package/lib/Layout/Language.js +102 -63
  52. package/lib/Layout/Layout.js +261 -272
  53. package/lib/Layout/Logo.js +87 -132
  54. package/lib/Layout/OrgAppList.js +319 -440
  55. package/lib/Layout/SideMenu.js +343 -429
  56. package/lib/Layout/Theme.js +124 -95
  57. package/lib/Layout/checkAuth.js +35 -21
  58. package/lib/Layout/createActions.js +51 -38
  59. package/lib/Layout/images/index.js +41 -33
  60. package/lib/Layout/index.js +161 -110
  61. package/lib/Layout/locale.js +53 -0
  62. package/lib/Layout/paaslayout/CompactSideMenu.js +178 -200
  63. package/lib/Layout/paaslayout/Header.js +90 -84
  64. package/lib/Layout/paaslayout/Logo.js +32 -27
  65. package/lib/Layout/paaslayout/SideMenu.js +174 -161
  66. package/lib/Layout/paaslayout/index.js +261 -240
  67. package/lib/Layout/paaslayout/index.less +75 -0
  68. package/lib/Layout/storage.js +78 -20
  69. package/lib/Layout/utils.js +143 -93
  70. package/lib/LoadingButton/index.js +57 -29
  71. package/lib/Modal/index.js +108 -83
  72. package/lib/Page/Box.js +81 -56
  73. package/lib/Page/index.js +173 -151
  74. package/lib/Page/utils.js +30 -12
  75. package/lib/QueryForm/Field/Checkbox.js +33 -11
  76. package/lib/QueryForm/Field/Select.js +99 -63
  77. package/lib/QueryForm/Field/SelectInput.js +114 -69
  78. package/lib/QueryForm/Field/fieldsMap.js +52 -30
  79. package/lib/QueryForm/Field/index.js +158 -75
  80. package/lib/QueryForm/createActions.js +65 -50
  81. package/lib/QueryForm/index.js +382 -303
  82. package/lib/QueryForm/useForm.js +17 -6
  83. package/lib/QueryListScene/Field/SelectInput.js +115 -0
  84. package/lib/QueryListScene/Field/fieldsMap.js +52 -0
  85. package/lib/QueryListScene/Field/index.js +159 -0
  86. package/lib/QueryListScene/Field/select.js +100 -0
  87. package/lib/QueryListScene/List.js +362 -285
  88. package/lib/QueryListScene/QueryForm/index.js +423 -0
  89. package/lib/QueryListScene/QueryForm/index.less +141 -0
  90. package/lib/QueryListScene/QueryForm.js +159 -91
  91. package/lib/QueryListScene/QueryListScene.js +87 -33
  92. package/lib/QueryListScene/Title.js +20 -10
  93. package/lib/QueryListScene/Toolbar.js +31 -8
  94. package/lib/QueryListScene/createActions.js +79 -64
  95. package/lib/QueryListScene/index.js +40 -23
  96. package/lib/QueryListScene/useActions.js +17 -6
  97. package/lib/Select/DropDownWrap.js +124 -60
  98. package/lib/Select/index.js +563 -426
  99. package/lib/Table/ResizableTable/index.js +121 -77
  100. package/lib/Table/index.js +51 -19
  101. package/lib/Title/index.js +52 -34
  102. package/lib/b9dd5ff3622296fbee51ed68f4bca1bf.png +0 -0
  103. package/lib/bd2921989f9296089ba58efb7a76f3ef.png +0 -0
  104. package/lib/index.html +6 -0
  105. package/lib/index.js +159 -19
  106. package/lib/locale.js +63 -48
  107. package/lib/main.css +16420 -0
  108. package/lib/tntd.js +2 -0
  109. package/lib/tntd.js.LICENSE.txt +36 -0
  110. package/package.json +1 -1
@@ -1,32 +1,90 @@
1
- import { safeParseJSON } from './utils';
1
+ "use strict";
2
2
 
3
- export const getSideMenuStore = () => safeParseJSON(localStorage.getItem('sideMenu'), {});
4
- export const setSideMenuStore = (params = {}) => {
5
- localStorage.setItem('sideMenu', JSON.stringify({
6
- ...getSideMenuStore(),
7
- ...params
8
- }));
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
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;
7
+
8
+ var _utils = require("./utils");
9
+
10
+ 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
+
12
+ 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
+
14
+ 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
+
16
+ var getSideMenuStore = function getSideMenuStore() {
17
+ return (0, _utils.safeParseJSON)(localStorage.getItem('sideMenu'), {});
9
18
  };
10
19
 
11
- export const setCurrentAppStore = (currentApp = {}) => {
12
- localStorage.setItem('currentApp', JSON.stringify(currentApp));
20
+ exports.getSideMenuStore = getSideMenuStore;
21
+
22
+ var setSideMenuStore = function setSideMenuStore() {
23
+ var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
24
+ localStorage.setItem('sideMenu', JSON.stringify(_objectSpread({}, getSideMenuStore(), {}, params)));
13
25
  };
14
- export const getCurrentAppStore = () => safeParseJSON(localStorage.getItem('currentApp'), {});
15
26
 
27
+ exports.setSideMenuStore = setSideMenuStore;
16
28
 
17
- export const setCurrentOrgStore = (currentOrg = {}) => {
18
- localStorage.setItem('currentOrg', JSON.stringify(currentOrg));
29
+ var setCurrentAppStore = function setCurrentAppStore() {
30
+ var currentApp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
31
+ localStorage.setItem('currentApp', JSON.stringify(currentApp));
19
32
  };
20
- export const getCurrentOrgStore = () => safeParseJSON(localStorage.getItem('currentOrg'), {});
21
33
 
22
- export const setCurrentOrgTreeStore = (currentOrgTree = []) => {
23
- localStorage.setItem('currentOrgTree', JSON.stringify(currentOrgTree));
34
+ exports.setCurrentAppStore = setCurrentAppStore;
35
+
36
+ var getCurrentAppStore = function getCurrentAppStore() {
37
+ return (0, _utils.safeParseJSON)(localStorage.getItem('currentApp'), {});
24
38
  };
25
- export const getCurrentOrgTreeStore = () => safeParseJSON(localStorage.getItem('currentOrgTree'), []);
26
39
 
40
+ exports.getCurrentAppStore = getCurrentAppStore;
41
+
42
+ var setCurrentOrgStore = function setCurrentOrgStore() {
43
+ var currentOrg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
44
+ localStorage.setItem('currentOrg', JSON.stringify(currentOrg));
45
+ };
46
+
47
+ exports.setCurrentOrgStore = setCurrentOrgStore;
48
+
49
+ var getCurrentOrgStore = function getCurrentOrgStore() {
50
+ return (0, _utils.safeParseJSON)(localStorage.getItem('currentOrg'), {});
51
+ };
52
+
53
+ exports.getCurrentOrgStore = getCurrentOrgStore;
54
+
55
+ var setCurrentOrgTreeStore = function setCurrentOrgTreeStore() {
56
+ var currentOrgTree = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
57
+ localStorage.setItem('currentOrgTree', JSON.stringify(currentOrgTree));
58
+ };
27
59
 
28
- export const setLanguageStore = lang => localStorage.setItem('lang', lang);
29
- export const getLanguageStore = () => localStorage.getItem('lang');
60
+ exports.setCurrentOrgTreeStore = setCurrentOrgTreeStore;
61
+
62
+ var getCurrentOrgTreeStore = function getCurrentOrgTreeStore() {
63
+ return (0, _utils.safeParseJSON)(localStorage.getItem('currentOrgTree'), []);
64
+ };
65
+
66
+ exports.getCurrentOrgTreeStore = getCurrentOrgTreeStore;
67
+
68
+ var setLanguageStore = function setLanguageStore(lang) {
69
+ return localStorage.setItem('lang', lang);
70
+ };
71
+
72
+ exports.setLanguageStore = setLanguageStore;
73
+
74
+ var getLanguageStore = function getLanguageStore() {
75
+ return localStorage.getItem('lang');
76
+ };
77
+
78
+ exports.getLanguageStore = getLanguageStore;
79
+
80
+ var setThemeStore = function setThemeStore(theme) {
81
+ return localStorage.setItem('theme', theme);
82
+ };
83
+
84
+ exports.setThemeStore = setThemeStore;
85
+
86
+ var getThemeStore = function getThemeStore() {
87
+ return localStorage.getItem('theme');
88
+ };
30
89
 
31
- export const setThemeStore = theme => localStorage.setItem('theme', theme);
32
- export const getThemeStore = () => localStorage.getItem('theme');
90
+ exports.getThemeStore = getThemeStore;
@@ -1,116 +1,166 @@
1
- export const isGroupMenu = menu => menu?.children && !menu?.path;
2
-
3
- export const getSelectedMenuInfo = (selectedKey, menus = []) => {
4
- let subMenu;
5
- let menu;
6
- let parentMenus = [];
7
-
8
- if (selectedKey) {
9
- traverseTree(menus, (node, pnode, pnodes) => {
10
- if (!isGroupMenu(node) && node.code === selectedKey) {
11
- subMenu = node;
12
- menu = pnode;
13
- parentMenus = pnodes;
14
- return false;
15
- }
16
- });
17
- } else { // 默认找到第一个菜单项
18
- traverseTree(menus, (node, pnode, pnodes) => {
19
- if (!isGroupMenu(node)) {
20
- subMenu = node;
21
- menu = pnode;
22
- parentMenus = pnodes;
23
- return false;
24
- }
25
- });
26
- }
1
+ "use strict";
27
2
 
28
- return {
29
- subMenu,
30
- menu,
31
- parentMenus
32
- };
33
- };
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.safeParseJSON = exports.traverseTree = exports.openInNewTab = exports.isNewTabMenu = exports.hasLevel3 = exports.findMenuInfoByPath = exports.getSelectedMenuInfo = exports.isGroupMenu = void 0;
34
7
 
35
- export const findMenuInfoByPath = (menuTree, path, matchFunc) => {
36
- let menu;
37
- let subMenu;
38
- let matchedSubMenu;
39
- let parentMenus;
40
-
41
- if (path) {
42
- traverseTree(menuTree, (menu, pnode, pnodes) => {
43
- if (!isGroupMenu(menu)) {
44
- if (menu?.path === path) {
45
- subMenu = menu;
46
- menu = pnode;
47
- parentMenus = pnodes;
48
- return false;
49
- }
50
-
51
- if (!matchedSubMenu && matchFunc && matchFunc(menu)) {
52
- matchedSubMenu = menu;
53
- menu = pnode;
54
- parentMenus = pnodes;
55
- }
56
- }
57
- });
58
-
59
- return {
60
- subMenu,
61
- matchedSubMenu,
62
- menu,
63
- parentMenus
64
- };
65
- }
8
+ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
66
9
 
67
- return { subMenu, menu, parentMenus };
68
- };
10
+ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
69
11
 
70
- export const hasLevel3 = menus => {
71
- return menus?.some(
72
- menu => menu?.children?.some(item => item?.children?.length)
73
- );
74
- };
12
+ function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
75
13
 
76
- export const isNewTabMenu = menu => {
77
- const { target, path } = menu || {};
14
+ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
78
15
 
79
- return target === '_blank' || (/^http/i.test(path) && /blankType=newTarget/.test(path));
16
+ var isGroupMenu = function isGroupMenu(menu) {
17
+ return (menu == null ? void 0 : menu.children) && !(menu == null ? void 0 : menu.path);
80
18
  };
81
19
 
82
- export const openInNewTab = path => {
83
- window.open(path, '_blank');
20
+ exports.isGroupMenu = isGroupMenu;
21
+
22
+ var getSelectedMenuInfo = function getSelectedMenuInfo(selectedKey) {
23
+ var menus = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
24
+ var subMenu;
25
+ var menu;
26
+ var parentMenus = [];
27
+
28
+ if (selectedKey) {
29
+ traverseTree(menus, function (node, pnode, pnodes) {
30
+ if (!isGroupMenu(node) && node.code === selectedKey) {
31
+ subMenu = node;
32
+ menu = pnode;
33
+ parentMenus = pnodes;
34
+ return false;
35
+ }
36
+ });
37
+ } else {
38
+ // 默认找到第一个菜单项
39
+ traverseTree(menus, function (node, pnode, pnodes) {
40
+ if (!isGroupMenu(node)) {
41
+ subMenu = node;
42
+ menu = pnode;
43
+ parentMenus = pnodes;
44
+ return false;
45
+ }
46
+ });
47
+ }
48
+
49
+ return {
50
+ subMenu: subMenu,
51
+ menu: menu,
52
+ parentMenus: parentMenus
53
+ };
84
54
  };
85
55
 
86
- export const traverseTree = (treeData, callback, pnode, pnodes = []) => {
87
- (treeData || []).every((node, index) => {
88
- let result;
56
+ exports.getSelectedMenuInfo = getSelectedMenuInfo;
57
+
58
+ var findMenuInfoByPath = function findMenuInfoByPath(menuTree, path, matchFunc) {
59
+ var menu;
60
+ var subMenu;
61
+ var matchedSubMenu;
62
+ var parentMenus;
63
+
64
+ if (path) {
65
+ traverseTree(menuTree, function (menu, pnode, pnodes) {
66
+ if (!isGroupMenu(menu)) {
67
+ var _menu;
89
68
 
90
- if (callback) {
91
- result = callback(node, pnode, pnodes?.length ? pnodes : [pnode].filter(item => !!item), index);
69
+ if (((_menu = menu) == null ? void 0 : _menu.path) === path) {
70
+ subMenu = menu;
71
+ menu = pnode;
72
+ parentMenus = pnodes;
73
+ return false;
92
74
  }
93
75
 
94
- // 回调函数返回false则终止遍历
95
- if (result !== false) {
96
- node && traverseTree(node.children || [], callback, node, [node, ...pnodes]);
76
+ if (!matchedSubMenu && matchFunc && matchFunc(menu)) {
77
+ matchedSubMenu = menu;
78
+ menu = pnode;
79
+ parentMenus = pnodes;
97
80
  }
81
+ }
82
+ });
83
+ return {
84
+ subMenu: subMenu,
85
+ matchedSubMenu: matchedSubMenu,
86
+ menu: menu,
87
+ parentMenus: parentMenus
88
+ };
89
+ }
90
+
91
+ return {
92
+ subMenu: subMenu,
93
+ menu: menu,
94
+ parentMenus: parentMenus
95
+ };
96
+ };
97
+
98
+ exports.findMenuInfoByPath = findMenuInfoByPath;
98
99
 
99
- return result !== false;
100
+ var hasLevel3 = function hasLevel3(menus) {
101
+ return menus == null ? void 0 : menus.some(function (menu) {
102
+ var _menu$children;
103
+
104
+ return menu == null ? void 0 : (_menu$children = menu.children) == null ? void 0 : _menu$children.some(function (item) {
105
+ var _item$children;
106
+
107
+ return item == null ? void 0 : (_item$children = item.children) == null ? void 0 : _item$children.length;
100
108
  });
109
+ });
110
+ };
111
+
112
+ exports.hasLevel3 = hasLevel3;
113
+
114
+ var isNewTabMenu = function isNewTabMenu(menu) {
115
+ var _ref = menu || {},
116
+ target = _ref.target,
117
+ path = _ref.path;
101
118
 
102
- return treeData;
119
+ return target === '_blank' || /^http/i.test(path) && /blankType=newTarget/.test(path);
103
120
  };
104
121
 
105
- export const safeParseJSON = (str, defaultObj) => {
106
- let result;
122
+ exports.isNewTabMenu = isNewTabMenu;
123
+
124
+ var openInNewTab = function openInNewTab(path) {
125
+ window.open(path, '_blank');
126
+ };
127
+
128
+ exports.openInNewTab = openInNewTab;
129
+
130
+ var traverseTree = function traverseTree(treeData, callback, pnode) {
131
+ var pnodes = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
132
+ (treeData || []).every(function (node, index) {
133
+ var result;
107
134
 
108
- try {
109
- result = JSON.parse(str);
110
- } catch (err) {
111
- console.warn('json parse error:', err);
112
- result = typeof defaultObj === 'undefined' ? str : defaultObj;
135
+ if (callback) {
136
+ result = callback(node, pnode, (pnodes == null ? void 0 : pnodes.length) ? pnodes : [pnode].filter(function (item) {
137
+ return !!item;
138
+ }), index);
139
+ } // 回调函数返回false则终止遍历
140
+
141
+
142
+ if (result !== false) {
143
+ node && traverseTree(node.children || [], callback, node, [node].concat(_toConsumableArray(pnodes)));
113
144
  }
114
145
 
115
- return result || defaultObj;
146
+ return result !== false;
147
+ });
148
+ return treeData;
149
+ };
150
+
151
+ exports.traverseTree = traverseTree;
152
+
153
+ var safeParseJSON = function safeParseJSON(str, defaultObj) {
154
+ var result;
155
+
156
+ try {
157
+ result = JSON.parse(str);
158
+ } catch (err) {
159
+ console.warn('json parse error:', err);
160
+ result = typeof defaultObj === 'undefined' ? str : defaultObj;
161
+ }
162
+
163
+ return result || defaultObj;
116
164
  };
165
+
166
+ exports.safeParseJSON = safeParseJSON;
@@ -1,30 +1,58 @@
1
- import { useState, useEffect } from 'react';
2
- import { Button } from 'antd';
3
-
4
- export default props => {
5
- const [loading, setLoading] = useState(props.loading);
6
- const onClick = evt => {
7
- if (!loading) {
8
- setLoading(true);
9
- const returnVal = props.onClick && props.onClick(evt, () => setLoading(false));
10
-
11
- if (returnVal instanceof Promise) {
12
- returnVal.then(
13
- () => setLoading(false)
14
- ).catch(
15
- () => setLoading(false)
16
- );
17
- }
18
- }
19
- };
20
-
21
- useEffect(() => {
22
- setLoading(props.loading);
23
- }, [props.loading]);
24
-
25
- return (
26
- <Button {...props} loading={loading} onClick={onClick}>
27
- {loading ? (props.loadingText || props.children) : props.children}
28
- </Button>
29
- );
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ require("antd/es/button/style");
9
+
10
+ var _button = _interopRequireDefault(require("antd/es/button"));
11
+
12
+ var _react = require("react");
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
+
16
+ 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); }
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
+
24
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
25
+
26
+ var _default = function _default(props) {
27
+ var _useState = (0, _react.useState)(props.loading),
28
+ _useState2 = _slicedToArray(_useState, 2),
29
+ loading = _useState2[0],
30
+ setLoading = _useState2[1];
31
+
32
+ var onClick = function onClick(evt) {
33
+ if (!loading) {
34
+ setLoading(true);
35
+ var returnVal = props.onClick && props.onClick(evt, function () {
36
+ return setLoading(false);
37
+ });
38
+
39
+ if (returnVal instanceof Promise) {
40
+ returnVal.then(function () {
41
+ return setLoading(false);
42
+ })["catch"](function () {
43
+ return setLoading(false);
44
+ });
45
+ }
46
+ }
47
+ };
48
+
49
+ (0, _react.useEffect)(function () {
50
+ setLoading(props.loading);
51
+ }, [props.loading]);
52
+ return React.createElement(_button["default"], _extends({}, props, {
53
+ loading: loading,
54
+ onClick: onClick
55
+ }), loading ? props.loadingText || props.children : props.children);
30
56
  };
57
+
58
+ exports["default"] = _default;
@@ -1,86 +1,111 @@
1
- import { useState, useEffect, Fragment } from 'react';
2
- import cn from 'classnames';
3
- import { Modal } from 'antd';
4
- import Icon from '../Icon';
5
- import './index.less';
6
-
7
- const Title = ({ title, logo, fullscreen, supportFullscreen = true, onToggleFullscreen, onClose }) => {
8
- return (
9
- <Fragment>
10
- <div>
11
- {
12
- logo && <img src={logo} />
13
- }
14
- <span>{title}</span>
15
- </div>
16
- <div className="tnt-modal-header-actions">
17
- {
18
- supportFullscreen && (
19
- <Icon
20
- className="fullscreen"
21
- type={fullscreen ? 'fullscreen-exit' : 'fullscreen'}
22
- onClick={onToggleFullscreen}
23
- />
24
- )
25
- }
26
- <Icon
27
- className="close"
28
- type="close"
29
- onClick={onClose}
30
- />
31
- </div>
32
- </Fragment>
33
- );
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ require("antd/es/modal/style");
9
+
10
+ var _modal = _interopRequireDefault(require("antd/es/modal"));
11
+
12
+ var _react = require("react");
13
+
14
+ var _classnames = _interopRequireDefault(require("classnames"));
15
+
16
+ var _Icon = _interopRequireDefault(require("../Icon"));
17
+
18
+ require("./index.less");
19
+
20
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
+
22
+ 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); }
23
+
24
+ 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; }
25
+
26
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
27
+
28
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
29
+
30
+ function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
31
+
32
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
33
+
34
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
35
+
36
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
37
+
38
+ var Title = function Title(_ref) {
39
+ var title = _ref.title,
40
+ logo = _ref.logo,
41
+ fullscreen = _ref.fullscreen,
42
+ _ref$supportFullscree = _ref.supportFullscreen,
43
+ supportFullscreen = _ref$supportFullscree === void 0 ? true : _ref$supportFullscree,
44
+ onToggleFullscreen = _ref.onToggleFullscreen,
45
+ onClose = _ref.onClose;
46
+ return React.createElement(_react.Fragment, null, React.createElement("div", null, logo && React.createElement("img", {
47
+ src: logo
48
+ }), React.createElement("span", null, title)), React.createElement("div", {
49
+ className: "tnt-modal-header-actions"
50
+ }, supportFullscreen && React.createElement(_Icon["default"], {
51
+ className: "fullscreen",
52
+ type: fullscreen ? 'fullscreen-exit' : 'fullscreen',
53
+ onClick: onToggleFullscreen
54
+ }), React.createElement(_Icon["default"], {
55
+ className: "close",
56
+ type: "close",
57
+ onClick: onClose
58
+ })));
34
59
  };
35
60
 
36
- export default props => {
37
- const {
38
- visible,
39
- children,
40
- logo,
41
- title,
42
- height = '90vh',
43
- width = '85%',
44
- className,
45
- supportFullscreen,
46
- onToggleFullscreen,
47
- onCancel,
48
- ...rest
49
- } = props;
50
- const [fullscreen, setFullscreen] = useState(rest.fullscreen || false);
51
-
52
- useEffect(() => {
53
- setFullscreen(rest.fullscreen);
54
- }, [rest.fullscreen, visible]);
55
-
56
- return (
57
- <Modal
58
- visible={visible}
59
- title={
60
- <Title
61
- logo={logo}
62
- title={title}
63
- fullscreen={fullscreen}
64
- supportFullscreen={supportFullscreen}
65
- onClose={onCancel}
66
- onToggleFullscreen={() => {
67
- setFullscreen(!fullscreen);
68
- onToggleFullscreen && onToggleFullscreen(!fullscreen);
69
- }}
70
- />
71
- }
72
- onCancel={onCancel}
73
- destroyOnClose
74
- centered
75
- footer={null}
76
- width={fullscreen ? '100%' : width}
77
- style={{
78
- height: fullscreen ? '100vh' : height
79
- }}
80
- className={cn('tnt-modal', { [className]: className, fullscreen })}
81
- {...rest}
82
- >
83
- {children}
84
- </Modal>
85
- );
61
+ var _default = function _default(props) {
62
+ var _cn;
63
+
64
+ var visible = props.visible,
65
+ children = props.children,
66
+ logo = props.logo,
67
+ title = props.title,
68
+ _props$height = props.height,
69
+ height = _props$height === void 0 ? '90vh' : _props$height,
70
+ _props$width = props.width,
71
+ width = _props$width === void 0 ? '85%' : _props$width,
72
+ className = props.className,
73
+ supportFullscreen = props.supportFullscreen,
74
+ _onToggleFullscreen = props.onToggleFullscreen,
75
+ onCancel = props.onCancel,
76
+ rest = _objectWithoutProperties(props, ["visible", "children", "logo", "title", "height", "width", "className", "supportFullscreen", "onToggleFullscreen", "onCancel"]);
77
+
78
+ var _useState = (0, _react.useState)(rest.fullscreen || false),
79
+ _useState2 = _slicedToArray(_useState, 2),
80
+ fullscreen = _useState2[0],
81
+ setFullscreen = _useState2[1];
82
+
83
+ (0, _react.useEffect)(function () {
84
+ setFullscreen(rest.fullscreen);
85
+ }, [rest.fullscreen, visible]);
86
+ return React.createElement(_modal["default"], _extends({
87
+ visible: visible,
88
+ title: React.createElement(Title, {
89
+ logo: logo,
90
+ title: title,
91
+ fullscreen: fullscreen,
92
+ supportFullscreen: supportFullscreen,
93
+ onClose: onCancel,
94
+ onToggleFullscreen: function onToggleFullscreen() {
95
+ setFullscreen(!fullscreen);
96
+ _onToggleFullscreen && _onToggleFullscreen(!fullscreen);
97
+ }
98
+ }),
99
+ onCancel: onCancel,
100
+ destroyOnClose: true,
101
+ centered: true,
102
+ footer: null,
103
+ width: fullscreen ? '100%' : width,
104
+ style: {
105
+ height: fullscreen ? '100vh' : height
106
+ },
107
+ className: (0, _classnames["default"])('tnt-modal', (_cn = {}, _defineProperty(_cn, className, className), _defineProperty(_cn, "fullscreen", fullscreen), _cn))
108
+ }, rest), children);
86
109
  };
110
+
111
+ exports["default"] = _default;