tntd 1.4.7 → 1.4.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (79) hide show
  1. package/dist/stats.json +38 -38
  2. package/lib/ArrayInput/icon.js +31 -27
  3. package/lib/ArrayInput/index.js +298 -211
  4. package/lib/AuthContext.js +13 -2
  5. package/lib/Columns/index.js +100 -71
  6. package/lib/DevelopmentLogin/LoginModal.js +141 -79
  7. package/lib/DevelopmentLogin/index.js +55 -28
  8. package/lib/Ellipsis/Svg/CopySVG.js +71 -23
  9. package/lib/Ellipsis/Svg/TickSVG.js +49 -17
  10. package/lib/Ellipsis/index.js +154 -148
  11. package/lib/Handle/index.js +109 -72
  12. package/lib/Icon/fonts/iconfont.js +43 -1
  13. package/lib/Icon/iconList.js +8 -119
  14. package/lib/Icon/index.js +45 -13
  15. package/lib/Img/Contain.js +81 -49
  16. package/lib/Img/Cover.js +136 -88
  17. package/lib/Img/index.js +89 -36
  18. package/lib/Layout/ActionsContext.js +11 -2
  19. package/lib/Layout/AppList.js +256 -262
  20. package/lib/Layout/Application.js +135 -119
  21. package/lib/Layout/Avatar.js +137 -137
  22. package/lib/Layout/CompatibleLanguage.js +195 -214
  23. package/lib/Layout/EnterpriseLayout/Avatar.js +168 -156
  24. package/lib/Layout/EnterpriseLayout/Language.js +100 -75
  25. package/lib/Layout/EnterpriseLayout/Theme.js +94 -96
  26. package/lib/Layout/EnterpriseLayout/index.js +45 -32
  27. package/lib/Layout/GlobalNavigation/NavigationPopup.js +407 -335
  28. package/lib/Layout/GlobalNavigation/index.js +158 -110
  29. package/lib/Layout/Header.js +116 -165
  30. package/lib/Layout/HeaderActions.js +129 -132
  31. package/lib/Layout/HeaderNavs.js +113 -90
  32. package/lib/Layout/HeaderTabs.js +278 -312
  33. package/lib/Layout/Iconfont.js +15 -2
  34. package/lib/Layout/Language.js +102 -63
  35. package/lib/Layout/Layout.js +261 -272
  36. package/lib/Layout/Logo.js +87 -132
  37. package/lib/Layout/OrgAppList.js +319 -440
  38. package/lib/Layout/SideMenu.js +343 -429
  39. package/lib/Layout/Theme.js +124 -95
  40. package/lib/Layout/checkAuth.js +35 -21
  41. package/lib/Layout/createActions.js +51 -38
  42. package/lib/Layout/images/index.js +41 -33
  43. package/lib/Layout/index.js +161 -110
  44. package/lib/Layout/paaslayout/CompactSideMenu.js +178 -200
  45. package/lib/Layout/paaslayout/Header.js +90 -84
  46. package/lib/Layout/paaslayout/Logo.js +32 -27
  47. package/lib/Layout/paaslayout/SideMenu.js +174 -161
  48. package/lib/Layout/paaslayout/index.js +261 -240
  49. package/lib/Layout/storage.js +78 -20
  50. package/lib/Layout/utils.js +143 -93
  51. package/lib/LoadingButton/index.js +67 -25
  52. package/lib/Modal/index.js +108 -83
  53. package/lib/Page/Box.js +81 -56
  54. package/lib/Page/index.js +173 -151
  55. package/lib/Page/utils.js +30 -12
  56. package/lib/QueryForm/Field/Checkbox.js +33 -11
  57. package/lib/QueryForm/Field/Select.js +99 -63
  58. package/lib/QueryForm/Field/SelectInput.js +114 -69
  59. package/lib/QueryForm/Field/fieldsMap.js +52 -30
  60. package/lib/QueryForm/Field/index.js +158 -76
  61. package/lib/QueryForm/createActions.js +65 -50
  62. package/lib/QueryForm/index.js +383 -304
  63. package/lib/QueryForm/useForm.js +17 -6
  64. package/lib/QueryListScene/List.js +366 -290
  65. package/lib/QueryListScene/QueryForm.js +161 -93
  66. package/lib/QueryListScene/QueryListScene.js +87 -33
  67. package/lib/QueryListScene/Title.js +20 -10
  68. package/lib/QueryListScene/Toolbar.js +31 -8
  69. package/lib/QueryListScene/createActions.js +79 -64
  70. package/lib/QueryListScene/index.js +40 -23
  71. package/lib/QueryListScene/useActions.js +17 -6
  72. package/lib/Select/DropDownWrap.js +124 -60
  73. package/lib/Select/index.js +561 -425
  74. package/lib/Table/ResizableTable/index.js +121 -77
  75. package/lib/Table/index.js +51 -19
  76. package/lib/Title/index.js +52 -34
  77. package/lib/index.js +159 -19
  78. package/lib/locale.js +63 -48
  79. package/package.json +1 -1
@@ -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,26 +1,68 @@
1
- import { useState, useEffect } from "react";
2
- import { Button } from "antd";
3
-
4
- export default ({ loadingText, loading: pLoading, onClick, children, ...otherProps }) => {
5
- const [loading, setLoading] = useState(pLoading);
6
- const doClick = (evt) => {
7
- if (!loading) {
8
- setLoading(true);
9
- const returnVal = onClick && onClick(evt, () => setLoading(false));
10
-
11
- if (returnVal instanceof Promise) {
12
- returnVal.then(() => setLoading(false)).catch(() => setLoading(false));
13
- }
14
- }
15
- };
16
-
17
- useEffect(() => {
18
- setLoading(pLoading);
19
- }, [pLoading]);
20
-
21
- return (
22
- <Button {...otherProps} loading={loading} onClick={doClick}>
23
- {loading ? loadingText || children : children}
24
- </Button>
25
- );
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ require("antd/lib/button/style");
9
+
10
+ var _button = _interopRequireDefault(require("antd/lib/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
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
27
+
28
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
29
+
30
+ var _default = function _default(_ref) {
31
+ var loadingText = _ref.loadingText,
32
+ pLoading = _ref.loading,
33
+ onClick = _ref.onClick,
34
+ children = _ref.children,
35
+ otherProps = _objectWithoutProperties(_ref, ["loadingText", "loading", "onClick", "children"]);
36
+
37
+ var _useState = (0, _react.useState)(pLoading),
38
+ _useState2 = _slicedToArray(_useState, 2),
39
+ loading = _useState2[0],
40
+ setLoading = _useState2[1];
41
+
42
+ var doClick = function doClick(evt) {
43
+ if (!loading) {
44
+ setLoading(true);
45
+ var returnVal = onClick && onClick(evt, function () {
46
+ return setLoading(false);
47
+ });
48
+
49
+ if (returnVal instanceof Promise) {
50
+ returnVal.then(function () {
51
+ return setLoading(false);
52
+ })["catch"](function () {
53
+ return setLoading(false);
54
+ });
55
+ }
56
+ }
57
+ };
58
+
59
+ (0, _react.useEffect)(function () {
60
+ setLoading(pLoading);
61
+ }, [pLoading]);
62
+ return React.createElement(_button["default"], _extends({}, otherProps, {
63
+ loading: loading,
64
+ onClick: doClick
65
+ }), loading ? loadingText || children : children);
26
66
  };
67
+
68
+ 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/lib/modal/style");
9
+
10
+ var _modal = _interopRequireDefault(require("antd/lib/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;