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,114 +1,165 @@
1
- import { ThemeProvider } from 'styled-components';
2
- import Layout from './Layout';
3
- import EnterpriseLayout from './EnterpriseLayout';
4
- import PaasLayout from './paaslayout';
5
- import HeaderNavs from './HeaderNavs';
6
- import HeaderTabs from './HeaderTabs';
7
- import getCheckAuth from './checkAuth';
8
- import AuthContext from '../AuthContext';
9
- import { safeParseJSON, findMenuInfoByPath } from './utils';
10
- import ActionsContext from './ActionsContext';
11
- import createActions from './createActions';
12
- import { getLanguageStore } from './storage';
13
-
14
- export const HeaderActionItem = props => (
15
- <li {...props}>
16
- {props.children}
17
- </li>
18
- );
19
-
20
- export * from './HeaderNavs';
21
-
22
-
23
- const TNTLayout = ({ type, config, ...props }) => {
24
- const headerHeight = props.size === 'large' ? 60 : 50;
25
- const theme = {
26
- size: props.size,
27
- compatible: props.compatible,
28
- headerHeight,
29
- primaryColor: '#126BFB',
30
- secondaryColor: '#005df4',
31
- primaryTextColor: '#17233D', // 1
32
- secondaryTextColor: 'rgba(23,35,61,.8)', // .8
33
- lightIconColor: 'rgba(23,35,61,.7)', // .7
34
- headerActionsColor: 'rgba(23,35,61,.6)', // .6
35
- borderColor: '#B2BECD',
36
- dividerColor: '#E1E6EE',
37
- lightBgColor: '#F1F2F5',
38
- blueBgColor: '#1D4295' // 默认的蓝色主题
39
- };
40
- const isInIframe = self !== top;
41
- // 前期拼写错误,导致需要兼容处理
42
- const extraHeaderActions = props.extraHeaderActions || props.extralHeaderActions;
43
- const extendMap = typeof props.extendMap === 'string' ? safeParseJSON(props.extendMap, {}) : props.extendMap;
44
- const { displayType = 'default', menuAlignMode, globalNavigation = false, language = ['cn'], themeSwitch = true } = extendMap || {};
45
- const userInfo = props.userInfo || {};
46
- const actionsContextValue = createActions({ language: getLanguageStore() || userInfo.lang || 'cn' });
47
- const onLanguageChange = language => {
48
- actionsContextValue.setLanguage(language);
49
- props?.onLanguageChange(language);
50
- };
51
-
52
- // layout上的指定的属性优先级会高于extendMap中的属性
53
- type = type || displayType;
54
- config = Object.assign({
55
- language: language?.length > 1,
56
- theme: themeSwitch,
57
- avatar: true,
58
- globalNavigation
59
- }, config);
60
-
61
- return (
62
- <ThemeProvider theme={theme}>
63
- <AuthContext.Provider value={getCheckAuth(props.menus)}>
64
- <ActionsContext.Provider value={actionsContextValue}>
65
- {
66
- type === 'paas' &&
67
- <PaasLayout
68
- menuAlignMode={menuAlignMode}
69
- config={config}
70
- {...props}
71
- extraHeaderActions={extraHeaderActions}
72
- isInIframe={isInIframe}
73
- userInfo={userInfo}
74
- onLanguageChange={onLanguageChange}
75
- />
76
- }
77
- {
78
- type === 'enterprise' &&
79
- <EnterpriseLayout
80
- menuAlignMode={menuAlignMode}
81
- config={config}
82
- {...props}
83
- extraHeaderActions={extraHeaderActions}
84
- isInIframe={isInIframe}
85
- userInfo={userInfo}
86
- onLanguageChange={onLanguageChange}
87
- />
88
- }
89
- {
90
- (!type || !['paas','enterprise'].includes(type)) &&
91
- <Layout
92
- menuAlignMode={menuAlignMode}
93
- config={config}
94
- {...props}
95
- extraHeaderActions={extraHeaderActions}
96
- isInIframe={isInIframe}
97
- userInfo={userInfo}
98
- onLanguageChange={onLanguageChange}
99
- />
100
- }
101
- </ActionsContext.Provider>
102
- </AuthContext.Provider>
103
- </ThemeProvider>
104
- );
1
+ "use strict";
2
+
3
+ function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ var _exportNames = {
9
+ HeaderActionItem: true
105
10
  };
11
+ exports["default"] = exports.HeaderActionItem = void 0;
106
12
 
107
- TNTLayout.HeaderActionItem = HeaderActionItem;
108
- TNTLayout.HeaderNavs = HeaderNavs;
109
- TNTLayout.HeaderTabs = HeaderTabs;
110
- TNTLayout.AuthContext = AuthContext;
13
+ var _styledComponents = require("styled-components");
14
+
15
+ var _Layout = _interopRequireDefault(require("./Layout"));
16
+
17
+ var _EnterpriseLayout = _interopRequireDefault(require("./EnterpriseLayout"));
18
+
19
+ var _paaslayout = _interopRequireDefault(require("./paaslayout"));
20
+
21
+ var _HeaderNavs = _interopRequireWildcard(require("./HeaderNavs"));
22
+
23
+ Object.keys(_HeaderNavs).forEach(function (key) {
24
+ if (key === "default" || key === "__esModule") return;
25
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
26
+ Object.defineProperty(exports, key, {
27
+ enumerable: true,
28
+ get: function get() {
29
+ return _HeaderNavs[key];
30
+ }
31
+ });
32
+ });
33
+
34
+ var _HeaderTabs = _interopRequireDefault(require("./HeaderTabs"));
35
+
36
+ var _checkAuth = _interopRequireDefault(require("./checkAuth"));
37
+
38
+ var _AuthContext = _interopRequireDefault(require("../AuthContext"));
39
+
40
+ var _utils = require("./utils");
41
+
42
+ var _ActionsContext = _interopRequireDefault(require("./ActionsContext"));
43
+
44
+ var _createActions = _interopRequireDefault(require("./createActions"));
45
+
46
+ var _storage = require("./storage");
47
+
48
+ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
49
+
50
+ 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; }
111
51
 
112
- TNTLayout.findMenuInfoByPath = findMenuInfoByPath;
52
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
113
53
 
114
- export default TNTLayout;
54
+ 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); }
55
+
56
+ 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; }
57
+
58
+ 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; }
59
+
60
+ var HeaderActionItem = function HeaderActionItem(props) {
61
+ return React.createElement("li", props, props.children);
62
+ };
63
+
64
+ exports.HeaderActionItem = HeaderActionItem;
65
+
66
+ var TNTLayout = function TNTLayout(_ref) {
67
+ var type = _ref.type,
68
+ config = _ref.config,
69
+ props = _objectWithoutProperties(_ref, ["type", "config"]);
70
+
71
+ var headerHeight = props.size === 'large' ? 60 : 50;
72
+ var theme = {
73
+ size: props.size,
74
+ compatible: props.compatible,
75
+ headerHeight: headerHeight,
76
+ primaryColor: '#126BFB',
77
+ secondaryColor: '#005df4',
78
+ primaryTextColor: '#17233D',
79
+ // 1
80
+ secondaryTextColor: 'rgba(23,35,61,.8)',
81
+ // .8
82
+ lightIconColor: 'rgba(23,35,61,.7)',
83
+ // .7
84
+ headerActionsColor: 'rgba(23,35,61,.6)',
85
+ // .6
86
+ borderColor: '#B2BECD',
87
+ dividerColor: '#E1E6EE',
88
+ lightBgColor: '#F1F2F5',
89
+ blueBgColor: '#1D4295' // 默认的蓝色主题
90
+
91
+ };
92
+ var isInIframe = self !== top; // 前期拼写错误,导致需要兼容处理
93
+
94
+ var extraHeaderActions = props.extraHeaderActions || props.extralHeaderActions;
95
+ var extendMap = typeof props.extendMap === 'string' ? (0, _utils.safeParseJSON)(props.extendMap, {}) : props.extendMap;
96
+
97
+ var _ref2 = extendMap || {},
98
+ _ref2$displayType = _ref2.displayType,
99
+ displayType = _ref2$displayType === void 0 ? 'default' : _ref2$displayType,
100
+ menuAlignMode = _ref2.menuAlignMode,
101
+ _ref2$globalNavigatio = _ref2.globalNavigation,
102
+ globalNavigation = _ref2$globalNavigatio === void 0 ? false : _ref2$globalNavigatio,
103
+ _ref2$language = _ref2.language,
104
+ language = _ref2$language === void 0 ? ['cn'] : _ref2$language,
105
+ _ref2$themeSwitch = _ref2.themeSwitch,
106
+ themeSwitch = _ref2$themeSwitch === void 0 ? true : _ref2$themeSwitch;
107
+
108
+ var userInfo = props.userInfo || {};
109
+ var actionsContextValue = (0, _createActions["default"])({
110
+ language: (0, _storage.getLanguageStore)() || userInfo.lang || 'cn'
111
+ });
112
+
113
+ var onLanguageChange = function onLanguageChange(language) {
114
+ actionsContextValue.setLanguage(language);
115
+ props == null ? void 0 : props.onLanguageChange(language);
116
+ }; // layout上的指定的属性优先级会高于extendMap中的属性
117
+
118
+
119
+ type = type || displayType;
120
+ config = Object.assign({
121
+ language: (language == null ? void 0 : language.length) > 1,
122
+ theme: themeSwitch,
123
+ avatar: true,
124
+ globalNavigation: globalNavigation
125
+ }, config);
126
+ return React.createElement(_styledComponents.ThemeProvider, {
127
+ theme: theme
128
+ }, React.createElement(_AuthContext["default"].Provider, {
129
+ value: (0, _checkAuth["default"])(props.menus)
130
+ }, React.createElement(_ActionsContext["default"].Provider, {
131
+ value: actionsContextValue
132
+ }, type === 'paas' && React.createElement(_paaslayout["default"], _extends({
133
+ menuAlignMode: menuAlignMode,
134
+ config: config
135
+ }, props, {
136
+ extraHeaderActions: extraHeaderActions,
137
+ isInIframe: isInIframe,
138
+ userInfo: userInfo,
139
+ onLanguageChange: onLanguageChange
140
+ })), type === 'enterprise' && React.createElement(_EnterpriseLayout["default"], _extends({
141
+ menuAlignMode: menuAlignMode,
142
+ config: config
143
+ }, props, {
144
+ extraHeaderActions: extraHeaderActions,
145
+ isInIframe: isInIframe,
146
+ userInfo: userInfo,
147
+ onLanguageChange: onLanguageChange
148
+ })), (!type || !['paas', 'enterprise'].includes(type)) && React.createElement(_Layout["default"], _extends({
149
+ menuAlignMode: menuAlignMode,
150
+ config: config
151
+ }, props, {
152
+ extraHeaderActions: extraHeaderActions,
153
+ isInIframe: isInIframe,
154
+ userInfo: userInfo,
155
+ onLanguageChange: onLanguageChange
156
+ })))));
157
+ };
158
+
159
+ TNTLayout.HeaderActionItem = HeaderActionItem;
160
+ TNTLayout.HeaderNavs = _HeaderNavs["default"];
161
+ TNTLayout.HeaderTabs = _HeaderTabs["default"];
162
+ TNTLayout.AuthContext = _AuthContext["default"];
163
+ TNTLayout.findMenuInfoByPath = _utils.findMenuInfoByPath;
164
+ var _default = TNTLayout;
165
+ exports["default"] = _default;
@@ -0,0 +1,53 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = exports.getText = exports.en_US = exports.zh_CN = void 0;
7
+ var zh_CN = {
8
+ globalNavigation: '全局导航',
9
+ menuSearch: '菜单搜索',
10
+ // QueryForm
11
+ search: '搜索',
12
+ reset: '重置',
13
+ moreFiltering: '更多过滤',
14
+ expand: '展开',
15
+ collapse: '收起',
16
+ // user popover
17
+ personalSettings: '个人设置',
18
+ changePwd: '修改密码',
19
+ signOut: '退出'
20
+ };
21
+ exports.zh_CN = zh_CN;
22
+ var en_US = {
23
+ globalNavigation: 'Global Navigation',
24
+ menuSearch: 'Menu Search',
25
+ // QueryForm
26
+ search: 'Search',
27
+ reset: 'Reset',
28
+ moreFiltering: 'More filtering',
29
+ expand: 'Expand',
30
+ collapse: 'Collapse',
31
+ // user popover
32
+ personalSettings: 'Personal settings',
33
+ changePwd: 'Change password',
34
+ signOut: 'Sign out'
35
+ };
36
+ exports.en_US = en_US;
37
+
38
+ var getText = function getText(key) {
39
+ var _ref;
40
+
41
+ var language = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'cn';
42
+ return (_ref = {
43
+ cn: zh_CN,
44
+ en: en_US
45
+ }[language] || zh_CN) == null ? void 0 : _ref[key];
46
+ };
47
+
48
+ exports.getText = getText;
49
+ var _default = {
50
+ en_US: en_US,
51
+ zh_CN: zh_CN
52
+ };
53
+ exports["default"] = _default;